html{ 
 margin:0; 
 padding:0; 
 background-color: #3b3b3b;
 text-align: center;
 font-family: arial, verdana,helvetica, sans-serif;
 background-image: url("images/bg-gradient.jpg");
 background-repeat: repeat-x;
 width: 100%;
} 

body{ 
 margin:0; 
 padding:0; 
 text-align: center;
 background-image: url("images/full.jpg");
 background-repeat: no-repeat;
 background-position: top center;
} 

html {
 min-height:100%;
 margin-bottom:1px;
}

h1
   { clear: both; 
     font-family: verdana, arial, helvetica, sans-serif;
     font-size: 150%;
     text-align: left;
     color: #000000;}
   
h2 
   { clear: both; 
     font-family: verdana, arial, helvetica, sans-serif;
     font-size: 130%;
     text-align: left;
     color: #000000;}
     
h3 
   { clear: both; 
     font-family: verdana, arial, helvetica, sans-serif;
     font-size: 110%;
     text-align: left;
     color: #000000;}
     
#pagewrapper{ 
 width:720px; 
 min-width: 500px; 
 margin-right:auto; 
 margin-left:auto;  
 background-image: url("images/background-3col.jpg");
 background-repeat: repeat-y; 
 background-position: top right;
}

#pagewidth{ 
 width:720px; 
 min-width: 500px; 
 margin-right:auto; 
 margin-left:auto;  
 background-image: url("images/background.jpg");
 background-repeat: no-repeat; 
 background-position: top right;
} 
 
#pagewidth img {border:3px solid white;}

 
#header{ 
 margin: 0px;
 padding: 0px;
 height:180px; 
 width:100%; 
 text-align: right;
 background-image: url("images/banner.jpg");
 background-repeat: no-repeat;
 background-color: #9b9b9b;
 } 
 
#leftcol{
 font-family: verdana, arial, helvetica, sans-serif;
 width:208px; 
 float:left; 
 text-align: left;
 position:relative; 
 padding: 0px 0px 30px 0px;
 }


#leftcol a:link { 
 color: #ffffff;               
 text-decoration: none;
 font-weight: bolder; 
}
     
#leftcol a:visited { 
 color: #ffffff;               
 text-decoration: none;
 font-weight: bolder; 
}

#leftcol a:active { 
 color: #ffffff;                
 text-decoration: none;
 font-weight: bolder; 
} 

#leftcol a:hover{ 
 color: #000000;                
 text-decoration: none;
 font-weight: bolder; 
}  
 
#footer{
 height:120px; 
 width:100%; 
 color:#ffffff; 
} 
 
#footer a:link 
   { color: #ffffff;               
	text-decoration: none;
	font-weight: bolder; }
     
#footer a:visited 
   { color: #ffffff;               
	text-decoration: none;
	font-weight: bolder; }

#footer a:active
   { color: #ffffff;                
	text-decoration: none;
 	font-weight: bolder; } 

#footer a:hover
   { color: #c9c6c3;                
	text-decoration: none;
 	font-weight: bolder; } 
 
 
#maincol-top-border{ 
 float: right; 
 text-align: justify;
 width: 512px; 
 height: 25px;
 position: relative; 
 background-color: #fa0001;
 background-image: url("images/maincol-top-border.jpg");
 background-repeat: repeat-y;
 }

.subhdr 
   { clear: both; 
     font-family: verdana, arial, helvetica, sans-serif;
     font-size: 130%;
     font-weight: bold;
     text-align: left;
     color: #000000;} 
 
#maincol{ 
 float: left; 
 text-align: justify;
 width: 512px; 
 position: relative; 

 }
 
 
.clr{clear:both;}
 
.content{padding:5px 15px 0px 20px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
}

.imgright{
 float: right;
}
.imgleft{
 float: left;
}

.red-button {
  float: left; 
  margin-left: 35px;
  text-align: right;
  background-color: #fe0000;
  background-image: url("images/red-button-bg.jpg");
  background-repeat: repeat-y;
  background-position: right;
  color: #ffffff;
  z-index: 9;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  font-size: 90%;
  width: 145px;
  padding: 10px 0px;
  vertical-align: middle;
}



.blue-button {
  position: relative;
  margin-top: 20px;
  float: right; 
  text-align: right;
  background-color: #5a86b5;
  background-image: url("images/blue-button-bg.jpg");
  background-repeat: repeat-y;
  background-position: right;
  color: #ffffff;
  z-index: 10;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  font-size: 90%;
  width: 170px;
  padding: 10px 0px;
  vertical-align: middle;
}