@charset "utf-8";
body
{
background-color: #CCCCCC;
margin-top: 0;
font: normal 12px arial;
color: #ffffff	;
}
a
{
font: normal 12px verdana;
color: #0066FF;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}
label
{
display: block;
font: bold 11px verdana;
margin-top: 8px;
}
input, textarea
{
border: solid 1px #A7D1DF;
padding: 2px;
}
td
{
font: normal 13px arial;
color: #555555;
line-height: 20px;
text-align: justify;
}
/* GENERAL CLASSES */
.button
{
border: none;
background: url(../img/bgButton.jpg) no-repeat;
width: 85px;
height: 25px;
vertical-align: middle;
color: #707978;
font: bold 11px verdana;
}
.lineHeight25
{
line-height: 25px;
}
.blueBorder
{
border: solid 2px #BBCFD8;
padding: 7px;
}
.liPadBottom li
{
margin-bottom: 12px;
}
/* HEADINGS */
h1
{
font: bold 12px verdana;
color: #3A6BAD;
border-bottom: solid 2px #3A6BAD;
padding: 5px;
margin: -5px;
}
h2
{
font: bold 1.2em "Times New Roman", Times, serif;
color: #396CB0;
/*margin-bottom: 10px;*/
}
h3
{
font-size: 0.8em;
margin-bottom: 0px;
}
h4
{
font: bold 1.4em "Times New Roman", Times, serif;
color: #396CB0;
text-transform:uppercase;
margin-bottom: 0;
margin-left: 6px;

}
h5
{
font: bold 1.5em "Times New Roman", Times, serif;
color: #396CB0;
margin: 0px;
margin-bottom: 10px;
}
/* CONTAINERS */
#header img{
	width:900px;
}

.border {
	background:url(../img/borderHeader.jpg);
}
#footer
{
margin-top: 30px;
border-top: double 4px #333333;
border-bottom: solid 2px #171E26;
text-align:right;
padding: 10px;
line-height: 1.5em;
color:#999999
}
/* CONTENT TABLE */
#content
{
	background:url(../img/bgContent.jpg) repeat-x;
	width: 100%;
}
#content td
{
vertical-align: top;
}
/* LEFT PANE */
#leftPane
{
width: 200px;
padding: 10px;
}
#weather
{
border: solid 2px #BBCFD8;
height: 180px;
width: 185px;
padding: 5px;

}
#login
{
border: solid 2px #BBCFD8;
padding: 5px;
font-size: 11px;
line-height: 20px;
width: 185px;
}
#login a
{
font-size: 11px;
line-height: 16px;
}

/* NAVIGATION BAR */
#navBar
{
margin: 20px 0px;
width: 220px;
}
#navBar, #navBar li
{
list-style: none;
padding: 0px;
}
#navBar a
{
display: table-cell;
height: 30px;
width: 193px;
padding-left: 15px;
font: bold 11px verdana;
color: #555555;
text-decoration: none;
background:url(../img/bgNav.jpg) no-repeat;
background-position: 0 -34px;

padding-top: 8px;
margin: 1px 0px;
}
#navBar a.active
{
background-position: 0 0;
color:#FFFFFF;
}
#navBar a:hover
{
background-position: 0 -68px;
color: #171E26;
}
#navBar .navInner
{
background:url(../img/bgNavInner.jpg) no-repeat; 
background-position: 0 -34px;
}

/* RIGHT PANE */
#rightPane
{
padding: 10px 20px;
padding-left: 0px;
}
#rightPane img
{
border: double 4px #BBCFD8;
}
.dataTable
{
border: solid 1px #BBCFD8;
}
.dataTable th
{
font: bold 12px verdana;
background-color: #BBCFD8;
padding: 5px;
}
.dataTable td
{
border-top: solid 1px #BBCFD8;
border-left: solid 1px #BBCFD8;
padding: 5px;
}
/* DROP SHADOW */
#shadow1, #shadow2, #shadow3, #shadow4, #wholeContainer
{
    position: absolute;
	top: 0;		
	left: 50%;
	background-color: #293541;	
}
#shadow4 {
	margin-left: -460px;
	width: 920px;				
	z-index:4;
	filter:alpha(opacity=20);
	-moz-opacity:.20;
	opacity:.20;		
}
#shadow3 {
	margin-left: -456px;
	width: 912px;				
	z-index:3;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;		
}
#shadow2 {
	margin-left: -454px;
	width: 908px;				
	z-index:2;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;		
}
#shadow1 {
	margin-left: -452px;
	width: 904px;				
	z-index:1;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;		
}
#wholeContainer
{
	margin-left: -450px;
	width:900px;	
	z-index:4;
	background-color: #FFFFFF;	
}