/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/

html, body {
	margin: 0px auto;
	padding: 0px;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	height: 98%;
}

a img {border: 0px; }

.topper-contain{
	/*padding:5px 0;background:#355790;*/
	background: #809cbf repeat-x left bottom;
	border-bottom: 1px solid #5e7da2;
	display: none;
}
.topper{
	width:770px;
	height: 10px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	color:#cddbf2;/*padding:5px 0;background:#355790;*/	
}

/* 2.2 - Navigation - Flags  Turned OFF

.navflag {float: right; margin: 0px; padding: 0px 20px 0px 0px; font-size: 1.0em;}	
.navflag ul {float: right; margin: 0px; padding: 0px 20px 0px 0px;}	
.navflag li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.navflag li a {margin: 0px; padding: 0px 0px 0px 1px;}
.navflag a:hover {color: rgb(0,0,0); text-decoration: none;}
.img-navflag {display: inline; height: 8px; margin: 0px; padding: 0px; border: none;}
*/

.mainhead-contain {
	border-bottom: 1px solid #ADBCCF;
	background: #89aad3;
	
}	 
.mainhead {
	position:relative;
	width:772px;
	height:65px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	z-index: 10;
}	 

.topbanner {
	position: absolute;
	left: 410px;
	top: 1px;
	z-index: 100;
	}

/* HORIZONTAL NAV BAR - DISABLED 

.globalNav{position:relative; width:770px; height:14px; margin:0 auto;text-align:left;overflow:hidden;
	padding: 5px 0px 5px 4px;
	border-bottom: 1px solid #5e7da2;
	font-size: 10px;
	color: #6E6E6E;
}

.globalNav img{

}

.globalNav a {
	font-size: 12px;
	padding: 0 4px 0 0;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}
*/

/*************************/
.rootline-contain {
	border-bottom: 1px solid #ADBCCF;
	background: #235694;
}
.rootline {
	position:relative;
	width:770px;
	height:17px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	font-size: 9px;
	color: #CBD9E7;
	font-family: Arial;
	font-weight: bold;
}
.rootline p {
	position: relative;
	top: 3px;
	margin: 0;
	padding: 0;
	
}
.rootline a {font-weight: bold; color: #CBD9E7;  text-decoration:none;}
.rootline a:hover {font-weight: bold; color: #CBD9E7;text-decoration:underline;}
/*************************/

.page-container {
width: 770px;
text-align:justify; 
padding: 0px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto 0;

}





/* begin sidebar includng menu */

.sidebar-left {overflow: hidden; clear: both; float: left; min-height: 250px; margin: 0px; padding: 0px; width: 134px;}

.sidebar-menu {
	overflow: hidden;
	position: relative;
	top: -6px;
} 

.mainnav-level0, .mainnav-level0-act{
	padding: 0;
	margin: 14px 0px 8px;
	position: relative;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana;
	text-decoration: none;
	} 
.mainnav-level0 a:link, .mainnav-level0 a:active, .mainnav-level0 a:hover, .mainnav-level0 a:visited{
	text-decoration: none;
	}
.mainnav-level0-act a:link, .mainnav-level0-act a:visited {
	color: #143052;
	text-decoration: none;  
	}
.mainnav-level0 a:hover {
	color: #143052; 
	text-decoration: none;
	}
	
/* menu first sublevel*/

.mainnav-level1-no, .mainnav-level1-act{
	background-image:   url(../images/menu_bullet15.gif);
	background-repeat: no-repeat;
	background-position: -1px 3px;
	border: none;
	padding: 0px 0px 0px 10px;
	margin: 9px 0px 0px;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	} 
	
.mainnav-level1-no a:link, .mainnav-level1-no a:visited {
	color: #747474; 
	text-decoration: none; 
}
.mainnav-level1-act a:link, .mainnav-level1-act a:visited {
	color: #747474; 
	text-decoration: underline; 
}
.mainnav-level1-no a:hover {
	text-decoration: underline;
	}
/* menu second sublevel*/

.mainnav-level2-no, .mainnav-level2-act{
	margin: 5px 0px 0px 14px;
	background-image:   url(../images/menu_bullet6.gif);
	background-repeat: no-repeat;
	background-position: 1px 3px;
	border: none;
	padding-left: 10px;
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
} 
.mainnav-level2-no a:link, .mainnav-level2-no a:visited {
	color: #235694;
	text-decoration: none;
}
.mainnav-level2-act a:link, .mainnav-level2-act a:visited {
	color: #235694;
	text-decoration: underline;
}
.mainnav-level2-no a:hover {
	text-decoration: underline;
}

/* end sidebar beghin centre content column*/


.contentl {
	float: left;
	width: 448px;
	margin: 0px 2px 0px 18px;

}
.contentl  li {
	margin-bottom: 9px;
	list-style: disc outside;
	margin-left: -6px;
}
.contentl  li li{
	margin-bottom: 9px;
	margin-top: 4px;
	list-style: circle outside;
	margin-left: -6px;
}

.contentl  ul {
	margin-right: 14px;
}



.maincolumn {
	overflow: hidden;
	width: 408px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}



a {
	color: #333333;
	}



p, h1, h2, h3, h4, h5, h6{
	margin: 5px 12px 0px 12px;
	padding: 0;
	}
h1 {
	font: normal 20px Arial, Helvetica, sans-serif;
	color: #143052;
	text-align: left;
	border-bottom: 1px solid #143052;
	margin-bottom: 14px;
}
h3 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	border-bottom: 1px dashed #333333;
}

h4{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	}

/************* some colors **************/

.sysblue { color: #143052; }

.red { color: #990000; }

.grey { color: #666666; }

.dkgreen { color: #003300; }

.bronze { color: #666633; }

.purple { color: #50026C; }

.amber { color: #CC9900; }


/************* right column formatting **************/
.rightcol
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	margin: 0;
	padding: 0;
	float:right;
	width: 147px;
	line-height: 12px;
	font-weight: normal;
	background-color: #ffffff;
	text-align: justify;
	overflow: hidden;
	}
.clock {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #828282;
	margin: 12px auto 4px;
	text-align: center;
}
.rcolrule {
	height: 1px;
	background: #143052;
}
.rightcol img, .leftcol-under-menu img{
	display: block;
	text-align: center;
	margin: 4px auto;
}
.rcolrule img{
	margin: 0px;
	padding: 0px;
}
.rightcol h5, .leftcol-under-menu h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	margin: 2px 0px 0px;
	display: block;
}	

.rightcol h4, .leftcol-under-menu h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #333333;
	padding: 0px;
	display: block;
	text-align: center;
	margin: 5px 3px 6px;
	line-height: 14px;
}	
.rightcol p, .leftcol-under-menu p{
	margin: 1px 0px 5px;
	padding: 0px;
}

.leftcol-under-menu
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	margin: 10 0 0;
	padding: 0;
	width: auto;
	line-height: 12px;
	font-weight: normal;
	background-color: #ffffff;
	text-align: justify;
	overflow: hidden;
	}

/************* Begin Footer **************/	
.footertop-contain {
	border-bottom: 1px solid #E2E8EF;
	border-top: 1px solid #E2E8EF;
	background: #235694;
	height: auto;
}
.footertop {
	position:relative;
	width:770px;
	height:17px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;

}


.pagefooter-contain{
	background: #F3F3F3;
	font: 9px Arial, Helvetica, sans-serif;
	height: auto;
}	
.pagefooter {
	position:relative;
	width:760px; 
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	padding: 0;
	left: 0px;
	clear: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	height: auto;
	}
.footermenu{
	margin-top: 1px;
	font-size: 11px;
	}

.footermenu ul {
	padding:0 0 0 1px;
	margin:0;

}
.footermenu li{display:inline; list-style:none;}
.pagefooter a{
	color: #666666;
	text-decoration: none;
	}
.pagefooter img{
	display:block;
	margin-top: 6px;
	}
.pagefooterterms
	{
	float: left;
	text-align: left;
	margin-left: 2px;

	}
.pagefooterterms a
	{
	color: #000000;
	text-decoration: underline;
	}
.pagefootercopyr
	{
	float: right;
	text-align: right;
	bottom: 0px;
	margin-right: 2px;
	}
.footercentral
	{
	text-align: center;
	}
	

/************* various pads **************/


.contentl DIV.csc-frame-rulerAfter, .clearer{
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px;
}

.buffer {clear: both; width: 770px; height: 30px; margin: 0px; padding: 0px;}
.contentbuffer {clear: both; width: 448px; height: 20px; margin: 0px; padding: 0px;}
#pad {
	display: block;
	height: 37px
}
.pad20pix {
	display: block;
	height: 20px;
	clear: both
}

/************* Front page only **************/

#topwindow{
	width: 448px;
	padding: 0px 0px 0px 10px;
}

.maincolumn{
	padding: 0px;
	width: 360px;
	position: relative;
	margin-left: 55px;
}
.topicheads {
	width: 368px;
	margin: 20px 0px 0px 44px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.topicheadsrule
{
	background: #336699 repeat;
	height: 2px;
	width: 368px;
	clear: both;
	margin: 3px 0px;
}
.topicheadsatimg
{
	float: right;
	display: inline;
	margin: 0px 0px 1px;
}
.topicheads a:link, .topicheads a:visited, .topicheads a:active {
	color: #336699;
	text-decoration: none;

}
.topicheads a:hover   {
	color: #333333;
	text-decoration: underline;
}

/************* pick up on styles generated by typo3 css **************/

.indent{
	padding: 0px;
	width: 392px;
	position: relative;
	margin-left: 33px;
}