﻿html, body {
height:100%}

body {
padding:0;
margin:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
background:url('../images/menuBack.jpg');
background-repeat:repeat-y;
background-position:left;
background-color:#808BA5;
}

#contents{
margin:0 192px -58px 188px;
border-left:1px solid #000;
border-right:1px solid #000;
height:100%;
width:auto;
min-height:100%;
min-width:480px;
position:relative;
}

html>body #contents{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#header {
background: url('images/headerBack.jpg');
background-repeat: repeat-x;
background-color: #1E3D64;
/* border-top: 2px solid #90222F;  */
border-top:none;
border-bottom: 2px solid #35446F;
border-left: none;
border-right: none;
position: relative;
margin:0 -192px 0 -188px;
height:73px;
}

#headerTag {
background: url('images/headerTagBack.jpg');
background-repeat:repeat-x;
background-color: #808CA4;
position:relative;
margin:0 -192px 0 -188px;
height:32px;
text-align:center;
color:#FFFFFF;
font-size:1.5em;
}

#leftSide {
width:188px;/* same as the left margin on #contents*/
float:left;
margin-left:-187px;/*must be 1px less than width otherwise won't push footer down */
padding-top:105px;/*needed to make room for header*/
position:relative;/*ie needs this to show float */
left:-2px;
height:auto;
}

#rightSide {
width:192px;/* same as right margin on #contents*/
position:relative;/*ie needs this to show float */
float:right;
text-align:center;
margin-right:-191px;/*must be 1px less than width otherwise won't push footer down */
padding-top:50px;/*needed to make room for header*/
left:2px;
background: url('images/rightSideBackgr.gif');
background-repeat:repeat-y;
height:100px;
	}

#main {
padding:10px;
background-color:#FFFFFF;
height:100%;
min-height:100%;
}

#footer {
font-size:0.9em; 
font-weight: bold; 
color: #003366;
text-align:center;
border-top: #003366 1px solid;
height:52px;
background: url('images/footer.jpg');
background-repeat:repeat-x;
width:100%;
clear:both;
position:relative;
padding-top:10px;
margin:0;
/* border-left: #5584CC 4px solid; */
}

#cleardiv {
	clear:both;
	height:44px; /*needed to make room for footer*/
}

div,p {margin-top:0}/*clear top margin for mozilla*/
* html #main {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */