/* Styles that apply to both websites
-------------------------------------*/
p, ul, li, h1, h2, h3, h4, h5, h6, ol, form {margin:0px; padding:0px;}
td {vertical-align:top;}
.hide {display:none;}
.padLeft {float:right; margin-left:5px; margin-bottom:5px; border:1px solid #BFBFBF;}
.padRight {float:left; margin-right:5px; margin-bottom:5px;border:1px solid #BFBFBF;}
a img {border:none;}
a {color:#004A8D;}
a:hover {color:#669ACC;}
p.right {text-align:right;}

/* Borders around images 
-----------------------------------------*/
.white_border {border:1px solid #fff;}



/* Styles for headings
----------------------------------------------*/
h2 {
	margin:0; padding:10px 0 0 12px;
	font:normal 1.3em/1.1em verdana, arial, tahoma, sans-serif;
	color:#004A8D; 
}

h3 {
	margin:2px; padding:12px 0 4px 12px;
	font:normal 1.3em verdana, arial, tahoma, sans-serif;
	border-top:1px solid #BFBFBF;
	color:#004A8D;
}

h4 {/* used on sidebars*/
	margin:0; padding:8px 0 4px 12px;
	font:normal 1.1em verdana, arial, tahoma, sans-serif;
	border-bottom:1px solid #BFBFBF;
}

/* These classes are used for the different colour headings */
.blue {background:#004A8D url(../images/h2_blue.gif) bottom repeat-x;  color:#FFF;}
.red {background:#CC0000 url(../images/h2_red.gif) bottom repeat-x; color:#FFF;}
.yellow {background:#FDB812 url(../images/h2_yellow.gif) bottom repeat-x; color:#333;}

body {
	margin:0 auto 0 auto;
	text-align:center;
	background:#E4EDF6 url(../images/wrap_bg.gif) 50% repeat-y;
	color: #333;
	font:72% verdana, arial, tahoma, helvetica, sans-serif;
	line-height:1.6em;
}
#wrap_outer {
	width:100%;
	margin:0 auto 0 auto;
	background: url(../images/bg.gif) repeat-x;
}

#wrap_inner {
	width:960px;
	margin:0 auto 0 auto;
}

#header {
	width:960px; height:100px;
	margin:0; padding:0;
}
#logo a {
	float:left;
	width:168px; height:100px;
	display:block;
	text-decoration:none;
	padding:0; margin:0; 
	background: url(../images/logo.gif) top left no-repeat;
}

/* Main top navigation appearing on blue bar 
--------------------------------------------------*/

#top_nav {
	float:right;
	margin: 0; padding: 0;
	width:550px; height:30px;
	color:#FFF;
}

#top_nav ul, #top_nav li {
	margin: 0; 
	display: inline;
	list-style-type: none;
}

#top_nav a {
	float: right;
	line-height: 14px;
	font: bold 1em arial, verdana, tahoma, sans-serif;
	padding: 7px 14px;
	color: #FFF; text-decoration:none;
	border-right:1px solid #FFF;
}
#top_nav a.last {border-right:0px;}
#top_nav a:hover {color:#FDB812;}



#content {
	float:left;
	width:960px;
	margin:0; padding:0;
	text-align:left;
}


/* Left column 
--------------------------------------------*/
#left_col {
	float:left;
	width:178px;
	margin:34px 5px 0 0; padding:0;
}

#left_col ul {
	margin:0px; padding:0;
	list-style-type:none;
}

#left_col li a {
	display: block;
	padding: 6px 5px 6px 9px;
	margin:1px;
	width: 160px;
	color:#333;
	text-decoration:none;
} 
#left_col li a:hover {
	text-decoration:underline;
	color: #333; 
} 
#left_col li a.active {
	background-color: #F2F2F2;
	color: #333; 
} 
#left_col li a.isactive {
	background-color: #F2F2F2;
	color: #333; 
} 

#left_col li ul li a {
	display: block;
	padding: 4px 5px 4px 9px;
	margin:1px;
	width: 160px;
	color:#333;
	text-decoration:none;
	text-align:right;
} 

#left_col li ul li ul li a {
	display: block;
	padding: 4px 5px 4px 9px;
	margin:1px;
	width: 160px;
	color:#338;
	text-decoration:none;
	text-align:right;
	font-style:italic;
	font-size:8pt;
} 

#left_col li ul li a.here {
	background-color: #F3F9FF;
} 



/* Main column 
-----------------------------------*/


#main_col {
	float:left;
	width:538px;
	margin:0 0 10px 0; padding:0 0 20px 0;
	border-bottom:1px solid #BFBFBF;
	background:url(../images/main_col_bg.gif) repeat-y;
}

#main_col h2 {
	width:526px; height:34px;
	background:url(../images/main_col_head.gif) top left no-repeat;
	color:#FFF; 
}

#main_col h3.news {	border-bottom:0px;}

#main_col ul, #main_col ol {margin:8px 20px 8px 30px;}
#main_col li {padding:5px 0;}
#main_col p {padding:8px 20px;}


/* Right column 
-----------------------------------*/
#right_col {
	float:right;
	width:234px;
	margin:0; padding:0;
}

#right_col ul {
	margin:0px; padding:0;
	list-style-type:none;
}

#right_col li a {
	display: block;
	padding: 6px 5px 6px 11px;
	margin:1px;
	color:#333;
	width: 210px;
	text-decoration:none;
} 


#right_col li a:hover {
	text-decoration:underline;
	color: #333; 
} 



/* Styles for containers appearing on sidebars 
--------------------------------------------------*/

.narrow_container, .narrow_container_noborder {
	width:176px;
	margin:0 0 8px 0; padding:0;
	border:1px solid #BFBFBF;
	font-family:arial, verdana, tahoma, sans-serif;
}



.container, .container_noborder, .container_home  {
	width:230px;
	margin:0 0 8px 0; padding:0;
	border:1px solid #BFBFBF;
	font-family:arial, verdana, tahoma, sans-serif;
}
.narrow_container p, .container p, .container_home p  {
	padding:8px 10px 5px 12px;
	font-size:1em;
}
.container_noborder, .narrow_container_noborder {border:0px;}
.container_home {border:0px; border-top:1px solid #BfBfBf;}






/* styling for form elements 
--------------------------------------*/
select {
	font-size:0.9em;
	margin:8px 5px 12px 12px;
}

.highlight_area {
	margin:1px; padding:0;
	background:#F2F2F2;
}

.textfield {margin:8px 2px 8px 12px; width:150px;}
.button {margin:8px 2px;}


/* Styling for Footer
-----------------------------------------------*/
#footer{
	clear:all;
	float:left;
	width:960px;
	padding:20px 0 10px 0px;
	font:0.9em arial, verdana, tahoma, sans-serif;
	text-align:center;
}

#footer a {
	padding:5px 8px; color:#333; text-decoration:none;
}
#footer a:hover {text-decoration:underline;}