html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#736F6E;
} 

#pagewidth{ 
 width:870px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:450px; 
 background: url('images/header.jpg');
 width:100%;
} 

.menu {display:inline-block;}
.menu {display:inline;}
.holder {display:table;}
 
.menu {
  display:table-row;
  padding:0;
  margin:0;
  list-style-type:none;
  white-space:nowrap; 
  }
.menu li {display:inline;}
.menu a, .menu a:visited {
  display:block;
  float:left;
  padding:4px 17.5px;
  font-family:verdana;
  font-size:10pt;
  font-weight:bold;
  color:#FFF; 
  background:url('images/menubg button.jpg'); 
  background-repeat:no-repeat;
  border:0px solid #fff; 
  text-decoration:none;
  }
.menu a:hover {
  color:#fff; 
  background:#00AEED;
  }
 
#menuwrapper {text-align:center;background: url('images/menubg.jpg');}
#menuwrapper .holder {margin:0 auto;}

#twocols{
  background: url('images/bodybg.jpg');
  background-repeat:repeat-y;
  padding-left:35px;
  padding-right:35px;
}
 
#maincol{ 
 float: left; 
 display:inline; 
 position: relative; 
 width:95%; 
 padding-top:10px;
 padding-left:20px;
 }

#banner {
position:absolute;
right:0px;
top:5px;
width:210px; height:44px;
z-index:1;
}

#notice {
 margin:15px 0 10px 0;
 float:left;
 width:742px;
 padding:5px;
 text-align:justify;
 border-width:1px;
 border-color:#b80303;
 border-style:solid;
 background:#b80303;
 }

#notice p {
 margin:0; 
 padding:0 0 10px 0;
}
 
#notice h1 {
 font-family:verdana;
 font-size:10pt;
 font-weight:bold;
 color:#ffff00; 
 line-height:100%;
 }

#notice_img {
position:relative;
float:right;
right:-5px;
top:-13px;
width:60px; height:60px;
z-index:1;
}
 
#notice_content {
 font-family:verdana;
 font-size:10pt;
 font-weight:normal;
 color:#fff; 
 line-height:120%;
 margin:0;
 padding:0;
 text-align:left;
 }
 
#footer{
 height:50px; 
 padding-left:0px;
 clear:both;
 background: url('images/footerbg.jpg');
 background-repeat:no-repeat;
 } 

#footer_redir{ 
 float: right;
 padding-top:30px;
 padding-right:60px;
 font-family:verdana;
 color:#808080;
 font-size:8pt;
 }

#footer_admin{ 
 float: left;
 padding-top:30px;
 padding-left:60px;
 font-family:verdana;
 color:#3E3939;
 font-size:8pt;
 }

.body{
 font-family:verdana;
 color:#3E3939;
 font-size:10pt;
}

h1{
  font-family:verdana;
  color:#3E3939;
  font-size:12pt;
  font-weight:bold;
}

h2{
  font-family:verdana;
  color:#3E3939;
  font-size:10pt;
  font-weight:bold;
}

#small_font{
  font-family:verdana;
  font-size:7pt;
}

#ullist {
  border: 1px solid #FFF;
  margin-top: 1em;
  width: 25em;
  padding: 5px;
}

.picture_port{border:0px;padding:0px 20px 10px 20px;}
.picture_land{border:0px;padding:0px 14px 10px 14px;}

/*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

/* development from here - move production components up */
/* Is #rightcol redundant - doesn't seem to be used???
#rightcol{
 float: right; 
 display:inline; 
 position: relative; 
 width:25%; 
 }
*/