/*
Website Colours:
Almost Black:		#2F2F2F
Dark Grey: 			#4D4D4D 	 
Accent Colour: 	#B0CB1A 	  
Accent Text: 		#DBFB28  
Blue: 					#3366FF
Grey: 					#999999	
Light Grey:			#D6D6D3;
*/	 

@import "solutions_template.css";
@import "panes.css";
@import "home.css";

body{
	text-align:center;
	color:#4D4D4D;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size:0.70em;
	height:100%;
	width:100%;
	background: url(../images/site_bg_top.jpg) scroll repeat-x left top;
	background-color:#D6D6D3;
	margin:23px 0 0 0;
	max-height:97%;
	
}

div.siteContainer{
	text-align:left;
	width:954px;
	margin: 0 auto;
}

p{
	margin:0;
	padding:0;
	margin-bottom:7px;
}

#topSection {
	width:954px;
	margin-left:5px;
	background:url("../images/site_rounded_corners_top.gif") no-repeat left top;
	background-color:#FFFFFF;
}

#bodyContainer{
	background: url(../images/site_border_wide.jpg) repeat-y;
	float:left;
	width:963px;
}

#pageContent{
	float:left;
	width:80%;
	
	max-width:76%;
	padding-left:20px;
	padding-top:20px;
	
	height: expression(53 + "em");
	min-height:53em;
}



a:hover{
	color:none;
}



div.errorPage a:visited,
div.errorPage a:active,
#loginForm a:visited,
#loginForm a:active{
	color:blue;
}

p.errorText{
	color:red;
	font-size:1.1em;
	height:1.0em;
}



/*MISC DIVS
=========================================*/
div.clearAndGap,
div.clear{
	clear:both;
	padding:0;
	margin:0;
}
	
div.clearAndGap{
	height:20px;
}
	
div.breadcrumbs{
	width:100%;
	padding:0px 0px 15px 5px;
}

div.breadcrumbs a{
	color:#008000;
}

div.breadcrumbs a:hover{
	color:#008000;
}

div.center{
	text-align:center;
}

div.left,
div.right{
	float:left;
	width:50%;
	padding-bottom:15px;
}

/*=======================================*/




/*TOP NAVIGATION TABS
=========================================*/
	#navContainer{
		background-color:#2F2F2F;
		height:30px;
		float:left;
		width:100%;
	}
	
	#navContainer ul{
		float:left;
		list-style-type: none;
		margin-left:0px;
		margin-top:0px;
		padding-left:30px;
	}
	
	#navContainer li {
		background: url(../images/nav_tab_separator.gif) no-repeat right bottom;
		font-size: 1.0em;
		font-weight:bold;
		float: left;
		padding: 7px 18px 0px 18px;
	}
	
	#navContainer li.noSep{
		background:none;
	}
	
	#navContainer li.selected{
		background: url(../images/nav_tab_back.gif) repeat-x;
		background-color:#FFFFFF;
		padding-bottom:0px;
		padding-left:-10px;
	}
	
	#navContainer li.selected a{
		color:#000000;
		float:left;
		padding:0;
		padding-top:1px;
		margin-left:-6px;
		margin-right:-6px;
	}
	
	#navContainer li.selected a:hover{
		color:#000000;
	}

	#navContainer div.selectedLeft{
		height:30px;
		width:6px;
		margin-top:-7px;
		float:left;
		left:-18px;
		position: relative;
		background: url(../images/nav_tab_corner_left.gif) no-repeat left top;
	}
	
	#navContainer div.selectedRight{
		height:30px;
		width:6px;
		margin-top:-7px;
		float:left;
		left:18px;
		position: relative;
		background: url(../images/nav_tab_corner_right.gif) no-repeat right top;
	}
	
	#navContainer a{
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#navContainer a:hover{
		color:#BDE36F;
	}
	
	.navPadding{
		width:5px;
		height:30px;
		float:left;
		background-color:#000000;
	}
	
	
	/*=========================================*/



/*SITE SEARCH FORM
=========================================*/
#siteSearch fieldset {
	float:right;
	border:none;
	background-color:#2F2F2F;

	padding:0px;
	padding-top:3px;
}

#siteSearch legend{
	display:none;
}

#siteSearch p{
	padding:3px;
	padding-right:10px;
	display:inline;
}

#siteSearch .quickSearch{
	background: url(../images/search_box_bg.gif) repeat-x;
	border:1px solid #999999;
	font-family:Helvetica;
	font-size:0.9em;
	width:150px;
	height:18px;
}

#siteSearch .submitSearch{
	color:#FFFFFF;
	background-color:black;
	border:1px solid #FFFFFF;
	font-weight:bold;
	font-family:Helvetica;
	width:30px;
}
/*=========================================*/




/*LEFT HAND SIDE NAVIGATION MENU
=========================================*/
#leftNav{
	float:left;
	width:17%;
	max-width:140px;
	padding-top:20px;
	padding-left:25px;
}

#leftNav div{
	background: url(../images/left_nav_fade_light.jpg) no-repeat right center; 
}

#leftNav div.selected,
#leftNav div.selectedNoArrow{
	background: url(../images/left_nav_fade_dark.jpg) no-repeat right center; 
	background-color:#555555;
}

#leftNav div.selectedNoArrow a:hover{
	color:#FFFFFF;
}

#leftNav div,
#leftNav div a, 
#leftNav ul{

	padding:5px;
	background-color:#D6D6D3;
	margin-bottom:1px;
	font-weight:bold;
	text-decoration:none;
	color:#555555;
	text-align:left;
}

#leftNav div.selectedNoArrow a,
#leftNav div.selected a{
	text-decoration:none;
}

#leftNav div a.arrow{
	padding-left:15px;
	background: url(../images/left_nav_icon_notselected.gif) no-repeat left; 
}

#leftNav div a.Noarrow{
	padding-right:10px;
}

#leftNav ul li a.l3{
	padding-right:15px;
	/*background-color:#2F2F2F;*/
	padding:3px;
	margin:2px;
	text-decoration:none;
	/*color:#FFFFFF;*/
	text-align:left;
	/*background: url(../images/left_nav_icon_selected.gif) no-repeat right;*/
}

#leftNav ul li a.l3_sel{
	font-weight:bold;
	padding-right:15px;
	/*background-color:#2F2F2F;*/
	padding:3px;
	margin:2px;
	text-decoration:none;
	/*color:#FFFFFF;*/
	text-align:left;
	/*background: url(../images/left_nav_icon_selected.gif) no-repeat right;*/
}


#leftNav div.selected a{
	color:#FFFFFF;
	padding-left:15px;
	background: url(../images/left_nav_icon_selected.gif) no-repeat left;
}

#leftNav div.selectedNoArrow a{
	background-color:#555555;
	color:#FFFFFF;
	/*padding-right:15px;*/
	/*background: url(../images/left_nav_icon_selected.gif) no-repeat right;*/
}

#leftNav div.selected{
	background-color:#555555;
}

#leftNav div.selected a:hover{
	color:#FFFFFF;
}

#leftNav a:hover{
	color:black;
}

#leftNav ul{
	padding-top:7px;
	padding-bottom:7px;
	list-style-type:none;
	margin:0px;
	margin-bottom:2px;
}

#leftNav ul li,
#leftNav ul li.last{
	padding-bottom:3px;
	padding-top:3px;
	margin-left:10px;
	background: url(../images/dot.gif) repeat-x  left bottom;
}

#leftNav ul li.last{
	background:none;
}

#leftNav li a{
	text-decoration:none;
	color:#000000;

	font-weight:normal; 
	padding-left:8px;
	
}

#leftNav li ul li a{
	text-decoration:none;
	color:#000000;
	font-size:0.85em;
	padding-left:15px;
	font-weight:normal; 
}

#leftNav li a.link_bold{
	text-decoration:none;
	color:#111111;

	padding-left:8px;
	font-weight:bold; 
	background: url(../images/left_nav_icon_small.gif) no-repeat left;
}

#leftNav li ul li a.link_bold{
	text-decoration:none;
	color:#000000;
	font-size:0.85em;
	padding-left:15px;
	font-weight:bold; 
}

#leftNav img,
#leftNav img.selected{
	border:none;
}

#leftNav div.selected img{
	border:none;
	vertical-align:middle;
}
/*=========================================*/



/*BANNER STYLES
=========================================*/
#banner{
	height:85px;
	padding-left:10px;


}
#banner img{
	margin-top:18px;
	margin-left:8px;
}

#banner div{
	float:left;
	height:100%;
	width:49%
	
}

#banner ul{
	float:right;
	list-style-type: none;
	padding-right:30px;
	padding-top:27px;
	margin-top:10px;
}

#banner li{
	font-size: 1.0em;
	font-weight:bold;
	float: left;
	padding-left:12px;
	padding-right:12px;
	background: url(../images/banner_link_separator.gif) no-repeat left top;
}

#banner li.first{
	background:none;
}

#banner a{
	text-decoration:none;
	color:#000000;
}

#banner a:hover{
	color:#777777;
}
/*=========================================*/



/*RIGHT HAND PANES BAR
=========================================*/

#rightHandPanes {
	width:25%;
	float:right;
}

/*=======================================*/


/*SITEMAP
=========================================*/
#sitemap ul{
	list-style-type: none;
	margin:0;
	padding:0;
}



#sitemap ul.mainSection{
	border:1px solid #CCCCCC;
	background: url(../images/grey_gradient_light_short.jpg)   no-repeat bottom right;
	padding:15px 10px 30px 20px;
	margin-bottom:20px;
	width:80%;
}

#sitemap li.level1{
	
}

#sitemap li.level2{
	margin-top:10px;
	margin-left:30px;
}

#sitemap li.level3{
	margin-left:60px;
	padding-top:5px;
}

#sitemap li.level4{
	margin-left:80px;
	height:0px;
	display:none;
}


#sitemap li.level0 a,
#sitemap li.level1 a{
	text-decoration:none;
	font-size:1.3em;
	font-weight:bold;
	color:#4070FF;
}

#sitemap li.level2 a{
	font-size:1.1em;
	font-weight:bold;
}

#sitemap li.level3 a{
	font-size:1.0em;
}


#sitemap li{
	list-style-type: none;
}

#sitemap a{
	color:#4070FF;
	font-size:1.2em;
}

#sitemap a:visited{
	color:#4070FF;
}
/*=======================================*/


/*STANDARD FORM (LARGE AND SMALL)
=========================================*/
#stdForm,
#stdFormSmall{
	border:1px solid 	#BBBBBB;
	padding:0;
	margin:0;
	padding-bottom:10px;

	width:90%;
}

#stdFormSmall{
	width:320px;
	padding-top:0px;
}



#stdForm fieldset,
#stdFormSmall fieldset{
	border:none;
	margin:0;
	padding:0;
	width:100%;
}

#stdFormSmall fieldset{
	padding:10px 10px 5px 10px;
	
}

#stdForm label,
#stdFormSmall label{
	text-align:right;
	padding-right:5px;
	color:#626162;
}

#stdForm div.formTitle,
#stdFormSmall div.formTitle{
	padding:0;
	color:#626162;
	background: url(../images/grey_gradient.jpg)   no-repeat center;
	margin:0;
	margin-bottom:10px;
	width:100%;
	overflow:hidden;
	height:35px;

}

#stdFormSmall div.formTitle{
	padding:0 0 3px 0;
	background: url(../images/grey_gradient.jpg)   no-repeat bottom left;
}


#stdForm div.formTitle h1,
#stdFormSmall div.formTitle h1{
	padding:0;
	margin:6px 0 0 20px;
	font-size:1.6em;
	font-weight:normal;


}

#stdForm table,
#stdFormSmall table{
	margin-left:20px;
}

#stdForm table th,
#stdFormSmall table th{
	text-align:right;
	font-size:0.8em;
}

#stdForm input,
#stdFormSmall input{
	background: url(../images/search_box_bg.gif) repeat-x;
	border:1px solid #999999;
	font-family:Helvetica;
}

#stdFormSmall input.submitButton{
	margin-top:15px;
	padding:2px 4px 2px 4px;
}

#stdForm textarea,
#stdFormSmall textarea{
	font-family:Helvetica;
	width:325px;
}

#stdForm span.mandatory,
#stdFormSmall span.mandatory{
	color:red;
}

#stdForm p,
#stdFormSmall p{
	color:#626162;
	text-align:left;
	padding: 0 10px 10px 20px;
}


/*=======================================*/


/*FOOTER
=========================================*/
#footer{
	text-align:center;
	background: url(../images/footer_noshadow.gif) repeat-x bottom;
	margin-left:5px;
	padding-bottom:20px;
	padding-top:30px;
	width:954px;

}

#footer a:visited{
	color:blue;
}

#footer p,
#footer p.small{
	font-size:0.8em;
	margin:0;
	padding:0 0 5px 0;
}
/*=======================================*/

/*SEARCH RESULTS
=========================================*/
#searchResults h1{
	font-size:2.0em;
}

#searchResults table{
	width:60%;
}

#searchResults table th{
	text-align:left;
	font-size:0.95em;
	border-bottom:1px solid black;
}

#searchResults table tr.shaded{
	background-color:#EEEEEE;
}

#searchResults table td{
	font-size:0.8em;
	padding:2px 30px  2px 5px;

}


#searchResults a{
	text-decoration:none;
}

#searchResults a:hover{
	text-decoration:underline;
}


#searchResults a:visited{
	color:blue;
}
/*=======================================*/

/*LOGIN FORM
=========================================*/
#loginForm iframe,
#loginForm div.messageContainer{
	padding:0;
	margin:0;
	height:30px;
}

#loginForm iframe{
	height:35px;
	max-height:25px;
}

#loginForm div.messageContainer p{
	color:red;
}

#forgotPassword{
	border:1px solid #DDDDDD;
	padding:15px 10px 10px 15px;
	width:320px;
}
/*=======================================*/