﻿/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

a:link, a:visited, a:hover {
	color: #0099CC;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

h1{
 font-size: 24px;
 text-transform: uppercase;
 color: #0099CC;
}

h2{
 font-size: 24px;
 text-transform: uppercase;
 color: #000000;
}

h3{
 font-size: 14px;
 color: #0099CC;
}

h4{
 font-size: 10px;
 font-weight: bold;
 color: #004D6E;
}

h5{
 font-size: 10px;
 color: #0099CC;
}

h6{
	font-size: 14px;
	color: #0099CC;
	font-style: italic;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}
/************* #globalNav styles **************/
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	padding: 10px;
}
.bottGradient {
	background-image: url(images/bottomGradient.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 10px;
}
.lftGradient {
	background-image: url(images/leftsideGradient.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 20px;
}
.rghtGradient {
	background-image: url(images/rghtGradient.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 20px;
}
.navBkg {
	background-image: url(images/navBkg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 22px;
}
.contentMargins {
	background-color: #FFFFFF;
	padding: 25px 50px 5px;
	width: 728px;
	background-image: url(images/topGradient.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.footerMargin {
	width: 728px;
	padding-top: 25px;
	padding-right: 50px;
	padding-bottom: 25px;
	padding-left: 50px;
}
.bodyCallout {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0099CC;
}
.bodyMargin {
	padding-left: 15px;
}
.dottedline {
	background-image: url(images/dottedLine.gif);
	background-repeat: repeat-y;
	background-position: right top;
	padding-left: 15px;
}
.bottLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.dottedlineInside {
	background-image: url(images/dottedLine.gif);
	background-repeat: repeat-y;
	background-position: center top;
	padding-left: 10px;
	padding-right: 10px;
}
.tableHdrs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #006699;
}
.tableHdrsItalic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #006699;
	font-style: italic;
}
.tableHdrBkg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
}
.bodyCallout {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.redMark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
}
.bodyCalloutBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0099CC;
	font-weight: bold;
}
.bodyWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.italic {
	font-size: 14px;
	color: #0099CC;
	font-style: italic;
}
/************* lightbox styles **************/
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 1200px;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top: 90px;
	left: 31%;
	width: 435px;
	height: 475px;
	padding: 16px;
	border: 16px solid #72A6BE;
	background-color: white;
	z-index:1002;
}
.white_content p {
	width: 400px;
}
.white_content a.close-button {
	font-size:11px;
	font-weight:bold;
	position:absolute;
	right:12px;
	top:7px;
}
/************* div styles **************/
div#indexbanner {
	float: right; width: 150px; margin-left: 25px;
}
/************* CC Landing Pg styles **************/
div#container
{
margin: 0;
background-color: #1c3c54;
height: inherit;
}
container p
{
font: 9px/1.5em Helvetica, Arial, Verdana, sans-serif;
}
#hStyleHeading
{
color: #1c3c54;
font: 14px/1.5em;
font-weight: bold;
}
#hStyleHeading2
{
color: #0066CC;
font: 18px/1.5em Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
}
#pStyleHeading 
{
color: #1c3c54;
font: 11px/1.5em;
font-weight:bold;
}
#pStyleHeading2
{
color: #0066CC;
font: 11px/1.5em;
font-weight: bold;
}
div#main
{
width:782px;
background-color:#FFFFFF;
margin: 0 auto;
}
div#header
{
width:770px;
height:86px;
background: url(../images/logohead_02_02.gif) no-repeat top;
}
div#rcol
{
float: right;
width:280px;
padding: 15px;
border-left:1px solid #004080;
background: #FFFFFF url(../images/gradient_05_05.gif) repeat-x bottom ;
}
div#lcol
{
float: left;
width:438px;
padding: 15px;
}
div#footer
{
width:782px;
clear: both;
padding: 5px;
background-color: #042949;
}
.buttonStyle
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}
.textBoxStyle
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
width:250px;
}
.textBoxStyleZip
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
width:100px;
}
#required
{
color:red;
}
