/* For the most part, rules for colors and fonts are in the custom classes following these tags. Combine the classes in HTML. */
body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: url('images/bkg_blackblue.gif') #000 repeat-x left top; 
	}	
/* The container is used to center the page and set font properties. */	
div#container {
	margin: 0 auto;	
	top: 0px;
	left: 0px;
	height: 840px;
	width: 970px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 77%;
	color: #535353;
}
#container p {
	padding-left: 5px;
	margin: 0px 5px 5px 0px;	
}
#container h1 {
	font-family: Tahoma,Arial,Helvetica,sans-serif; 
	font-weight: 500;
	padding-left: 10px;
	font-size: 140%;
	text-align: center;
	line-height: 250%;
	color: #565656;
	}
#container h2 {
	font-size: 120%;
	text-transform: uppercase;
	color: #966E1E; 
	text-align: center;
	padding-top: -5px;
	}
#container h2.leftjustify {
	text-align:left;
	padding-left: 10px;
}
#container h3 {
	font-size: 115%;
	color: #070037;
	text-align: left;
	padding-left: 10px;
}
#container h4 {	
	text-align: left;
	padding-left: 10px;
	font-size: 100%;
	font-weight: bold;
}
#container h5 {
	text-align: left;
	text-decoration:underline;
	color: #524111;	
	font-size: 90%;
	font-weight: bold;
	margin: 5px 0px -5px 10px;
}
div#containerfull {
	margin: 10px;
	padding: 10px;	
	top: 0px;
	left: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 77%;
	color: #535353;
	background-color: #f2f2f2;
}
.bannernew {
    position: relative;
    top: 0px;
    left: 0px;
    height: 108px;   
    width: 100%; 
	text-align:left;
	background: #74b0b8 url(images/banner_spacer.jpg) repeat-x;		
	}
.bannerimage1new {
    position: relative;
    float: left;
    height: 108px;
    background: #74b0b8 url(images/banner_left.jpg) no-repeat left;
    width: 500px;
	}	
.bannerimage1new h1  {
	padding: 20px 0px 0px 130px; 
	}

.bannerimage1new h2  {
	padding: 0px 0px 0px 130px; 
	}
	
.bannerimage2new {
   position: relative;
   float: right;
   height: 108px;  
   background: #74b0b8 url(images/banner_right.jpg) no-repeat right;
   width: 300px;
	}
	
div#banner {
	position: relative;
	top: 0px;
	left: 0px;
	width: 970px;	
	height: 120px;
	text-align:center;
	z-index: 100;
}
div#toplinks {
	position: relative;
	top: 50px;
	height:20px;
	width: 300px;
	text-align: center;
	left: 670px;
	font-size: 90%;
	z-index: 200;	
}
div#maincontent {
	position: relative;
	top: 0px;
	left: 0px;
	width: 970px;	
	height: 597px;
	text-align: center;
	}
div#topheading {
	position: relative;
	top: 0px;
	left: 0px;
	width: 960px;	
	height: 190px;
	float: left;
	margin: 5px;
	text-align: center;	
	color: #777;	
}
div#topheading p {margin-right: 6px;}
div#content1 {
	position: relative;
	top: 5px;
	left: 5px;
	width: 300px;	
	height: 350px;	
	margin: 5px 0px;
	float: left;
	text-align: left;	
}
#content1 h1.sidebarheading  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 300%;
	color: #E9E9E9;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: -8px;
}
#content1 p.sidebartext {
	padding: 0em 1em 0.5em 2em;
}
div#content2 {
	position: relative;
	top: 0px;
	left: 30px;
	width: 300px;	
	height: 350px;
	margin: 5px 0px;
	float: left;
	text-align: left;
}
#content2 h1.sidebarheading  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 300%;
	color: #E9E9E9;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: -8px;
}
#content2 p.sidebartext {
	padding: 0em 1em 0.5em 2em;
}
div#content3 {
	position: relative;
	top: 5px;
	left: 60px;
	width: 300px;	
	height: 350px;
	margin: 5px 0px;
	float: left;
	text-align: left;	
}
#content3 h1.sidebarheading  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 300%;
	color: #E9E9E9;
	font-weight: bold;	
	text-transform: uppercase;
	margin-top: -8px;
}
#content3 p.sidebartext {
	padding: 0em 1em 0.5em 2em;
}
div#fullpage {
	position: relative;
	left: 0px;
	top: 10px;
	height: 550px;
	width: 970px;
	text-align: left;
	padding: 0px;
	overflow-y: auto;
	overflow-x: hidden;
}
div#fullpage h2 {
	text-align: left;
	padding-left: 10px;
}
div#fullpage p {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	padding: 0px 10px 10px 10px;
}
div#search {
	position:relative;
	top: 50px;
	left: 250px;
	width: 400px;
	text-align:center;
	border: 1px solid navy;
}
div#sitemap {
	position:relative;
	top: 50px;
	left: 0px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
div#maincontentbottom {
	position: relative;
	top: -10px;
	left: 0px;
	width: 970px;	
	height: 11px;
	text-align: left;
	}
div#footer {
	position: relative;
	width: 970px;
	height: 50px;
	top: 0px;
	left: 0px;
	text-align: center;
}
/* CSS TABS */
div#navcontainer {
	position: relative; 	
	top: 1px; 
	left: 0px;
	width: 970px; 
	height: 50px;
	margin: 0 auto;
	padding: 0px;
	overflow: hidden;
	background: #000 url("images/bkg_roundedtop.png") no-repeat left 50%;
}
#navcontainer ul
{
	list-style: none;
}

#navcontainer li
{
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	float: left;
	width: 120px;
	height: 30px;
	line-height: 300%;
	font-size: 90%;
	font-weight: bold;
	background: #000 url('images/bkg_tab.gif') no-repeat left 50%;
}
#navcontainer a.current {
	background: #000 url('images/bkg_tab_current.gif') no-repeat left 50%;	
	display: block;
	width: 120px;
	height: 30px;
	color: #112151;
	border-bottom: 2px solid #fff;
	}
#navcontainer a
{
	color: #CFE7FE;
	display: block;
	width: 120px;
	height: 30px;
	text-decoration: none;
	border-bottom: 1px solid #112151;
}

#navcontainer a:active { 
	text-decoration: none;
	color: #66FFFF;
	background: #000 url('images/bkg_tab_over.gif') no-repeat left 50%;
}

#navcontainer a:hover { 
	text-decoration: none;
	color: #1673c8;
	background: #000 url('images/bkg_tab_over.gif') no-repeat left 50%;
}
#navcontainer a.active:visited
{
	color: #E0DFF2;
	text-decoration: none;
}
#navcontainer a.active:link
{
	color: #E0DFF2;
	text-decoration: none;
}
div#subtabcontainer {
	position: relative;
	top:-34px; 
	margin: 0 auto;
	margin-bottom: -34px; 
	width: 900px; 
	height: 20px; 
	text-align: left;
}
div#subtabcontainer.leftpadsmall {
	padding-left: 100px;
}

div#subtabcontainer.leftpadlarge {
	padding-left: 340px;
}

#subtabs ul
{
	list-style: none;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#subtabs li
{
	display: block;
	padding: 0;
	text-align: center;
	float: left;
	width: 80px;	
	height: 20px;
	margin-bottom: -20px;
	font-size: 85%;
	font-weight: normal;
	background: #efefef url('images/bkg_subtab.gif') repeat-x left 50%;
	line-height:180%;	
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	color: #434E74;
	border: 1px solid #fff;
	border-top: 1px solid #fff;
}
#subtabs li.wide
{
	width: 160px;
}
#subtabs a.current {
	display: block;
	color: #434E74;
	background: #fff url('images/bkg_subtab_current.gif') repeat-x left 50%;
	border-top: 1px solid #fff;
		}
#subtabs a
{
	color: #012D92;
	display: block;
	text-decoration: none;
	font-weight: bold;
}
#subtabs a:active { 
	text-decoration: none;
	color: #0372AD;
	}
#subtabs a:hover { 
	text-decoration: none;
	color: #1673c8;
	background: #fff url('images/bkg_subtab_over.gif') repeat-x left 50%;
}	
#subtabs a.active:visited
{
	color: #A959D9;
	text-decoration: none;
}
#subtabs a.active:link
{
	color: #003880;
	text-decoration: none;
}
/* END CSS Tabs */
/* Custom classes used for font */
.spartanstyle 	{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 77%;
	color: #535353;
}
.spartanstyle  p {
	padding-left: 10px;
	margin-right: 10px;
}
.spartanstyle h1 {
	font-family: Tahoma,Arial,Helvetica,sans-serif; 
	font-weight: 500;
	padding-left: 10px;
	font-size: 140%;
	text-align: center;
	line-height: 250%;
	color: #565656;
	}
.spartanstyle h2 {
	font-size: 120%;
	text-transform: uppercase;
	color: #966E1E; 
	text-align: center;
	padding-top: -5px;
	}
.spartanstyle  h2.leftjustify {
	text-align:left;
	padding-left: 10px;
}
.spartanstyle h3 {
	font-size: 120%;
	color: #070037;
	text-align: left;
}
.spartanstyle h4 {	
	text-align: left;
	padding-left: 10px;
	font-size: 100%;
	font-weight: bold;
}
.spartanstyle  h5 {
	text-align: left;
	text-decoration:underline;
	color: #524111;	
	font-size: 90%;
	font-weight: bold;
	margin: 5px 0px -5px 10px;
}
/* Custom Classes used for backgrounds. If you want to change the body background, change it in the .bkgbody class below. */
.bkgbody { 
	background: url('images/bkg_blackblue.gif') #000 repeat-x left top; 
	}
.bkgcontent {
	background-color: #EFEFEF;
}
.bkgsidebar {
	background: url('images/bkg_sidebar_blue.png') #efefef no-repeat left top;
}
.bkgblue {
	background-color: #002b7f;
}
.bkgdarkblue {
	background-color: #112151;
}
.bkgblack {
	background-color: #000;
	}
.bkgdarkbluegradient {
	background: url('images/bkg_darkbluetop.png') #112151 repeat-x left top;
	color: #F2F2F2;
}	
.bkggreenbluegradient { 
	background: url('images/bkg_greenblue.png') #001d53 repeat-x left top; 
	color: #fff;
	}
.bkgheading {
	background: url('images/bkg_heading.jpg') #efefef no-repeat left top;
	color: #F2F2F2;
	}	
.bkglightblue {
	background-color: #d5dfea;
}
.bkgoffwhite {
	background-color: #EFEFEF;
}
.bkgoffwhiteroundedtop {
	background: #EFEFEF url('images/bkg_roundedtop.png') no-repeat left top;
}
.bkgoffwhiteroundedbottom {
	background: #000 url('images/bkg_roundedbottom.gif') no-repeat left top;
}
.bkgsidebar_blue {
	background: url('images/bkg_sidebar_blue.png') #efefef no-repeat left top;
}
.bkgsidebar_brightblue {
	background: #efefef url('images/bkg_sidebar_brightblue.png') no-repeat left top;
}
.bkgsidebar_grayblue {
	background: #efefef url('images/bkg_sidebar_grayblue.png') no-repeat left top;
}
.bkgsidebar_green {
	background: #efefef url('images/bkg_sidebar_green.png') no-repeat left top;
}
.bkgsidebar_magenta {
	background: #efefef url('images/bkg_sidebar_magenta.png') no-repeat left top;
}
.bkgsidebar_purple {
	background: #efefef url('images/bkg_sidebar_purple.png') no-repeat left top;
}
.bkgsidebar_orange {
	background: #efefef url('images/bkg_sidebar_orange.png') no-repeat left top;
}
.bkgsidebar_red {
	background: #efefef url('images/bkg_sidebar_red.png') no-repeat left top;
}
.bkgsidebar_gray {
	background: #efefef url('images/bkg_sidebar_gray.png') no-repeat left top;
}
.bkgtopheading {
	background: url('images/bkg_topheading.gif') #efefef no-repeat left top;
	}	
.bkgwhite {
	background-color:#fff;
}
/* END OF BACKGROUNDS */
.borderblue {
	border: 1px solid #1432b5;
}
.borderlightblue 
{
    border: 1px solid #d0d5db;
}
.centered {
	text-align: center;
	margin: 0 auto;
}
hr.divider {
	color: #966E1E;
	text-align: left;
	margin-left: 10px;
	width: 950px;
}
.smallfont {
	font-size: 80%;
}
.linksoverdark a:link 
{
	color: #CFE7FE;
	text-decoration: none;
}
.linksoverdark a:active
{
    color: #CCFFDE;
	text-decoration: none;
    }
.linksoverdark a:visited
{
    color: #E0DFF2;
	text-decoration: none;
}
.linksoverdark a:hover
{
    color: #ffff00;
    text-decoration: underline;
}
/* Use the following class for links that appear over a light background. */
.linksoverlight a:link {
	color: #0f68ff;
	text-decoration: none;
}
.linksoverlight a:visited {
	color: #810081;
	text-decoration: none;		
	}
.linksoverlight a:hover 
{
    text-decoration: none;	
	color: navy;
	background-color: #fdf89e;
    } 
.linksoverlight a:active {
	color: #993366;	
	text-decoration: none;
	}
p.leftjustify {
	text-align: left;
}
p.breadcrumbs {
	text-align: right;
	font-size: 90%;	
	background-color: #e0eaf2;
	border-bottom: 1px solid #fff;
	margin-left: 5px;
	padding-right: 20px;
	color: #000;
	line-height: 22px;
}
p.breadcrumbs a:link 
{
	color: #1673c8;
	text-decoration: none;
}
p.breadcrumbs a:active
{
    color: #990033;
    }
p.breadcrumbs a:visited
{
    color: #7313CA;
}
p.breadcrumbs a:hover
{
    color: #3C9953;
    text-decoration: underline;
}

img {
	border: 0;
	}
img.left {
	float: left;
	padding: 10px;
	padding-right: 15px;
	}
img.right {
	float: right;
	padding: 10px;	
	padding-left: 15px;
}
p.slogan {
	text-align:center;
	font-style:italic;
	color: #b0050d;
	font-weight:bold;
	margin-top: -20px;
}
h2.slogan {
	text-align:center;
	font-style:italic;
	color: #b0050d;
	text-transform:none;
	font-weight:bold;
	margin-top: -15px;
	font-size: 105%;
}
h3.slogan {
	font-size: 100%;
	text-align:center;
	font-style:italic;
	color: #3491e6;
	text-transform:none;
	font-weight:bold;
	margin-top: 0px;
}
ul.standardlist li 
{
    list-style-type: square;
    text-align: left;
    line-height: 160%;
    padding: 0px 10px 5px 10px;
}
ul.checkmark li
{
    list-style-image: url('images/bullet_checkmark.gif');
    list-style-type: circle;
    text-align: left;
    line-height: 160%;
    margin-top: -5px;
    padding: 0px 10px 5px 10px;
}
ul.sidebar li
{
    list-style-image: url('images/bullet_blue.gif');
    list-style-type: circle;
    text-align: left;
    line-height: 140%;
    margin: -10px 0px 8px 0px;
    padding: 0px 10px 5px 10px;
}
ul.sitemap li
{
    list-style-image: url('images/bullet_blue.gif');
    list-style-type: circle;
    text-align: left;
    line-height: 140%;
}

ul.sidebar li.expanded
{
	padding-bottom:14px;
}

ul.sidebarblue li
{
    list-style-image: url('images/bullet_blue.gif');
    list-style-type: circle;
    text-align: left;
    line-height: 160%;
    margin-top: -5px;
    padding: 0px 10px 5px 10px;
}
ul.sidebargray li
{
    list-style-image: url('images/bullet_gray.gif');
    list-style-type: circle;
    text-align: left;
    line-height: 160%;
    margin-top: -5px;
    padding: 0px 10px 5px 10px;
    color: #777;
}
ul.sidebargreen li
{
    list-style-image: url('images/bullet_green.gif');
    list-style-type: circle;
    text-align: left;
    line-height: 160%;
    margin-top: -5px;
    padding: 0px 10px 5px 10px;
    color: #777;
}
ul.sidebarorange li
{
    list-style-image: url('images/bullet_orange.gif');
    list-style-type: circle;
    text-align: left;
    line-height: 160%;
    margin-top: -5px;
    padding: 0px 10px 5px 10px;
    color: #777;
}

/* End custom formatting classes */
/* Re-defined tags.*/
a:link	{	
	text-decoration: none;
	color: #1673C8;
	}			
a:visited	{	
	text-decoration: none;
	color:	#9932CC;
	}	
a:hover	{		
	color:	#009966;
	}
a:active	{	
	text-decoration: none;
	color:	#333399;
	}
/* Newsletter styles */
.bkgnewsletter {
	background-color:#efefef;
	border-left: 1px solid #515151;
	border-right: 1px solid #515151;
}
div#newsheading {
	position: relative; 	
	top: 1px; 
	left: 0px;
	width: 98%; 
	height: 120px;
	margin: 0 auto;
	padding: 0px;
	background:#fff url('images/logo_for_print.jpg') no-repeat left 50%;
}
.padtop {padding-top: 50px;}
p.centered {text-align: center;}
table.form,tr.form,td.form {font-size: 90%;}
/*Set the following classes in labels. They will render as a span class. The padding is used to move text away from the background image. This will not work in a paragraph. */
.message_info 
{
    text-align: left; 
    color: green;
    padding: 10px 0px 0px 40px;
    background-image: url("images/flag.gif"); 
    background-repeat: no-repeat; 
    background-position:left; 
    font-size: 12px;
    }
 .message_stop 
{
    text-align: left; 
    color: red;
    padding: 10px 0px 0px 40px;
    background-image: url("images/stop.gif"); 
    background-repeat: no-repeat; 
    background-position:left; 
    font-size: 12px;
    }
.label 
{
    width: 120px; 
    text-align: right;
        }
td.form {
    width: 120px; 
    text-align: right;
        }
div.SpartanGridView {position: relative; top: 0px; left: 30px; width: 935px; margin-left: 20px; height: auto; overflow: auto;border: 1px solid #d0d5db;}
.SpartanGridView table {font-size: 10px; background-color: #fff;border: 1px solid #d0d5db;}
.SpartanGridView th {background-color: #e0eaf2; text-align: center;border: 1px solid #d0d5db;}
.SpartanGridView td {border: 1px solid #d0d5db; text-align: left; padding-left: 0.5em;}

div.SpartanDocs {position: relative; top: 0px; width: 98%; margin-left: 10px; oveflow: auto; height: 360px; font-size: 11px; border: none;}
.SpartanDocs table {font-size: 11px; background-color: #fff; width: 98%; border: 1px solid #d0d5db;}
.SpartanDocs th {font-size: 11px; background-color: #e0eaf2; text-align: center; border: 1px solid #d0d5db;}
.SpartanDocs td {font-size: 11px; border: 1px solid #d0d5db; text-align: left;}

h6.heading {font-size: 16px; color: #7699b7; font-weight: bold; margin: 14px 0px 10px 20px;}
table.center {margin-left:auto; margin-right:auto;}
.bkglightblue {background-color: #e0eaf2;}
#login {position: relative; top: 0px; left: 10px; width: 930px; height: 1.5em; text-transform: capitalize;}
#loginleft {position: relative; float: left; top: 0px; left: 0px; width: 460px; text-align: left; height: 1em;} 
#loginright {position: relative; float: right; top: 0px; left: 0px; width: 460px; text-align: right; height: 1em;}
.LoginName {text-transform: Capitalize;}