﻿/* CSS Document */

/* 
   blue    dk:002156  md:5a6dad  Lt:8095b3   xLt:c0ccd9
   green   dk:44b31a  md:66cc00  Lt:95cc66   xLt:cbd9c0
   yellow  dk:e7b92c  md:f3bf20  Lt:f8d876   xLt:fff3cc
*/


body {
	background-color: #002156;
	color: #000000;
	margin: 0px;
	padding: 0px;
	border: 0px;
	scrollbar-face-color: #66A08C;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #66A08C;
	scrollbar-3dlight-color: #002156;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #002156;
	scrollbar-darkshadow-color: #66A08C;
 font-family: Arial, Helvetica, sans-serif;
}


/* global hover */

a        { color:#5a6dad; text-decoration:underline; font-weight:bold;}
a:hover  { color:#5a6dad; text-decoration:underline; font-weight:bold;}


/* form stuff */

input.button {
background: url(../Img/bkdButton.html) left center no-repeat;
background-color:#c0ccd9;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
color:#002156;
padding:2px 2px 2px 2px;
align:right;
}

input.text {
font-family : verdana, helvetica, arial, geneva, sans-serif;
font-size : 9px;
font-weight : bold;
color : #002156 ;
background : #ffffff;
background-color:#c0ccd9;
width:120px;
}

/* header */

#header {
width: 100%;
margin: 0px;
padding: 0px;
background: #586dad;
height:175px;
border-bottom:2px solid #000;
text-align:center;
}
#headerNav {
font-size:11px;
background:#586dad;
padding-top:5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 95px;
text-align:left;
color:#ffffff;
}
#headerNav a       { color:#ffffff; text-decoration:none; font-weight:bold;}
#headerNav a:hover { color:#95cc66; text-decoration:underline; font-weight:bold;}



/* main body */

#container {
background: #ffffff;
width: 100%;
margin:0px;
padding:0px;
}

#main {
	width: 800px;
	float: left;
	padding: 30px 0px 20px 20px;
	text-align: left;
}
  #main table {
  font-weight:normal;
  font-size:12px;
		line-height:20px;
		color:#666666;
  margin:0px 30px 10px 30px;
		}
  #main p {
  font-weight:normal;
  font-size:12px;
		line-height:20px;
		color:#666666;
  margin:0px 30px 10px 30px;
		}
  #main p.head {
  font-weight:bold;
  font-size:16px;
  margin:5px 0px 5px 0px;
  color:#002156;
		}
  #main p.subhead {
  font-weight:bold;
  font-size:14px;
  margin: 0px 0px 5px 20px;
		color:#5a6dad;
		}
 #main p.sectionHead {
font-weight: bold;
font-size: 14px;
margin: 0px 0px 5px 20px;
color: #FF822F;
border-top: 1px solid #586dad;
}
  #main p.body {
  font-weight:normal;
  font-size:12px;
		line-height:20px;
		color:#666666;
  margin:0px 30px 10px 30px;
		}
  #main p.message {
   font-family : verdana, helvetica, arial, geneva, sans-serif;
  font-size : 10px;
  font-weight : bold;
  color : #cc0000 ;
  text-align: center;
  padding: 5px;
  background-color:#ffffff;
  border:1px dotted #cc0000;
  }


  #main .archive-download {
	font-weight:normal;
  	font-size:12px;
	line-height:20px;
	color:#666666;
	margin:0px 30px 10px 30px;
  }

  #main .center {
  font-weight:normal;
  font-size:11px;
		line-height:20px;
		color:#666666;
  margin:0px 30px 10px 30px;
  text-align:center;
		}
  #main ul {
  font-weight:normal;
  font-size:11px;
		line-height:20px;
		color:#666666;
  margin:0px 30px 10px 50px;
		}

		
/* Signup box */


#signUp {
        font-family: arial, geneva, sans-serif;
        font-size: 9px;
}

#signUp p.form {
font-size:1px;
height:0px;
}

#signUp p.head {
        font-size: 11px;
        font-weight:bold;
        margin: 0px;
        padding: 0px 0px 5px 0px;
        text-align:left;
        clear:both;
}

#signUp div.row {
  clear: both;
  }

#signUp p.label {
        margin: 0px;
        width: 60px;
        float:left;
        text-align:right;
        padding:3px;
}

#signUp p.left {
        font-family: verdana, helvetica, arial, geneva, sans-serif;
        font-size: 9px;
        font-weight:bold;
        padding: 3px;
        margin: 0px;
        float:left;
}
#signUp p.right {
        padding: 3px;
        margin: 0px;
        float:right;
}

#signUp input.button {
        font-family : verdana, helvetica, arial, geneva, sans-serif;
        font-size : 10px;
        font-weight : bold;
        color:#002156;
        padding : 1px;
        background : #6699ff;
        background-color:#c0ccd9;
        }
        
#signUp input.text {
        font-family : verdana, helvetica, arial, geneva, sans-serif;
        font-size : 9px;
        font-weight : bold;
        color : #002156 ;
        background : #c0ccd9;
        width:120px;
        }       
        
        #signUp  A.dark  { 
          color: #cc0000;
                        text-decoration: underline;
                        font-family : arial, helvetica, geneva, sans-serif;
          font-size : 11px;
          font-weight : bold;
 }
                        

/* NAV - left side */

#nav {
text-align:left;
font-size:11px;
color:#FFFFFF;
background:#002156;
}

#nav ul{
padding:0px;
margin:0px;
border-top:1px solid #5a6dad;
}

#nav li{
padding:5px 5px 5px 20px;
margin:0px;
list-style-type:none;
border-bottom:1px solid #5a6dad;
}

#nav li.navOn{
padding:5px 5px 5px 20px;
margin:0px;
list-style-type:none;
border-bottom:1px solid #c0ccd9;
background: #66A08C url(../Images/bkgdNavOn_1.gif) top left no-repeat;
}
#nav li.sub{
padding:5px 5px 5px 30px;
margin:0px;
list-style-type:disc;
font-size:11px;
border-bottom:1px solid #ffffff;
color: #5a6dad;
background: #c0ccd9;
}

#nav a       { color:#ffffff; text-decoration:none; font-weight:bold;}
#nav a:hover { color:#cbd9c0; text-decoration:underline; font-weight:bold;}
#nav a.subLink       { color:#002156; text-decoration:none; font-weight:bold;}
#nav a:hover.subLink { color:#5a6dad; text-decoration:underline; font-weight:bold;}



/* FOOTER */

#footer {
width: 100%;
margin: 0px;
padding: 0px;
background-color: #002156;
border-top:2px solid #000;
text-align: center;
color:#bbbbbb;
}
#footerbody {
 padding: 10px 0px 40px 0px;
 font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0px;
	width:780px;
}
#footerbody ul  {
       display:inline;
							list-style:none;
     		padding: 0px;
     		margin: 0px;
     		padding: 10px 0px 20px 0px;
     		}
     		#footerbody li  {
     		display:inline;
							text-align: left;
     		padding: 0px 5px;
							margin: 0px;
     		}
     		#footerbody li a {
     		text-align: left;
     		padding: 0px 5px;
							margin: 0px;
							color: #cdcdcd;
     		text-decoration: none;
							font-weight:normal;
     		}
     		#footerbody li a:hover {
     		text-align: left;
     		padding: 0px 5px;
							margin: 0px;
							color: #ffffff;
     		text-decoration: underline;
						 font-weight:normal;
     		}
	

/* effects */
						
 p.rule {
  font-size:1px;
		color:#e7b92c;
		border-top: 1px dotted #e7b92c;
		margin:5px 0px;
		clear:both;
		}
	
 p.clear {
		clear: both;
		margin: 0px;
		}


#shadowBottom {
width: 100%;
padding: 0px;
margin: 0px;
background: #bbbbbb;
height: 1px;
overflow: hidden;
border-top: 1px solid #999999;
border-bottom: 1px solid #dddddd;
}
#shadowTop {
width: 100%;
padding: 0px;
margin: 0px;
background: #bbbbbb;
height: 1px;
overflow: hidden;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #999999;
}

#crossBox_small {
	background-image: url(../Images/crossBox210_1.gif);
	background-repeat: no-repeat;
	border: 1px solid #F3BF20;
	background-color: #FFFFFF;
	background-position: 0px 0px;
	padding: 10px 25px 10px 25px;
	width: 160px;
	margin: 5px;
	font-family: Arial, Helvetica, sans-serif;
        text-align: center;
	float: none;
	clear: both;
	height: auto;
}
  #crossBox_small p.head {
  font-weight:bold;
  font-size:14px;
  margin:5px 0px 5px 0px;
  color:#002156;
		}
  #crossBox_small p.subhead {
  font-weight:bold;
  font-size:12px;
  margin: 0px 0px 0px 0px;
  color:#5a6dad;
		}
  #crossBox_small p.body {
  font-weight:normal;
  font-size:11px;
  line-height:15px;
  color:#666666;
  margin:5px 0px 0px 0px;
		}

#crossBox_large {
	background-image: url(../Images/crossBox260_1.gif);
	background-repeat: no-repeat;
	border: 1px solid #F3BF20;
	background-color: #FFFFFF;
	background-position: 0px 0px;
	padding: 10px 25px 10px 25px;
	width: 210px;
	margin: 5px;
	font-family: Arial, Helvetica, sans-serif;
        text-align: center;
	float: none;
	clear: both;
	height: auto;
}
  #crossBox_large p.head {
  font-weight:bold;
  font-size:14px;
  margin:5px 0px 5px 0px;
  color:#002156;
		}
  #crossBox_large p.subhead {
  font-weight:bold;
  font-size:12px;
  margin: 0px 0px 0px 0px;
  color:#5a6dad;
		}
  #crossBox_large p.body {
  font-weight:normal;
  font-size:11px;
  line-height:12px;
  color:#666666;
  margin:5px 0px 0px 0px;
		}
  #crossBox_large p {
  font-weight:normal;
  font-size:11px;
  line-height:12px;
  color:#666666;
  margin:5px 0px 0px 0px;
		}

#cal {
width:573px;
float: center;
padding: 10px 0px 0px 25px;
text-align:left;
}
  #cal table {
  font-weight:normal;
  font-size:12px;
  line-height:20px;
  color:#666666;
  margin:0px 0px 0px 0px;
		}
  #cal p {
  font-weight:normal;
  font-size:12px;
  line-height:20px;
  color:#666666;
  margin:0px 30px 10px 30px;
		}
  #cal p.head {
  font-weight:bold;
  font-size:16px;
  margin:5px 0px 5px 0px;
  color:#002156;
		}
  #cal p.subhead {
  font-weight:bold;
  font-size:14px;
  margin: 0px 0px 5px 20px;
		color:#5a6dad;
		}
 #cal p.sectionHead {
  font-weight:bold;
  font-size:14px;
  margin: 0px 0px 5px 20px;
		color:#66A08C;
  border-top:1px solid #586dad;
		}
  #cal p.body {
  font-weight:normal;
  font-size:12px;
		line-height:20px;
		color:#666666;
  margin:0px 30px 10px 30px;
		}

#tableNF {
  font-weight:normal;
  font-size:12px;
  line-height:20px;
  color:#666666;
  margin:0px 0px 0px 0px;
	}

#tableTabular {
 border: 1px solid #586dad;}
#tableTabular td{
 border: 1px solid #586dad;}
#tableTabular th{
 color: #002156;
 background-color: #95cc66;}

#p.calDateTime {
background-color: #000000;
margin:0px;
padding:0px;
}
#main p.errorMsg {
color: #e90000;
}
