/*colours 
light blue = #72AED9
dark blue = #004368
grey = #A6A8AB
*/
body {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:10px;
	background-color:#eee;
	padding:0;
	margin:0;
}
p, h1, h2, h3, ul {
	padding:0;
	margin:0 0 10px 0;
}
ul {
	padding-left:10px;
} 
li {
	padding:0;
	margin:5px;
}
h1 {
	font-size:2em;
}
h2 {
	font-size:1.5em;
}
p {
	font-size:1.2em;
}
a {
	color:#004368;
}
a:hover {
	color:#A6A8AB;
} 
#all {
	width:1000px;
	border:1px solid #eee;
	margin:0 auto;
	background-color:#FFFFFF;
}
#top {
	margin:20px 0 20px 80px;
}
#menu_wrapper {
	border-top:1px dotted #004368;
	background-color:#A6A8AB;
	padding-left:280px;
	display:block;
}
#menu {
	font-size:1.1em;
}
li.headlink ul { 
	display: none; 
}
li.headlink:hover ul { 
	display: block; 
}
/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav {
	z-index: 0;
	position: relative;
}
.nav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width:89px;
	border-right:1px solid #fff;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
	background: url(/images/button_bg.jpg) bottom left repeat-x; 
	color: #fff;
	display: block;
	width:89px;
	padding: 5px 0; 
	text-decoration:none;
	font-weight:bold;
	text-align:center;
}
.nav li ul li a, .nav li ul li a:link, .nav li ul li a:active, .nav li ul li a:visited {
	background: #72AED9;
	color: #fff;
	display: block;
	width:150px;
	padding: 5px 0 5px 5px; 
	text-decoration:none;
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #fff;
}
.nav li a:hover {
	background: #72AED9;
	color: #fff;	
}
.nav li ul li a:hover {
	background: #A6A8AB;
	color: #fff;	
}

#nav-one li:hover a, 
#nav-one li.sfHover a {
	background: #72AED9;
	color: #fff;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
	background: #72AED9;
	color: #fff;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
	background: #A6A8AB;
	color: #fff;	
}
.nav ul {
	background: #72AED9;
	border-bottom: 1px solid #fff;
	list-style: none;
	margin: 0;
	width: 89px;
	position: absolute;
	top: -999em;
	left: 0px;
}
.nav li:hover ul,
.nav li.sfHover ul {
	top: 26px;
	left:1px;
}
.nav ul li {
	border: 0;
	float: none;
}
.nav ul a {
	/*border-bottom: 0;
	padding-right: 20px;*/
	width: 89px;
	/*white-space: nowrap;*/
	border-bottom: 0;
	padding: 4px 0px 5px 0px;
	white-space: nowrap;
}
.nav ul a:hover {
	background: #72AED9;
	color: #000;
}
/********/


#wrapper, #content {
	/*height:420px;*/
	min-height:420px;
	margin-top:20px;
	background:url(/images/home_bg.jpg) top left no-repeat;
	padding-left:280px;
	padding-top:35px;
	padding-right:20px;
}
#content_mid {
	padding-right:20px;
	padding-top:60px;
	width:490px;
	float:left;
}
#content_right {
	padding-top:60px;
	margin-right:-20px;
	width:200px;
	float:right;
}
#content_right form {
	background:url(/images/Login-Box_BG.jpg) top right no-repeat;
	color:#004368;
	padding-left:20px;
}
#content_right h1 {
	border-bottom:1px dotted #fff;
}
/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
/*font: bold 11px verdana, arial, sans-serif;  set font as desired */
border-bottom: 1px solid #ccc; /* set border COLOR as desired */
list-style-type: none;
padding: 5px 10px 5px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 5px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 5px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #ccc; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #eee; /* set unselected tab background color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */


#footer {
	border-top:3px solid #72AED9;
	text-align:right;
	font-size:1em;
	color:#A6A8AB;
	padding:10px;
	margin-top:10px;
}
#footer a {
	color:#72AED9;
}

.btn {
	background-color:#004368;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1em;
	border:1px solid #004368;
}
.smaller {
	font-size:1em;
}
.clear {
	clear:both;
	margin:0;
	padding:0;
	line-height:1px;
}