﻿/* START: MASTER PAGE STYLES AND LAYOUT */

#wrappercontainer
{
	/*min-width:1070px;*/
	min-width:760px;
	width:auto;
}

#wrapper {
	width:760px;
	/* border:solid 1px #00FF00; */
	margin-left:auto;
	margin-right:auto;
	/*position:relative;*/
	background-color:#fff;
	min-height:100%;
	height: auto; 
	margin-top:5px;

}

#header {
	position:relative;
	width:760px;
	height:40px;
	/*border:solid 1px #00FF00; */
	
}

#headerTitle
{
   float:left;
   display:inline; 
   height:38px;
   /*border:solid 1px #00FF00; */
}

#headerLogo {
	position:relative;
	float:right;
	height:38px;
	/*border:solid 1px #00FF00; */
}


#topMenuContainer
{
  width:760px;
  height:17px;
  margin-top:5px;
  margin-bottom:5px;
  /*display:block;*/
  background-color:#002060;

}


#mainContent
{
    width:760px;
    margin-bottom:5px;
    float:left;
}

#mainContent #body
{
    border:solid 1px #002060;
}


#contactGazeleyBar
{
    width:760px;
    height:25px;
    background-color:#002060;
    vertical-align:middle;
    clear:left;
   /* border:solid 1px yellow;*/
}

.contactMainLabelBlock
{
    float:left;
    color:#ffffff;
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight:bold;
    font-style:normal;
    font-size:12pt;
    margin-left:20px;
    line-height:25px;
    margin-right:29px;
}

.contactDetailBlock
{
    float:left;
    line-height:25px;
}


.contactSubLabel
{
    color:#ffffff;
    font-family:Verdana;
    font-size:9pt;
    float:left;
    margin-right:5px;
    
}


.contactInfo
{
    float:left;
    color:#00adef;
    font-family:Verdana;
    font-weight:bold;
    font-size:9pt;
    width:140px;
    line-height:25px;
    height:23px;
}

.contactInfo a
{
    text-decoration:underline;
    color:#00adef;
}




#footerToBottom {
	height:1px;
	width:760px;
	clear:both;
	position:relative;
}

#footer {
	width:760px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	text-align:center;
	height:20px;
	background-color:#FFFFFF;
	color: #000; 
	font-size: 10px; 
	font-family: arial, helvetica, sans-serif;
	text-decoration: none; 
	/*border:solid 1px red;*/
}

#footerLeftCol
{
    width:252px;
    display:inline;
    float:left;
    text-align:left;
   /* border:solid 1px red;*/
}
#footerCentreCol
{
    width:252px;
    display:inline;
    float:left;
     /* border:solid 1px red;*/
}

#footerRightCol
{
    width:252px;
    /* border:solid 1px red;*/
    text-align:right;
    float:right;
}

#footer a
{
    color: #000; 
	font-size: 10px; 
	font-family: arial, helvetica, sans-serif;
	text-decoration: none; 
}

#footer a:hover
{
	text-decoration:underline;
}

/* END: MASTER PAGE STYLES AND LAYOUT */





/*START: TOP MENU LAYOUT AND STYLES*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 /* common styling */

.topMenu {
    float:left; 
    width:100%; 
    height:17px;
    background-color:#002060;
    text-transform:uppercase;
    line-height:17px;
}

.topMenu ul {
    padding:0;margin:0;list-style-type:none;
}

.topMenu ul li {
    float:left; position:relative;
}
.topMenu ul li a, .topMenu ul li a:visited {
    float:left; 
    display:block; 
    text-decoration:none;
    color:#fff; 
    padding:0px 5px; 
    line-height:17px; 
    height:17px; 
    border-right: solid 1px #ffffff;
    border-bottom:3px solid #fff;
    font-family: arial, helvetica, sans-serif;
    font-size:10px;
}

.topMenu ul li:hover {
    width:auto;
}

.topMenu ul li a:hover 
{
    color: #fff;
    background-color: #00a0c6;
    text-decoration: none;
}

.topMenu ul li:hover a 
{
    color: #fff;
    background-color: #00a0c6;
    text-decoration: none;
}

.topMenu ul li ul {
    display: none;
}
.topMenu table {
    margin:0; 
    border-collapse:collapse; 
    font-size:11px; 
    position:absolute; 
    text-transform:none;
    top:0; left:0;
}

/* specific to non IE browsers */

.topMenu ul li:hover ul {
    display:block;
    position:absolute;
    top:19px;
    margin-top:1px; 
    left:0;
    width:154px;
    border-bottom:1px solid #002060;
}
.topMenu ul li:hover ul.endstop {
    left:-92px;
}
.topMenu ul li:hover ul li ul {
    display: none;
}
.topMenu ul li:hover ul li a {
    display:block;
    background:#fff;
    color:#002060;
    height:auto;
    line-height:15px;
    padding:4px 16px; 
    width:120px; 
    border:1px solid #002060; 
    border-bottom:0;
}
.topMenu ul li:hover ul li a.drop {
    background:#ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.topMenu ul li:hover ul li a:hover {
    color:#002060; background: #dddddd url(images/bullet1.gif) no-repeat 3px 8px;
}
.topMenu ul li:hover ul li a:hover.drop {
    background: #dddddd url(images/bullet1.gif) no-repeat 3px 8px;
}
.topMenu ul li:hover ul li:hover ul {
    display:block; position:absolute; left:153px; top:-1px;
}
.topMenu ul li:hover ul li:hover ul.left {
    left:-153px;
}



/* END: TOP MENU LAYOUT AND STYLES */




/*START: HOMEPAGE LAYOUT AND STYLES */
#homeTopSection
{
    width:760px;
    /*border:solid 1px red;*/
    height:180px;
    margin-bottom:5px;
}

#topLeft
{
    width:569px;
   /* border:solid 1px red;*/
    height:180px;
    float:left;
    background-color:#002060;
    margin-right:5px;
}

#topRight
{
    width:186px;
    /*border:solid 1px green; */
    float:right;
    background-color:#002060;
    height:180px;
}


#homeBottomSection
{
    width:760px;
    /*border:solid 1px red;*/
    height:276px;
}


#bottomLeft
{
    width:569px;
   /* border:solid 1px red;*/
    height:276px;
    float:left;
    margin-right:5px;
    background-color:#ffffff;   
}

#bottomRight
{
    width:186px;
    /*border:solid 1px yellow;*/
    background-color:#002060;
    float:right;
    height:276px;
}

.bottomRightText
{
   width:166px;
   color:White;
   margin:15px 10px;
   font-family:Verdana, Arial, Sans-Serif;
   font-size:8pt;
}

/*END: HOMEPAGE LAYOUT AND STYLES */


/* START:  LEFT BLUE NAV COL */
#leftContentContainer
{
    height:456px;
    width:186px;
    /*border:solid 1px red;*/
    float:left;
    margin-right:5px;
    background-color:#002060;
    /*position:relative;*/
}

#leftContentTitle
{
    padding:0px;
    margin-left:20px;
    margin-top:20px;
    margin-right:20px;
    /*border:solid 1px red;*/
    clear:left;
}


#leftContentMenu
{
    margin-left:20px;
    margin-top:20px;
   /* border:solid 1px blue;*/
    clear:left;
    width:166px;
}

#leftContentMenu ul
{
    list-style-type:none;
    margin:0px;
    padding:0px;
    /*border:solid 1px red;*/
}

#leftContentMenu ul li 
{
   margin-bottom:2px;
}

#leftContentMenu ul li a
{
    background-color:#d4d3de;
    color:#002060;
    text-decoration:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:8pt;
    display:block;
    padding:2px;
    line-height:14px;
}

#leftContentMenu ul li a:hover,  #leftContentMenu ul li a.hover
{
    background-color:#ffffff;
    color:#00adef;
    text-decoration:underline;    
}

#leftContentMenu ul li a.leftMenuItemSelected
{
    background-color:#ffffff;
    color:#00adef;
    text-decoration:none;   
}


/* second level links */
#leftContentMenu ul li ul li 
{
   /* border:solid 1px white;*/
    margin:0px;
    padding:0px;
}

#leftContentMenu ul li ul li a
{
    background-color:#d4d3de;
    width:146px;
    margin-right:0px;
    margin-left:auto;
    margin-bottom:2px;
    display:block;
 
}

#leftContentXtraInfoWrapper
{
	position:relative;
	height:370px;
    width:186px;
}

#leftContentXtraInfo
{
    position:absolute;
    clear:left;
    bottom:20px;
    left:20px; 
    height:158px;
    /*border:solid 1px yellow;*/
    width:146px;
}
/* END:  LEFT BLUE NAV COL */



/* START: RIGHT CONTENT CONTAINER - GREY */
#rightContentContainer
{
    float:right;
    height:456px;
    width:569px;
   /* border:solid 1px red;*/
    background-color:#d4d3de;
}
/* END: RIGHT CONTENT CONTAINER */


/*START: TWO RIGHT HORIZONTAL - BOTTOM WITH THREE COLUMNS e.g stategic Context */
#rightContentHorizontalTop
{
    width:568px;
    height:180px;
    /*border:solid 1px red;*/
}

#rightContentHorizontalBottom
{
    width:568px;
    height:276px;
    /*border:solid 1px green;*/
}

#rightContentHorizontalCol1
{
    width:181px;
    float:left;
    height:323px;
    margin-left:8px;
}


#rightContentHorizontalCol2
{
     /*border:solid 1px orange;*/
    width:181px;
    float:left;
    height:323px;
}

#rightContentHorizontalCol3
{
    /*border:solid 1px black;*/
    width:181px;
    float:left;
    height:323px;
    margin-right:8px;
}

/*END: LEFT COL AND TWO RIGHT HORIZONTAL*/

/* START:  HORIZONTAL PICTURE COLUMNS*/
#rightPicHorizontalCol1
{
    width:181px;
    float:left;
    height:180px;
    margin-left:8px;
}

#rightPicHorizontalCol2
{
    width:181px;
    float:left;
    height:180px;
}

#rightPicHorizontalCol3
{
    width:181px;
    float:left;
    height:180px;
    margin-right:8px;
}

/* END:  HORIZONTAL PICTURE COLUMNS*/

/*START: ONE RIGHT HORIZONTAL WITH THREE COLUMNS e.g. executive summary*/

#rightContentCol1
{
    /*border:solid 1px cyan;*/
    width:181px;
    float:left;
    height:416px;
    margin-left:8px;
}

#rightContentCol2
{
    /*border:solid 1px orange;*/
    width:189px;
    float:left;
    height:416px;
}

#rightContentCol3
{
    /*border:solid 1px black;*/
    width:181px;
    float:left;
    height:416px;
    margin-right:8px;
}

.columnText
{
   width:170px;
   color:#002060;
   font-family:Verdana, Arial, Sans-Serif;
   font-size:8pt;
   /*border:solid 1px red;*/
}

.columnTextTopSpacer
{
    display:block;
    height:15px;
}

/*END: ONE RIGHT HORIZONTAL WITH THREE COLUMNS*/



/* START: ONE BIG RIGHT*/
#rightContentText
{
    margin:8px;
    margin-top:15px;
    clear:left;
    color:#002060;
    font-family:Verdana, Arial, Sans-Serif;
    font-size:8pt;
   /* border:solid 1px green;*/
}


/* END: ONE BIG RIGHT*/



/* START: IMAGES STYLE AND LAYOUT*/
.pictureTextRight
{
    margin-right:10px;
    margin-bottom:10px;
    margin-left:0px;
    margin-top:0px;
   /* border:solid 1px red;*/
    float:left;
}

.pictureStandalone
{
    margin-bottom:5px;
    margin-left:0px;
   /* border:solid 1px red;*/
    
}



/* END: IMAGES STYLE AND LAYOUT*/



#centreSection /*container which holds two columns (below) */
{
   
   background-image:url(Images/submenu_faux.gif);
   background-repeat:repeat-y;
   border:solid 1px #002060;
   /*margin-top:5px;*/
   width:758px;
}
    
#leftBar /* Contained within centerSection  */
{
	width:185px;
	float:left;
}

#rightBar  /* Contained within centerSection  */
{
    width:570px;
    float:left;
}

#leftBarContent
{	
    margin:25px 10px 10px 10px;
}

#rightBarContent
{
   margin:25px;
}

/* our customers template layout */
#rightBarCol1
{
    width:250px;
    float:left;
    margin:left:10px;
    margin-bottom:10px;
}
/* our customers tempalte layout */
#rightBarCol2
{
    width:260px;
    float:left;
    margin-bottom:10px;
}





/*container for pages which require no left hand column e.g. errorpages */
#centreSectionOneColumn 
{
   border:solid 1px #002060;
   margin-top:5px;
   width:708px;
   padding:25px;
}





/*START: LEFT MENU */
.leftMenuContainer ul
{
    padding-left: 0;
    margin-left: 0;
    /*margin-top:30px;*/
    background-color: #002060;
    color: White;
    float: left;
    width: 167px;
    font-family: arial, helvetica, sans-serif;
    font-size:10px;
    list-style-type:none;
}
  
.leftMenuContainer ul li
{
    background-color: #FFF;
    background-image:url(Images/submenu_blue1pixel.gif);
    background-repeat:repeat-y;
    background-position:right;
    float:left;  
    margin-bottom:5px;
}

.leftMenuContainer ul li a
{
    color: #002060;
    text-decoration: none;
    height:16px;
    display:block;
    width:162px;
    padding-left:5px;
    background-image:url(Images/arrow_blue.gif);
    background-repeat:no-repeat;
    background-position:right; 
    font-size:10px;
    vertical-align:middle;
}


.leftMenuContainer ul li.disabled, .leftMenuContainer ul li.disabled:hover, .leftMenuContainer ul li a.disabled
{
	background-color:#BBBBBB;
}

.leftMenuContainer ul li:hover, .leftMenuContainer ul li.hover
{
    background-color: #00a0c6;
}


.leftMenuContainer ul li ul li
{
	margin-left:10px;
	margin-top:5px;
}
.leftMenuContainer ul li ul li a
{
	width:152px;
}

li.spacer
{
    display:none;
}

/*END: LEFT MENU */



/* START: Printer Page Styles */

#printBody
{
    width:710px;
    border:solid 1px #002060;
    margin-top:5px;
    padding:25px;
}

/* END: Printer Page Style */





/* START: SiteMap  Styles and layout */

/* END: Sitemap Style and Layout */




/* removes extranous padding */
html body #mainContent table tr td
{
	padding: 0px;
}

html body #mainContent table table table tr td
{
	padding: 0px !important;
}




/*custom */

.clear
{
    clear:left;
}