﻿/* style.css */

/********** global Section ********************/

html { 	overflow-y: scroll; 	}
a {	text-decoration: none;	color: #0088CC;	outline: none;}
a:focus  {	-moz-outline-style: none;}
a:link, a:visited, a:active { text-decoration: none; }
a:hover { 	color: #0085CF; text-decoration: underline; 	}
body {	background-repeat: repeat-x;	margin: 0;	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;	font-size:12px;		color: #333333;}

/********** Header Section ********************/

div#header {	margin: 0;	padding: 0;	text-align: right;	font-size: 11px;	height:48px;}
div#header ul {	text-align: right;	margin: 0;	padding: 0;	width: 430px;	margin-top: .5em; 	float: left;}
div#header li {	text-align: right;		margin: 0;	padding-right: 2px;	padding-left: 2px;	display: inline;	list-style: none;}
div#header li a {	text-align: right;		padding: 0;	text-decoration: none;	color: #FFFFFF;}

/********** Top Menu nav Section ********************/

div#nav {	margin-top: 3px;	font-size: 13px;	font-weight: bold;}
td.navlinks {	padding-right: 10px;	padding-top: 13px;	padding-left:10px;	font-weight: bold;}
td.navlinks a {	text-decoration: none;	color: #144085;	font-weight: bold;}
td.navlinks a:hover {	text-decoration: underline;
}

/*********Main Content*********/
div#page-mainarea-div {	margin-left: 159px;}
.emp1 {	font-size: 11px; color: #0088CC;	}
.title1 {	font-weight: bold; 	font-size: 18px; 	line-height: 36px; 	color: #000000;	}
.title2 { font-weight: bold; 	font-size: 16px; 	line-height: 36px; 	color: #000000;	}
.title3 { font-weight: bold; 	font-size: 13px; 	line-height: 28px; 	color: #000000;	}

b { font-weight: bold; font-size: 12px; margin-bottom: 11px; }
h1 { 	font-weight: bold; 	font-size: 24px; 	line-height: 36px; 	margin-bottom: 18px; 	}
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 11px; color: #000000;}

a {	text-decoration: none;	color: #144085;	}
div#container {	width: 784px;	margin-top: 0;	margin-right: auto;	margin-left: auto;}

/********** Content Section ********************/

div#content {	width: 100%;	margin: 25px 0px 0px 0px;}


/********* Content left **********************/
div#content-left {	margin-top: -1px;	float: left;	width: 569px;	z-index: 0;}
div#content-left ul {	margin: 5px 0px 0px 0px;	padding: 0;	list-style: none;}
div#content-left li {	margin: 0;	padding: 0px 5px 0px 5px;	float:left;	width: 179px; }
div#content-left li h4 {	margin: 0px 0px 2px 0px;	padding: 10px 0px 0px 0px;	font-size: 11px;	color: #000000;	letter-spacing: .5px;	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
div#content-left li p {	margin: 0;	padding: 2px 0px 0px 0px;	font-size: 11px;}
div#content-left li#darkerborder {	border-top: 4px solid #005488;	border-right: 1px solid #e3e3e3;} 
div#content-left li#darkborder {	border-top: 4px solid #61b8e2;	border-right: 1px solid #e3e3e3;}
div#content-left li#lightborder {	border-top: 4px solid #DDD;}


/*******Page Navigation**********/
div#page-navigation-div {	width: 150px;	float: left;}

.page-navigation {	font-size: 11px;	color: #144085;	margin: 0px;	padding: 0px;}
.page-navigation li {	text-align: left;	list-style: none;	padding-top: 3px;	padding-bottom: 3px;}
.page-navigation .header-blue {	border-top: 5px solid #C1C1C3;}
.page-navigation .header2-blue {	border-top: 1px solid #C1C1C3;}

.page-navigation .level1 {	font-size: 11px;	padding-left: 5px;}
.page-navigation .level1 a {	color: #144085;}

.page-navigation .level2 {	padding-left: 8px;	border-top: 1px #C1C1C3 dotted;	}
.page-navigation .level2 {	font-size: 11px;	padding-left: 5px;}
.page-navigation .level2 a {	color: #144085;}
.page-navigation .level2 a:hover { 	color: #0085CF; text-decoration: underline; 	}

.page-navigation .level3 {	padding-left: 12px;	border-top: 1px #C1C1C3 dotted;	}
.page-navigation .level3 {	font-size: 9px;	padding-left: 5px;}
.page-navigation .level3 a {	color: #144085;}

.page-navigation .selected {	border-top: 1px solid #C1C1C3;	font-size: 12px;	font-weight: bold;	color: #144085;}
.page-navigation li.selected {	background: #E4EBF2 url(img/gray_pixel_arrow.gif) no-repeat scroll 10px 50%;}
.page-navigation li.selected a {	margin-left: 7px;	}
.page-navigation li.selected a:hover { 	color: #0085CF; text-decoration: underline; 	}

/********** footer Section ********************/

div#footer {	clear: both;		font-size: 11px;}
div#footer hr {	color: #DDDDDD;	background-color: #DDDDDD;	height: 1px;	width: 100%;	border: none;}
div#footer div#footerleft {	float: left;	text-align: left;}
div#footer div#footerright {	text-align: right;	}
div#footer div#footerright a {		color: #144085;		text-decoration: none;}
