/*

This is the CSS file to make the design pretty. You can find
the sticky footer required CSS at the following URL:

http://ryanfait.com/sticky-footer/layout.css

*/

body {
	text-align: left;
	background-color:#00AEEF;
	font-family:Arial, Helvetica, sans-serif;
}

body a {
	color:#333333;
	text-decoration:underline;
}

body a:hover {
color: #000000;
text-decoration:underline;
}

body a:visited {
	color: #666666;
	text-decoration:underline;
}

.wrapper {
	/*background-image:url(../images/Grid95.jpg);*/
	background-color:#DCF2FD;
	width: 857px;
	text-align: left;
	overflow:visible;
	border-left:solid 1px #333333;
	border-right:solid 1px #333333;}
	
.header {
	width: 827px;
	height: 323px;
	background: #DCF2FD;
	padding: 15px 15px 0px 15px;
}

.navigationTop {
	height:245px;
	width:17em;
	z-index:1000;
} 

.title {
display:inline-block;
	/*float:right;*/
	height:245px;
	/*width:610px;*/
	width:830px;
	background-color:#DCF2FD;
	z-index:-1000;
}

/*--------------------------------------------------------------------------------------------
Middle Section
*/

.form {
	padding:0px 0px 0px 318px;
}


.leftColumn {
	width:400px;
	overflow:visible;
	clear:left;
}

.leftColumn p{
	color: #666666;
	font: .75em arial,sans-serif;
}

.leftBar{
	float:left;
	width:400px;
	height:147px;
	padding: 10px 10px 10px 15px;
	}

.leftBar p {
	font:.75em arial,sans-serif;
	color: #4E4E4E;
	padding:10px 0 0 0;
	}

.rightBar{
	float:right;
	width:405px;
	height:139px;
	padding: 10px 10px 10px 15px;
	border-left: solid 1px #666666;
}

.rightBar dl {
	margin:0px;
	padding: 0px 15px 0px 0px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
}

.rightBar dt {
	font-size:.75em;
	font-weight:bold;
	color:#333333;
}

.rightBar dd {
	color: #4E4E4E;
	width:185px;
	font-size:.75em;
}

.rightBar dd a:link {
color:#4E4E4E;
text-decoration:none;
}

.rightBar dd a:hover {
color:#333333;
background-color:#00AEEF;
}

.rightBar dd a:visited {
	color:#4E4E4E;
	text-decoration:none;
}

.bar {
	width:857px;
	height:167px;
	background: #9FDDF9;
	background-image:url(../images/barShadow.jpg);
	background-repeat:repeat-x;
	border-top: solid 1px #333333;
	/*border-bottom: solid 1px #333333;
	border-bottom:solid #83d5f7 2px;
	border-top:solid #83d5f7 2px; */
	}

.summary {
	width:245px;
	padding: 0px 0px 0px 1px;
	color: #ffffff;
	font: .75em arial,sans-serif;
	overflow:visible;
}

/*------------------------------------------------------------------------------------------------------------------------
Content Section Divs
*/
.navigation{
	float:left;
	padding:10px 0px 15px 10px;
	/*	margin-top:15px;
	margin-left:15px;*/
	width: 260px;
	/*	background-color:#444444;*/
	border:0px;
	border-color:#ffffff;
	border-style:solid;
	/*background-image: url(../images/naviTopperLogo.gif);*/
	background-repeat:no-repeat;
	background-position: top;
}

.navigation h4 {
	color: #00AEEF;
	font: 1.2em Arial,sans-serif;
	text-align: left;
	font-weight:normal;}

.navigation dl{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	width:245px;
	
}

.navigation dt{
	border-top:solid 1px #CCCCCC;
	font-size:.75em;
	font-weight:bold;
	color:#00AEEF;
	margin:15px 0px 2px 0px;
	padding:5px 0px 0px 0px;
}

.navigation dd {
	width:210px;
	font-size:.75em;
	color: #CCCCCC;
	padding:0px 0px 0px 0px;
}

.navigation dd a:link {
	color: #CCCCCC;
	text-decoration:none;
	}

.navigation dd a:hover {
	color:#444444;
	text-decoration:none;
	}

.navigation dd a:visited {
	color:#CCCCCC;
	text-decoration:none;
	}
	
.right img {
padding: 15px 15px 15px 415px;
}

/*------------------------------------------------------------------------------------------------------------------------
Footer Section Divs
*/

.footer {
	padding-left:15px;
	width: 832px;
	margin: 0 auto;
	background: #c7eafb;
	border-left:solid 1px #333333;
	border-right:solid 1px #333333;
	border-top:solid 1px #333333;
	background-image:url(../images/barShadow.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
}

.footer dl {
	padding: 0px 0px 0px 0px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	list-style-type:none;
}

.footer dt {
	font-size:.75em;
	font-weight:bold;
	color:#000;
}

.footer dd {
	width:210px;
	font-size:.75em;
	color:#333333;
}

.footer dd a {
	color:#333333;
	text-decoration:none;
	}

.footer dd a:hover {
	color: #000000;
	text-decoration:underline;
	}

.footer dd a:visited {
	color: #666666;
	text-decoration:none;
	}

.footer h2 {
	padding: 15px 15px 15px 415px;
	color: #000000;
	font: 1.3em verdana,sans-serif;
	}
	

/*------------------------------------------------------------------------------------------------------------------------
Classes and Divs used Everywhere.
*/

.tab{
	width:55px;
	height:23px;
	padding:10px 5px 0px 5px;
	float:right;
	margin-top:-10px;
	margin-right:15px;
	background-color:#00AEEF;
	text-align:center;
}

.tab a{
	text-decoration:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;}

.tab a:hover {
	text-decoration: underline;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;}


img {
	/*border:solid #666666 1px;*/
}

img a {
border:none;
}

img a:hover {
border:none;
}

img a:visited {
border:none;
}

h1 {
	padding: 15px 15px 5px 15px;
	color: #000;
	font: 1.2em Arial,sans-serif;
	text-align: left;
	font-weight:normal;
}


h2 {
	padding: 15px 15px 5px 318px;
	color: #000000;
	font: 1.2em Arial,sans-serif;
}

h3 {
	padding: 5px 0px 0px 0px;
	color: #00AEEF;
	font: 1em Arial,sans-serif;
	font-weight: bold;
}

h3 a:link {
	padding: 5px 0px 0px 0px;
	color: #00AEEF;
	font: 1em Arial,sans-serif;
	font-weight: bold;
	text-decoration:none;
	}

h3 a:hover {
	padding: 5px 0px 0px 0px;
	color: #00AEEF;
	font: 1em Arial,sans-serif;
	font-weight: bold;
	text-decoration:none;
	}

h3 a:visited {
	padding: 5px 0px 0px 0px;
	color: #00AEEF;
	font: 1em Arial,sans-serif;
	font-weight: bold;
	text-decoration:none;
	}

h4 {
	color: #333333;
	font: 1.2em Arial,sans-serif;
	text-align: left;
	font-weight:normal;}

p {
	padding: 15px 15px 5px 318px;
	color: #666666;
	font: .75em arial,sans-serif;
}

table.body {padding:10px 15px 15px 15px;
margin:10px 15px 15px 318px;
}

form.body {
margin:10px 15px 15px 310px;}

p.dataList {
	padding: 10px 15px 15px 15px;	
	color: #666666;
	font: .75em arial,sans-serif;}

strong {
	font-weight: normal;
}
.download {
	text-align: right;
}

/* You cannot use 2 different p tags in the same div/class*/

/*.footer p {
	padding: 17px 0 0;
	color: #000000;
	font: 0.8em arial,sans-serif;
}*/

a {
	color: #194379;
}

a:hover {
	text-decoration: none;
}

ul{
	font-family:Arial, Helvetica, sans-serif;
	padding: 0px 15px 15px 360px;
	font: .75em arial,sans-serif;
	color:#0066FF;
}

li{

}


ul.columnMenu{
	font-family:Arial, Helvetica, sans-serif;
	padding: 0px 15px 15px 30px;
	font: 12px arial,sans-serif;
	color:#0066FF;
}

li{

}


dl {
	padding: 0px 15px 15px 0px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	list-style-type:none;
}

dt {
	font-size:1em;
	font-weight:bold;
	color:#00AEEF;
}

dd {
	width:220px;
	font-size:1em;
}

dd a:link {
color:#FFFFFF;
text-decoration:none;
}

dd a:hover {
color:#333333;
background-color:#00AEEF;
}

dd a:visited {
color:#FFFFFF;
text-decoration:none;}