@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	border:0;		/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background-color: #275D84;
	color: #5F5E5E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(images/bg_graphic.gif);
	background-repeat: repeat;
	background-position: top left;
}

ul, ol, li { 		
	margin: 0; 
	padding: 0; 
}
/* turn off list styles by default
----------------------------------------------- */
li { list-style: none; }

a:link { color: #006EC7; text-decoration: none;}
a:visited { color: #006EC7; text-decoration: none; }
a:hover { color: #4FA800; text-decoration: none;}
a:active { color: #4FA800; text-decoration: none;}

label {
	margin-bottom: 0px;
	margin-top: 20px;
	margin-left: 0px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
}

#root-box {
	margin-left:auto;
	margin-right:auto;
	width: 950px;
	padding: 0;
	background-color:#FFFFFF;
}

#top_header {
	width:950px;
	background-color:#FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 30px;
}
.logo {
	font-family: Arial, Helvetica, sans-serif;
	color: #777A7C;
	font-size: 24px;
	margin-right: 10px;
	margin-left: 14px;
	margin-top: 14px;
	}
.sublogo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777A7C;
	}
#toptext {width:950;}
#breadcrumbarea {
	width:930px;
	padding: 10px;
}
#top_header {
	background-color: #FFFFFF;
	width: 950px;
	height: 60px;
	overflow: hidden;
	}
#top_header ul {
	display: block;
	float: right;
	margin-top: 8px;
	margin-right: 18px;
	font-size: 13px;
	}
#top_header ul li {
	list-style: none;
	display: inline;
	color: #4FA800;
	}
#top_header ul li a {
	color: #006EC7;
	}
#top_header ul li a:hover {
	color: #4FA800;
	}

#container-flash {
	width:950px;
	height:200px;
	background-color:#FFFFFF;
}

#content_area {
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
	height: auto;
	width: 950px;
}

#mainNav {
	position: relative;
	clear: both;
	width: 181px;
	float: left;
	display: block;
	background-color: #FFFFFF;
	}
#mainNav ul {
	display: block;
	margin-left: 18px;
	margin-top: 22px;
	margin-right: 18px;
	width: 145px;
	}
#mainNav ul li {
	border-bottom: 1px dotted #94948F;
	}
#mainNav ul li a {
	color: #006EC7;
	display: block;
	width: 120px;
	font-weight: bold;
	font-size: 13px;
	padding: 6px 0 6px 25px;
	}
/* When the anchor class is set to "currentItem" the that link's hover state stays on */
#mainNav ul li a:hover,
#mainNav ul li a:active,
#mainNav ul li a.currentItem {
	text-decoration: none;
	color: #006EC7;
	background: #E6F0FA url(images/nav-hover.png) no-repeat 4px 9px;
	}
#mainNav ul li ul {
	display: none; /* HIDES SUB NAV */
	margin-left: 0px;
	margin-top: 0px;
	width: 140px;
	}
#mainNav ul li ul li {
	border-bottom:0;
		margin-left: 4px;
	}
#mainNav ul li ul li a {
	display: block;
	font-weight: normal;
	font-size: 10px;
	padding: 4px 8px 4px 25px;
	width: 108px;
	}
#mainNav ul li ul li a:hover,
#mainNav ul li ul li a:active,
#mainNav ul li ul li a.currentItem {
	background-position: 4px 9px;
	}
/* When list item class is set to "current" that section of sub-nav is expanded/opened (i.e. the nested lists display) */
#mainNav ul li.current ul {
	display: block; /* OPENS SUB NAV */
	margin-left: 0px;
	margin-top: 0px;
	}
#mainNav ul li.current {
	border-bottom: 0;
	}
#mainNav ul li.current ul {
	border-bottom: 1px dotted #94948F;
	}
	
#primaryContent {
	border-left: 1px solid #A7D37F;
	width: 730px;
	margin-top: 0px;
	float: left;
	padding: 0 19px;
	margin-bottom: 20px;
	min-height: 400px;
	background-color: #ffffff;
	}
/* ..... HEADINGS ..... */	
/* ..... H1 is the first heading on the page (no link = no arrow) ..... */	
h1 {
	clear: right;
	margin: 23px 0 5px 0 !important;
	padding:0 !important;
	font-size: 17px; /* 15px */
	color: #4FA800;
	font-weight: normal;
	border-bottom: 1px dotted #94948F;
	/* background: transparent url(/images/template/heading-arrow.png) no-repeat center right; */
	}
/* ..... if heading is a link, it gets an arrow ..... */

h2 {
	font-size: 15px;
	color: #006EC7;
	font-weight: bold;
	margin: 0;
	padding: 12px 0 8px 0;
	}


h3 {
	font-size: 15px;
	color: #4FA800;
	font-weight: normal;
	margin: 5px 0 4px 0;
	padding-bottom: 3px;
	border-bottom: 1px dotted #94948F;
	}
/* .....  ADJACENT SIBLING SELECTORS: H2 also sometimes the first heading ..... */	

h4 {
	font-size: 13px;
	color: #4FA800;
	font-weight: normal;
	margin: 5px 0 10px 0;
	padding-bottom: 3px;
	border-bottom: 1px dotted #94948F;
}
	
ul#breadcrumb + h2 {
	margin-top: 20px;
	}
/* ..... ADJACENT SIBLING SELECTORS: when h1 and h2 appear consecutively ..... */	
#primaryContent h1 + h2 {
	margin-top: 15px !important;
	}
/* ..... h3 is like h1 -- smaller with no border or arrow ..... */	

/* ..... H4-H6 are all the same ..... */	
#primaryContent h5,
#primaryContent h6 {
	font-size: .92em; /* 11px */
	font-weight: bold;
	margin: 1.3em 0;
	padding:0;
	line-height: 1.5;
	color: #000;
	}
/* ..... EXCEPT!! h4 is gray and all caps ..... */	
/* ..... block level elements for the content area ..... */	
#primaryContent hr {
	color: #fff;
	border-bottom: 1px dotted #94948F;
	margin:10px 0;
	padding:0;
	height: 1px;
	}
#primaryContent p,
#primaryContent ul,
#primaryContent ol,
#primaryContent blockquote,
#primaryContent table,
#primaryContent dl
 {
	font-size: 12px;
	margin: 8px o;
	padding:0;
	line-height: 18px;
	}
#primaryContent ul,
#primaryContent ol,
#primaryContent dl {
	margin-left: 3em;
	}
#primaryContent ul ul,
#primaryContent ol ol,
#primaryContent ul p,
#primaryContent ul h1,
#primaryContent ul h2,
#primaryContent ul h3,
#primaryContent ul h4,
#primaryContent ul h5,
#primaryContent ol p,
#primaryContent ol h1,
#primaryContent ol h2,
#primaryContent ol h3,
#primaryContent ol h4,
#primaryContent ol h5  {
	font-size: 1em;
	}
#primaryContent ul li {
	list-style-type: none;
	line-height: 1.3  !important;
	margin: 0 !important;
	padding: 0em 0 .3em 10px !important;
	background: transparent url(/images/template/issuesBullet.gif) no-repeat left 2px;
	}
#primaryContent ol li {
	list-style-type: decimal;
	}
#primaryContent ol li li {
	list-style-type: upper-alpha;
	}
#primaryContent ol li li li {
	list-style-type: upper-roman;
	}
#primaryContent ol li li li li {
	list-style-type: lower-alpha;
	}
#primaryContent ol li li li li li {
	list-style-type: lower-roman;
	}
#primaryContent table {
	width: 100%;
	}
	
ul#breadcrumb {
	list-style:none !important;
	display: block !important;
	width: 100% !important;
	height: 1em;
	margin:0 !important;
	padding:0 !important;
	background: none !important;
	/* padding-bottom: 23px !important; */
	}
ul#breadcrumb li {
	background: none !important;
	margin:0 !important;
	padding:0 !important;
	padding-right: 5px !important;
	display: block !important;
	float: left !important;
	list-style: none;
	font-size: 10px;
	}
	
#site-info {
	color: #003366;
	text-align: left;
	width: 910px;
	margin:0 auto;
	padding: 20px;
	font-size: 1.2em;
	letter-spacing: -1px;
	}
#site-info ul {
	color: #4FA800;
	padding: 5px 0 0 0;
	font-size: 11px;
	}
#site-info ul li {
	display: inline;
	}
#site-info ul li a {
	color: #003366;
	letter-spacing:0;
	}
#site-info ul li span {
	color: #003366;
	letter-spacing:0;
	}
	
#landing-sidebar { float:right; width:227px; padding-left: 10px !important; background: #fff;}
.image-landing {
	width:200px;
	float:right;
	margin-left: 0px
}
.image-landing img { padding:0; }
.image-landing p.caption { color:#5f5e5e; text-align:center; margin:0.5em 0 0; }
	
.awards-table {
	font-size:10px;
	line-height: 14px;
}

.awards-table-border {
	font-size:10px;
	line-height: 14px;
}

.awards-table-border {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #CCCCCC;
	border-collapse: separate;
	background-color: white;
}
.awards-table-border th{
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: solid solid solid solid;
	border-color: #CCCCCC;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.awards-table-border td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: solid solid solid solid;
	border-color: #CCCCCC;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

.bodygreen {
color:#006600;
}

.bodyblue {
	color:#006EC7;
}
