@charset "utf-8";
/* CSS Document */

html, body {
	width: 100%; height: 100%; text-align: center; /* to centre IE */
	margin:0; padding:0;
}

body{
	color: #666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background: url(../templateimages/background.jpg) top left repeat-x;
	background-color:#FFF;
}
	img, a{
	border:none;
}

p {
	font-size:11px;
	line-height:1.4;
}
h1 {
	color:#FFF;
	font-weight:200;
	font-size:16px;
}
h3 {
	color:#FF0;
	font-weight:400;
	font-size:14px;
}
ul, li {
	list-style:none;
	padding:0;
	margin:0;
}

sup {
	font-size:8px;
	padding:-2px 0 4px 3px;
	color:#9FFFFF;
}
strong {
	color:#7FF;
}

th {
	background:#EB691B;
	color:#FFF;
	padding: 5px;
}
td{
	padding:5px;
	background:#F7F7F7;
	color:#333;
}
td strong {
	color:#000;	
}

hr{
	border:none;
	border-bottom: 1px dotted #7FF;
	margin:15px 0;
	padding:0;
	
}
/*-------------------------------------Shell */
#wrapper {
	width:860px;
	margin:0 auto;
	padding:0;
	background: #2B6F94 url(../templateimages/content-bkg-repeat.jpg) bottom left repeat-x;
	background-color: #5797BA;
}

#content {
	margin:10px 0 0 0;
	padding:20px;
	text-align: left;
	color: #D7E6EE;
	float: left;
	width: 590px;
	background-color: #235671;
	font-size: 12px;
	line-height: 1.4;
}

#content h1{
	padding: 5px 0;
	font-weight: 600;
	color: #FFFFF0;
}
#content ul{
	padding:0 0 0 12px;
	color:#B3FFFF;
	margin: 0 0 0 15px;
}
#content li{
	padding:8px 0;
	list-style: disc outside;
}
#content a{
	color:#FF0;
	background: url(../templateimages/bullet-double-arrow.gif) left no-repeat;
	padding:0 0 0 12px;
	font-size:12px;
}
#content .float-left{
	float:left;
	margin:0 10px 8px 0;
}
#content .float-right{
	float:right;
	margin:0 0 8px 10px;
}
#content-wide {
	margin:0;
	padding:0 0 0 15px;
	text-align: left;
	color: #E2EDF3;
}

#content .panel1{
	float:left;
	width:260px;
	margin:10px 8px 10px 0;
	padding:12px;
	background:#22556F url(../templateimages/panel-bkg-repeat.jpg) top left repeat-x;
	height: 200px;
	line-height: 1.2;
}
#content .panel1 a{
	color:#FF0;
	background: url(../templateimages/bullet-double-arrow.gif) right no-repeat;
	padding:0 15px 0 0;
	font-size:12px;
}

/*Content-Wide-------------*/
#content-wide .panel1{
	float:left;
	width:280px;
	margin:10px 8px 10px 0;
	padding:12px;
	background:#22556F url(../templateimages/panel-bkg-repeat.jpg) top left repeat-x;
	height: 180px;
	line-height: 1.2;
}
#content-wide .panel1 a{
	color:#FF0;
	background: url(../templateimages/bullet-double-arrow.gif) right no-repeat;
	padding:0 15px 0 0;
	font-size:12px;
}

#content-wide .panel2{
	float:left;
	width:205px;
	margin:10px 8px 10px 0;
	padding:0px;
	background:#22556F url(../templateimages/panel-bkg-repeat.jpg) top left repeat-x;
	height: 204px;
	line-height: 1.2;
}
#content-wide .panel2 a{
	color:#FFF;
	padding:8px 0 8px 18px;
	font-size:12px;
	display:block;
	text-decoration:none;
	background: url(../templateimages/button-bkg.jpg) no-repeat;
	font-weight: bold;
	border-bottom: thin solid #0F2531;
	border-top: thin solid #64ACD2;
}
#content-wide .panel2 a:hover{
	background: url(../templateimages/button-bkg-hover.jpg) no-repeat;
}
#content-wide .panel2 ul, #content-wide .panel2 li{
	margin:0; padding:0; list-style:none;
}
#content-wide .panel2 ul{
	margin:10px 0;
}
#content-wide .panel2 h1{
	padding:12px 0 0 12px;

}
/*-------------------------------------Footer Section*/
#footer {
	color:#666666;
	font-weight:bold;
	margin:0 auto;
	height:70px;
	padding:35px 0 15px  0;
	background: #fff url(../templateimages/footer.jpg) top center no-repeat;
	font-size: 10px;
	width: 860px;
}
#footer a{
	color:#016984;
	text-decoration:none;
	font-size: 10px;
}

#footer a:hover{
	color:#346D8B;
	text-decoration:underline;

}
#footer ul li {
	margin:0;
	padding:0;
	list-style:none;
}

#footer li {
	display:inline;
	padding: 0 5px 0 0;
}


/*-------------------------------------TOP Nav Section*/

#topnav{
	height:100px;
	width:860px;
	background:url(../templateimages/topnav.jpg) bottom no-repeat;
	text-align:left;
}
#logo {
	width:260px;
	height:90px;
	float:left;
	padding:0;
	text-align: left;
	
}
#nav {
	float:right;
	width:550px;
	margin:50px 0 0 0;
	padding: 0 15px;

}

#nav ul, #nav li {
	padding: 0;
	margin: 0;
	list-style: none;


}

#nav li {
	float:right;
}

#nav a{
	color:#0099FF;
	float:none;
	font-family: Verdana, Arial, Helvetica, sans-serif,;
	font-size:12px;
	padding: 8px 16px 8px 13px;
	text-decoration:none;
	display: block;
	background:url(../templateimages/bullet-double-arrow-blue.gif) left no-repeat;
	font-weight: 600;
	width: auto;
	height: 15px;
}

#nav a:hover{
	text-decoration:underline;
	color:#F60;
}

#banner {
clear:both;
}

/*-------------------------------------------*/

#sidebar{
	float:left;
	width:205px;
	margin:10px 8px 10px 0;
	padding:0 0 20px 0;
	background:#22556F url(../templateimages/panel-bkg-repeat.jpg) top left repeat-x;
	line-height: 1.2;
	text-align:left;
}

#sidebar p{
	margin:5px 10px;	
	color:#FFF;
}
#sidebar a{
	color:#FFF;
	padding:8px 0 8px 13px;
	font-size:12px;
	display:block;
	text-decoration:none;
	background: url(../templateimages/button-bkg.jpg) no-repeat;
	font-weight: 300;
	border-bottom: 1px solid #0F2531;
	border-top: 1px solid #64ACD2;
	width: auto;
}
#sidebar a:hover{
	background: url(../templateimages/button-bkg-hover.jpg) no-repeat;
}
#sidebar .selected{
	background:url(../templateimages/button-bkg-hover.jpg) no-repeat;
	text-decoration:underline;
	font-weight: bold;
}
#sidebar ul, #sidebar .panel2 li{
	margin:0; padding:0; list-style:none;
}
#sidebar ul{
	margin:10px 0;
}
#sidebar h1{
	padding:8px 0 5px 10px;
	font-size: 13px;
	margin: 0;

}
/*Sidebar Subnavigation*/

	#sidebar ul li ul {
	background:#0F2531;
	padding:6px 5px 6px 18px;
	margin: 0;
		
	}
	#sidebar ul li ul li {
	background:none;
	padding:0 0 4px 0;
	margin: 0;	
	}
	#sidebar ul li ul li a{
	background:none;
	padding:5px 0 5px 3px;
	margin: 0 12px 0 0;
	font-weight:normal;
	border:none;
	color:#F90;
	width: auto;
	}
	#sidebar ul li ul li a:hover{
	background:none;
	text-decoration:underline;
	color:#FFF;
	}
	#sidebar ul li ul li a.selected{
	background:none;
	text-decoration:underline;
	font-weight: bold;
	}
	
	
	#sidebar ul li h2{
	background:#0F2531;
	padding:5px 0 5px 10px;
	margin: 0;	
	font-weight:bold;
	border:none;
	color:#6F0;
	font-size:12px;
	}
/*----------------------------------------------------Login*/
#login {
	text-align:center;
	height:25px;
	top:0;
	left:0;
	width: 100%;
}
#login a{
	color:#FFF;	
}
#login #container {
	text-align: right; /* be nice to IE5 */
	color:#FFF;
	background-color:transparent;
	height:17px;
	margin: 0 auto;
	padding:10px;
	width: 840px;
}
/*----------------------------------------------------contact Form*/

#contactform {
	width:550px;
	color:#FFF;
	font-size:12px;
	padding: 25px;
	background-color:#31769B;
	text-align: center;
}

#contactform td {
	padding:10px;
}

#contactform textarea, #contactform input {
	width: 300px;
	background-color: #FFC;

}

#contactform #button{
width:150px;
}

/*----------------------------------------------------Account Form*/

#account {
	width:350px;
	border:1px dotted #666666;
	color:#000000;
	font-size:12px;
	padding: 25px;
	background-color:#E3F2FB;
	
}

#account td {
	padding:10px;
}

#account textarea, #account input {
	width: 250px;

}

#account #button {
width:100px;
}


.clear{
	clear:both;	
}