html, body, #container 
{
	font-family: arial, helvetica;
	 min-height: 100%; /*Sets the min height to the   height of the viewport.*/
   width: 100%;
   height: 100%; /*Effectively, this is min height   for IE5+/Win, since IE wrongly expands   an element to enclose its content.   This mis-behavior screws up modern    browsers*/
    
    margin: 0px;
    padding: 0;
    
   }
   
   html > body, html > body #container
        {
            height: auto; /*this undoes the IE hack, hiding it   from IE using the child selector*/
        }



#container {
   /*min-height: 100%;
   height: auto !important;
   height: 100%;*/
  
   position: absolute;
   top: 0;
   left: 0;
}


#main {
     margin-bottom: 140px; /*Modify value as needed for    footer height.*/
     height: auto;
     padding: .5px;
}


#header
{
    text-decoration: none;
}


#header a
{
   
}


#header #headURL
{
    font-size: 32px;
    color:GrayText;
}



table.header
{ 
margin-left: auto;
margin-right: auto;
}


.headerDate
{
	color: Blue;
	font-size: 10px;
}


#solidLine 
{
	height: 1px;
	border-top: solid 1px black;
			

	}


#menu 
{
	width: 100%;
	}

table.menu
{ 
width: 800px;
margin-left: auto;
margin-right: auto;
}



#colorBarTop20
{
	width: 100%;
	height: 20px;
}




#colorBarMiddle 
{
	width: 100%;
}

table.colorBarMiddle
{ 
	width: 100%;
	border-collapse: collapse;
}

table.colorBarMiddle td, th
{
margin: 0;
padding: 0;
vertical-align:top;
}




#colorBarMiddleLeft110 
{
	width: 100%;

	height: 110px;
}

#colorBarMiddleRight110 
{
	width: 100%;

	height: 110px;
}


#colorBarMiddleLeft450 
{
	width: 100%;

	height: 450px;
}


#colorBarMiddleRight450 
{
	width: 100%;

	height: 450px;
}



#footer {
	position: absolute;
            bottom: 0;
            width: 100%;
            
	
 /*position: fixed;
        width: 100%;
        height: 140px;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;*/
}




#footerTop20
{
	width: 100%;
	background-image: url('../Images/footerTop20.jpg');
	height: 20px;
}


#footerBottom300
{
	width: 100%;
	background-image: url('../Images/footerBottom300.jpg');
	height: 120px;
}


table.footerMain
{ 
	width: 100%;
	border-collapse: collapse;
}


#footerBottomLeft 
{
	width: 100%;
}

#footerBottomRight 
{
	width: 100%;
	
}



table.footerContent
{ 
	width: 100%;
	border-collapse: collapse;
}



.footerHeader
{
	border-bottom: solid 2px white;
	font-weight: bold;
	color: GrayText;
	font-size: 10px;
	text-align:center;	
}


.footerNormal
{
	font-weight: bold;
	color: white;
	font-size: 10px;
	text-align:center;
}


.footerNormal a
{
	color:White;
}


.footerCopyright
{
	font-weight: bold;
	color: white;
	font-size: 10px;
	text-align:center;
}