p { font-family: Arial; font-size: 13px; }
strong { font-weight: bold;}

a:link { color: #0066CC;} 
a:active { color: #0066CC;} 
a:visited { color: #0066CC;} 
a:hover { color: #0066CC; text-decoration: underline;} 

.alertBox {font-family:  Arial; text-align: center; border: 1px solid; border-color: #333333; margin-top: 10px; margin-bottom: 5px;  display: block; width: 95%;}
.alertBoxHeader {font-family:  Arial; color: #FFFFFF; font-weight: normal; background-color: #3366CC; font-size:30px; padding: 5px; text-transform: uppercase;}
.alertBoxText { font-family:  Arial; color: #222; background-color: #DEDEDE; padding: 10px; font-size: 13px;}

#header {
    min-height: 90px;
    height: 90px;
    background: #252C6D;
}

.logos {
    width: 226px;
    margin: 0 auto;
    padding-bottom: 20px;
}

#header #title { display: inline; float: left; padding-left: 20px; width: 300px; text-align: left; line-height: 90px; height: 90px; min-height:90px; }
#header #title h1 { color: #FFF; font-size: 22px; font-family: Arial; }

#header #mainNav { display: inline; float: right; text-align: right; font-family: Arial; height: 90px; min-height: 90px; }
#header #mainNav ul { display: inline; }
#header #mainNav li { float: left; }
#header #mainNav a { text-decoration: none; font-size: 13px; display: block; width: 125px; line-height:35px; margin-top:55px; background-color: #ebf1f6; color: #555; text-align:center; margin-right: 10px; border-top-right-radius:0.75em; border-top-left-radius:0.75em; }
#header #mainNav a:hover { color: #FFF; background-color: #555; }

body#navigation a#navNavigation, body#pages a#navPages, body#commerce a#navCommerce, body#home { color: #FFF; background-color: #555; }

#body { margin-top: 20px;  min-height: 100px; display: block;  width: 100%; }

#body #sideNav 
{
   float: left; display: inline; width: 200px;  padding: 10px; margin-bottom: 20px; text-align: left; margin-left: 20px; min-height: 50px;
   background-color:#72A7E5;
   border-radius:0.5em;
}

#body #sideNav ul {}
#body #sideNav h2 { font-family:Arial; font-size: 16px; color:#333; font-weight: bold; padding-bottom: 20px; }
#body #sideNav li { display: block; }
#body #sideNav li a { background-image: url('../img/icons/arrow_black.gif'); background-position: left; background-repeat: no-repeat; padding-left: 20px; width: 100%; text-align: left; height: 20px; min-height:20px; line-height:20px; font-family: Arial; font-size: 13px; text-decoration: none; color: #FFF; }
#body #sideNav li a:hover { width: 100%; text-align: left; height: 20px; min-height:20px; line-height:20px; font-family: Arial; font-size: 13px; text-decoration: underline; color: #FFF; }

#body #content { padding-left: 260px;  display: block; text-align: left; padding-right: 20px;  }
#body #content p { line-height: 20px; font-size: 13px; font-family: Arial; color:#333; padding-bottom:20px; }
#body #content h1 { font-size: 30px;  font-family: Arial; color: #99B5CD; padding-bottom: 10px; border-bottom: solid 1px #999; margin-bottom: 10px;}
#body #content h2 { font-size: 22px; font-family: Arial; color: #999; padding-bottom: 10px;}
#body #content h3 { font-size: 18px; font-family: Arial; font-weight: normal; padding-top:10px; color: #72A7E5; padding-bottom: 10px;}

#body #modal { float: left; display: block; text-align: center;  padding-bottom: 20px; width: 100%; }
#body #modal #text {
        margin:0 auto; width: 900px; min-height:315px; height:auto; padding: 20px 10px 10px 10px;  border: solid 1px #999; text-align: left;  
        border-radius:2em;
 }
 
#body #modal #text p { line-height: 20px; font-size: 13px; font-family: Arial; color:#333; padding-bottom:20px; text-align: left; margin-left: 20px; }
#body #modal #text h1 { font-size: 30px;  font-family: Arial; color: #99B5CD; padding-bottom: 10px; border-bottom: solid 1px #1e5799; margin-bottom: 10px; text-align:center;}
#body #modal #text h2 { font-size: 22px; font-family: Arial; color: #99B5CD; padding-bottom: 10px;}

.clear { clear: both; }

#footer 
{
    line-height: 25px;
    min-height: 50px;
    height: 50px;
    background-color: #f0f0e1;
    padding: 10px;
} 

#footer h2 { font-family:Arial; font-size: 16px; color:#333; padding-bottom: 10px; }

#footer div.copyright 
{
    width: 30%;
    text-align:left;
    line-height: 20px;
    font-size: 11px;
    font-family: Arial;
    color: #333;
    margin: 0 auto;
    text-align: center;
}

.footer_logos {
    float: right;
    width: 353px;
    height: 65px;
    margin-right: 3%;
    margin-top: 10px;
}

#optionBar 
{
    line-height: 25px;
    background-color: #000;
    height: 25px;
    min-height:25px;
    text-align: right;
    padding: 0 10px 0 0;
    color: #FFFFFF;
}

#optionBar p { font-family: Arial; font-size: 11px; }
#optionBar a { color: #FFF; text-decoration: underline; }

/* Forms */

dl { display: block; overflow: auto;  padding-top:10px; font-family: Arial;}
dt { width:30%; float:left; text-align:left; margin-top:5px; padding-left:20px; }
dd { float:left; width:64%; margin: 0 0 0.8em 0.35em; }
label { font-size: 15px; font-weight: bold; color:#666; }
.error { font-style:italic; color:#CC0000; }
.inputForm { border: solid 1px #999; padding: 5px 5px 5px 7px; margin-bottom: 5px; }
.inputForm2 { display: none; }
.hint { font-family: Arial; font-size: 11px; color: #666; }

a.options { color:#1e5799; font-size: 13px;}

a.button {
	background-color:#0e6ebb;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#FFFFFF;
	font-family:Arial;
	font-size:13px;
	padding:5px 20px;
	text-decoration:none;
	text-transform: uppercase;
}
a.button:hover {
	background-color:#999999;
}
a.button:active {
	position:relative;
	top:1px;
}

div.alertBox { display: block;  width: auto; background-color: #FCFCC2; padding: 5px; margin-bottom: 10px; text-align: center; }
#body .alertBox p, #body #modal #text .alertBox p {font-family: Arial; font-size: 11px; line-height: 20px; margin: 0px; padding: 0px; color: #CC0000;  }

div.infoBox { display: block;  width: auto; background-color: #DEDEDE; padding: 5px; margin-bottom: 20px; text-align: center; }
div.infoBox p {font-family: Arial; font-size: 11px; line-height: 14px; margin: 0px; padding: 0px; color: #333;  }

.validate {font-size: 11px; color:#CC0000; }

.gridView { font-family: Arial; font-size: 13px; }
.gridView td { padding: 5px; }

.dark { color: #666; font-weight: bold;}

div.container { width: 100%; float: left; }
div.container div.left { float: left; width: 49%; display: block; }
div.container div.right { float: right; width: 49%; display: block; }

.wrapper {
    width: 90%;
    margin: 0 auto;
}