/* Layout Stylesheet */ 

body{
 margin: 0;
 padding:0;
 background: #0033cc;
 color: #ffffff;
 font-family: verdana, sans-serif;
 font-size: 0.75em;
 }
	 
#hdr{
 height:20px;
 background:#ff0000;
 color:#ffffff;
 border:solid #000000;
 border-width:2px 0px;
 margin:10px 0 0 0;
 font-weight:bold;
 }

#hdr a {
  float: left;
  color: #ffffff;
}

#hdr a:hover, #header a.active {
	color: #ff0000;
	background-color: #ffffff;
}

#lh-col{
 position: absolute;
 top: 45px;
 left: 20px;
 width: 150px;
 border: 2px solid #000000;
 background: #ffcc33;
 color: #000000;
 margin: 0px;
 padding: 0px;
 height: 400px;
 }
 
 #lh-col a {
  float: center;
  color: #000000;
}

#lh-col a:hover, #header a.active {
	color: #ff0000;
	background-color: #ffffff;
}

#rh-col{
 margin: 20px 20px 20px 190px;
 border: 2px solid #000000;
 background: #ffffff;
 color: #333333;
 padding: 20px;
 position :relative;
 }
 
  #rh-col a {
  color: #000000;
}

#rh-col a:hover, #header a.active {
	color: #ffffff;
	background-color: #0033cc;
}

#footer{
margin: 20px 20px 20px 190px;
 background: #0033cc;
 color: #ffffff;
 text-align: center;
 }
 
 #footer a {
  color: #ffffff;
}
 
 /* -- Image alignment classes -- */

.imgLeft, .imgRight {
  margin: 5px;
}

.imgLeft {
  float: left;
  margin-left: 0px;
}

.imgRight {
  float: right;
  margin-right: 0px;
}