/* CSS Document */

/* main colours:

blue: #002134

red: #D52027

lightblue: #002E5B

*/



body { margin: 0; padding:0; background: #FFFFFF; height: 100%; font-size:62.5%;}

.red { color: #D52027}



#wrapper {}



#header { height: 83px; background: #D52027; padding: 0; margin: 8px 0 0 0 ; border-bottom: 1px solid #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #002134}

#header ul { color: #FFFFFF; margin: 0; padding: 0; width: auto; float: right; background-color: #D52027; padding: 2px 4px 2px 4px; height: 13px; margin: 37px 23px 0 0 }

#header li { display: inline; }

#header a:link, #header a:active, #header a:visited { color: #FFFFFF; text-decoration: none}

#header a:hover { text-decoration: none; color: #002E5B}

#logo { position: absolute; top: 0; left: 10px; float: left; }





#container {

	margin: 0 0px 0 0;

	color: #000000;

	border-right: 1px solid #FFFFFF;

	background-color: #F7F6F2;

	font-weight: normal;

	list-style-position: inside;

	list-style-type: none;

	text-align: left;

}



#imagebar {

	height: 188px;

	padding: 0;

	margin: 0;

	border-bottom: 1px solid #FFFFFF;

	background-color: #000000;

	background-image: url(../images/black_bg1.jpg);

	background-repeat: no-repeat;

}

#rightimage { border-left: 1px solid #FFFFFF; float: right}

#sloganimage { padding:  80px 0 0 15px; float: left} 



#menubar {

	padding: 0;

	margin: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.2em;

	line-height: 26px;

	color: #002E5B;

	padding: 0 0 0 0px;

	background-color: #000000;

}

#menubar a:link, #menubar a:active, #menubar a:visited { color: #FFFFFF; text-decoration: none; margin: 0 0px 0 10px;}

#menubar a:hover { text-decoration: none; color: #A0B1C1 }

#menubar ul { margin: 0px 10px 0 5px; padding: 0}

#menubar li { display: inline; border-right: 1px solid #A0B1C1;}



#content { margin: 0 249px 0 0; padding: 0px 0px 0px 0px; _height: 395px; min-height: 395px; background-color: #F7F6F2}

#content hr { height: 1px; background-color: #E7ECF2; color: #E7ECF2; border: 0}

#content h1 { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; padding: 0; margin: 0 0 10px 0}

#content h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.1em;

	color: #002134

}

#content p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 16px; padding: 0; margin: 0 0 10px 0}

#content table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; line-height: 16px; margin: 0; padding: 0; background: #E6E8E7}

#content td { vertical-align: top; text-align: left}

#content a:link, #content a:active, #content a:visited { color: #D52027;}

#content a:hover { color: #002134} 

#content .button a:link, #content .button a:active, #content .button a:visited { float: right; color: #FFFFFF; text-transform: uppercase; text-decoration: none; padding: 1px 2px 1px 2px; background: #D52027; font-size: 1.0em; line-height: 11px}

#content .button a:hover { color: #002134} 

#content img { margin: 15px; padding:0 px; border: 1px solid #A0B1C1}



#intro { height: 245px; position: absolute; top: 0; left: 0; width: 265px; margin: 307px 0 0 0; padding: 15px 15px 15px 15px; }

#submenu { position: absolute; top: 0; left: 0; width: 130px; margin: 307px 0 0 0; padding: 15px 15px 15px 15px; }

#submenu ul {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.1em;

	margin: 0;

	padding: 0;

	list-style-position: outside;

	list-style-image: none;

	list-style-type: none;

}

#submenu li { border-bottom: 1px solid #A0B1C1; padding: 5px 0 5px 0}

#submenu ul ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em;  margin: 5px 0 -5px 0; padding: 0 0 0 0; list-style: none;}

#submenu ul ul li { padding: 5px 0 5px 15px; border-top: 1px solid #A0B1C1; border-bottom: 0px}

#submenu a:link, #submenu a:visited, #submenu a:active { text-decoration: none} 

#content_menu_home { font-weight: bold; margin-left: 0px}

#content_menu_parent  { font-weight: bold; margin-left: 0px}





#introtext { background-color: #002E5B; padding: 10px; color: #FFFFFF; margin-bottom: 10px} 

#introtext a:link, #introtext a:visited, #introtext a:active { background-color: #FFFFFF ; color: #002E5B; text-decoration: none; font-size: 1.0em; text-transform: uppercase}

#introtext a:hover { background-color: #D52027 ; color: #FFFFFF; text-decoration: none} 



#introsearch { background-color: #D52027; padding: 10px; color: #FFFFFF} 



#main  { margin: 0px 0 0 300px; padding: 15px 15px 15px 15px;}

#insidemain  { margin: 0px 0 0 170px; padding: 15px 15px 15px 15px; max-width: 500px;}



#content #insidemain ul {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.1em;

	line-height: 16px;

	margin: 0;

	padding: 15px;

	background: #E6E8E7;

	list-style-position: inside;

	list-style-image: none;

	list-style-type: disc;

}

#content #insidemain ul li {
	padding-left: 10px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
	background-position: 0% -1px;
	text-align: left;
	top: auto;
	list-style-position: outside;
	list-style-type: disc;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-indent: 0;
	position: static;
	overflow: visible;
	white-space: normal;
	display: list-item;
	width: auto;
	clip: rect(auto,auto,auto,auto);
	border-left-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	word-spacing: normal;
	margin-left: 10px;

}

#content #insidemain ol { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 16px; margin: 0; padding: 15px 15px 15px 30px; background: #E6E8E7}

#content #insidemain ol li { padding-bottom: 5px}



#content #insidemain table ul { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; background: #E6E8E7; margin-left: 0px; padding: 0px}

#content #insidemain table ul li { background: none; padding: 0 0 15px 0; margin: 0}

#content #insidemain td { border-bottom: 1px solid #FFFFFF; padding: 5px 2px 5px 2px;}



.features ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; line-height: 16px; margin: 0; list-style: none; padding: 0}

.features li { margin: 0 0 15px 0; padding: 0 0 0 60px; background: url(../page.aspx_files/images/icon1.gif) left top no-repeat; width: auto; min-height: 60px; _height: 60px}





/*#note { width: 23%; float: left; border-right: 1px solid #E6ECF1; padding-right: 2%}*/



#sidebar {

	position: absolute;

	top: 7px;

	right: 1px;

	width: 249px;

	color: #002134;

	margin: 255px 0 0 0;

	padding: 15px 0 0 15px;

}

#sidebar h1 { font-family: Arial, Helvetica, sans-serif; margin: 0 8px 0 8px}

#sidebar h2 { font-family: Arial, Helvetica, sans-serif; margin: 0 8px 0 8px}

#sidebar p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; line-height: 16px; margin: 0 8px 0 8px; padding-bottom: 15px;}

#sidebar ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; line-height: 16px; list-style: none; margin: 0 8px 0 8px; padding: 0}

#sidebar li { padding-bottom: 15px; }

#sidebar a:link, #sidebar a:active, #sidebar a:visited { color: #002134;}

#sidebar a:hover { color: #002134} 

#sidebar #box { width: 170px; padding: 8px 0px 8px 0px; background-color: #FFFFFF; border: 1px solid #A0B1C1; margin: 0px auto 8px auto; background: url(../page.aspx_files/images/box_bg.gif) repeat-y right}



#footer { margin: 0 0 0 0; background-color: #FFFFFF; padding: 0 0 15px 0; border-right: 1px solid #FFFFFF;}

#footer p {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	line-height: 16px;

	padding: 0 15px 0 15px;

	color: #000000;

	width: auto;

}

#footer ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; line-height: 16px; padding: 0 15px 0 15px; color: #002134; margin: 0; }

#footer li { display: inline; }

#footer a:link, #footer a:active, #footer a:visited { color: #D52027;}

#footer a:hover { color: #002134} 

#xhtml_logo {

	width: 55px;

	position: relative;

	margin: 35px 35px 35px 0;

	float: right;

	top: 0px;

	right: 0px

}
