﻿* {
margin: 0; 
padding: 0;
}
#container {
	position: relative;
	width: 1000px;
	height: 600px;
	z-index: 1;
	background-color: white;
	margin-right: auto;
	margin-left: auto;
}
#masthead {
	position: relative;
	float: left;
	width: 1000px; 
	height: 100px; 
	z-index: 2;
	background-image: url('images/goldGradient1.jpg');
	background-repeat: repeat-x;
	border-bottom: 2px solid #002147;
	padding-top: 24px;
}
#logoArea {
	position: relative;
	float: left;
	width: 1000px;
	height: 48px;
	z-index: 1;
	margin-top: 5px;
}
#tagline {
	position: absolute;
	width: 400px;
	height: 20px;
	z-index: 2;
	left: 597px;
	top: 66px;
	font-family: "Lucida Sans", Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-align: right;

}
#topNavbar {
	position: absolute; 
	top: 98px; 
	left: 412px; 
	width: 596px;
	height: 28px;
	z-index: 4;
}
#headerLinksBox
{
position: absolute;
width: 200px; 
height: 18px;
z-index: 3; 
left: 792px;
top: 8px;
text-align: right;
}
#leftColumn
{
position: relative;
float: left; 
width: 400px; 
height: 480px; 
z-index: 3; 
background: #FFFFFF;
margin-top: 9px;
}

#imageBox
{
position: relative; 
float: left; 
width: 400px; 
height: 239px; 
z-index: 2; 
background-color:black;
}
#featurePhoto
{
border: 1px solid #002147;
position: relative; 
width: 372px; 
height: 211px; 
z-index: 1; 
margin: 13px auto 0 auto;
background-color: #FFFFFF;
}
#leftMenuBorder
{
border: 1px solid #000000;
position: relative; 
float: left;
width: 130px; 
height: 256px; 
margin-top: 10px;
z-index: 4; 
background-image: url('images/blueGradient2.jpg');
background-repeat: repeat-x;
}
#copyBlock
{
position: relative;
float: right;
width: 254px;
height: 256px;
margin-top: 10px;
z-index: 3; 
background-image: url('images/blueGradient2.jpg');
background-repeat: repeat-x;
border: 1px solid #000000;
}
#highlights
{
position: relative;
float: left;
width: 247px; 
height: 24px; 
z-index: 4; 
padding: 5px 0 0 7px;
background-image:url('images/goldGradient.jpg');
border-bottom: 1px solid #000000;
}
#featureCopy
{
position: relative;
float: left;
width: 238px; 
height: 200px; 
z-index: 5; 
padding: 7px;
line-height: 16px;
}
#docLinks {
padding: 6px 0 1px 12px;
position: relative;
width: 158px; 
height: 250px; 
z-index: 3; 
float: left; 
line-height: 20px;
}
#rightColumn
{
position: relative; 
float: right;
width: 573px; 
height: 495px; 
z-index: 4; 
margin: 9px 0 10px 5px;
padding: 7px 3px 3px 11px; 
border: 1px solid #C0C0C0; 
}
#mainHeading
{
position: relative; 
float: left;
width: 560px; 
height: 82px; 
z-index: 8; 
}
#mainCopy
{
position: relative; 
float: left; 
width: 384px; 
height: 396px; 
z-index: 1; 
text-align: left;
overflow: auto;
}
#mainCopy1
{
position: relative; 
float: left; 
width: 565px; 
height: 105px; 
z-index: 1; 
text-align: left;
}
#mainCopy2
{
position: relative;
float: left;
width: 384px; 
height: 298px; 
z-index: 2; 
}
#imageBlockRight
{
position: relative;
float: right;
width: 175px; 
height: 395px; 
z-index: 7;
margin: 3px 2px 0 0; 
}
#topThirdImage
{
position: relative; 
float: left; 
width: 175px; 
height: 105px; 
z-index: 5; 
background-color: #FFFFFF;
}
#moreInfoBox
{
position: relative; 
float: right; 
width: 175px; 
height: 299px; 
z-index: 6; 
margin: 2px 5px 0 0;
background-image: url('images/goldGradient2.jpg');
background-repeat: no-repeat;
border: 1px solid #8B742D;
}
#moreInfoBox_header_div
{
position: relative;
float: left; 
width: 145px; 
height: 11px; 
z-index: 4; 
padding: 4px 0 14px 14px;
}
#topImage {
height: 122px; 
position: relative;
background-image:url('images/frame.jpg');
background-repeat:no-repeat;
text-align: center;
}
#middleImage {
height: 122px; 
position: relative;
background-image:url('images/frame.jpg');
background-repeat:no-repeat;
text-align: center;
}
#bottomImage {
height: 122px; 
position: relative;
background-image:url('images/frame.jpg');
background-repeat:no-repeat;
text-align: center;
}
#footer
{
position: relative;
float: left; 
width: 1000px; 
height: 50px; 
z-index: 5; 
background-color: #002147;
background-image:url('images/blackBlueGradient.jpg');
background-repeat:repeat-x;
}
#copyright
{
position: relative; 
float: left;
width: 320px; 
height: 25px; 
z-index: 1; 
padding: 15px 10px 10px 10px; 
}
#footerLinks
{
position: relative; 
float: right; 
width: 400px; 
height: 20px; 
padding: 10px; 
text-align: right;
color: #FFFFFF;
}
.imageBorder_none {
	border-width: 0;
}
h1 {
	margin: 0;
	font-size: 32px;
	font-weight: bold;
	color: #000;
}
h2 {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 3px;
}
h3 {
	color: #002147;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 3px;
}
h4 {
	color: #002147;
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 3px;
}
.h4_alt {
	color: #002147;
	font-size: 16px;
	font-family:"Lucida Sans", Verdana, sans-serif;
}
h5 {
	font-size: 12px;
	font-weight: bold;
}
/* h6 is used for breadcrumbs links */
h6 {
	font-size: 10px;
	color: gray;
	font-weight: bold;
	margin: 1px 0 8px 0;
}
h6 a:link {
	color: #002147;
	text-decoration: none;
}
h6 a:visited {
	color: #002147;	
	text-decoration: none;
}
h6 a:active {
	color: #002147;	
	text-decoration: none;
}
h6 a:hover {
	text-decoration: underline;
	color: #002147;
}
/* styles for horizontal line in gray, blue or black */
.hrGray {
  height: 16px; background: #FFFFFF url('images/hr1gray.gif') repeat-x scroll left center;
}
.hrBlue {
  height: 16px; background: #FFFFFF url('images/hr1blue.gif') repeat-x scroll left center;
}
.hrBlack {
  height: 16px; background: #FFFFFF url('images/hr1blue.gif') repeat-x scroll left center;
}
.bodyCopy {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	color: #111;
}
.CSIblueFont {
	color: #002147;
}
.dividerText {
	font-size: 12px;
	color: #000;
}
.bulletList {
	margin: 6px 0 6px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	position: relative;
	height: auto;
	width: 240px;
	line-height: 18px;
	list-style: disc;
	list-style-image: none;
	list-style-position: inside;
}
.moreInfoBox_header {
	color: #002147;
	font-size: 16px;
	font-family: "Lucida Sans", Verdana, sans-serif;
}
.copyrightText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-align: left;
}
.blueArrow {
	font-family:Arial, Helvetica, sans-serif;
	color: #002147;
	line-height: 24px;
}
.prtitle {
	font-weight:bold;
	color: #002147;
}
.prdate {
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	line-height: 16px;
}
.headerLinks a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	color: #000000;	
}
.headerLinks a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	color: #000000;
}
.headerLinks a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	color: #000000;
}
.headerLinks a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-decoration: underline;
	color: blue;
}
.footerLinks a:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;	
}
.footerLinks a:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.footerLinks a:active {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.footerLinks a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
	color: #FEEEB0;
}
.centeredImage
    {
    text-align: center;
    margin-top: 3px;
}
table { 
	border: 1px solid #002147; 
}
table td { 
	border: 1px solid #FFFFFF; 
	background-color: #DCE6F5;
}
tr.d0 td {
	background-color: #BCCEEB;
	font-size: 10px;
}
tr.d1 td {
	background-color: #DCE6F5;
	font-size: 10px;
}
td {
	border: 1px solid #FFFFFF;
	background-color: #C0C0C0;
	padding-left: 5px; 
}
.td_right {
	text-align:right;
	padding-right: 5px; 
}
.topNavbar_selected {
	position: relative;
	float: left;
	width: 147px;
	height: 28px;
	font-size: 14px;
	font-weight: bold;
	color: black;
	text-align: center;
	line-height: 28px;
	background-image: url('images/navButton_selected.jpg');
}
#topNavbar ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	list-style-type: none;
	text-align: center;
	float: left;
	height: 28px;
	margin: 0;
	padding: 0;
}
#topNavbar ul a {
	display: block;
	width: 147px;
	height: 28px;
	color: white;
	font-weight: bold;
	line-height: 28px;
	text-decoration: none;
	background-image: url('images/navButton.jpg');
	position: relative;
}
#topNavbar ul a:hover {
	background-position: 0 -28px; 
	color: black;
	font-weight: bold;
}
#topNavbar ul li {
	display: inline;
	float: left;
}
#menuContainer {
	width: 130px;
	height: 124px;
	margin: 0;
	padding: 0;
	z-index: 6;
}
#menuContainer ul { 
	list-style-type: none;
}
#menuContainer a {
	width: 130px;
	height: 30px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #002147;
	text-decoration: none;
	text-align: left;
	text-indent: 14px;
	background-image: url('images/blueGradient1.jpg');
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	line-height: 32px;
	border-bottom: 1px solid #002147; 
}
#menuContainer a:hover {
	background-image: none;
	background-color: #002147;
	border: 1px solid #C0C0C0; 
  	color: #FFFFFF;
}
#menuContainer li {
	display: inline;
	position: relative;
	float: left;   
}
#menuContainer li:hover {
	background-color: #002147;
	border: 0px solid #C0C0C0;   
	color: #FFFFFF;
}
#menuContainer ul ul {
	position: absolute;
	left: 131px;
	top: 0;
	visibility: hidden;
}
#menuContainer li:hover > ul {
	visibility: visible;
}
a:link {
	color: blue;	
}
a:visited {
	color: purple;
}
#start_btn {
	position: absolute;
	width: 75px;
	height: 24px;
	z-index: 3;
	left: 151px;
	top: 138px;
}
