/*****************
basic layout 
*****************/
body {
   text-align: left;
   background: url(../theme/bg.png) left repeat; 
   margin:1em;    
}

/* center wrapper, min max width */
div#pagewrapper {
   margin: 0 auto;       
   max-width: 1000px;   
   min-width: 860px;
	 background-color: #F7F5C2;
   color: #572200;
	 border: 0px outset #81A277;
}


/*** header ***/
div#header {
   height: 180px;    /* adjust according your image size */
   background: #F7F5C2 url(../theme/header_bg.png) right no-repeat;
   border:ridge: #000;
   border-width:0px; 
}

div#header h1 a {
   background: url(../theme/logo.png) no-repeat 0 28px; 
   display: block;
   height: 180px;
	 width:500px;            
   text-indent: -999em;  
   text-decoration:none; 
   margin:0 0 1em 2em;
}
#printbutton {
	margin:0.5em;
	color: #572200;
}

/* position for the search box */
div#search {
   float: right;
   width: 18em;    
   text-align: right;
   padding: 0em 0 0.2em 0;
   margin: 0 0.5em 0em 0;
}

div#search input {
	background: #f7f5c2;
	margin: 0 0.4em 0 0;

	
}

/* IE alert box */
#alert {
  margin: 0 0 1em 0;
  background-color: #eee;
  border: 5px solid red;
  color: red;
  font-size: 1.25em;
  font-weight: bold;
  }

#alert p {
  margin: 1em 40px;
  } 

/* datestamp styling */
div.datestamp {
  /*margin: 0 0 1em 1em;*/
  padding:1em;
	background:#9F6706;
	color:#f7f5c2;
  border: 1px solid #000;
}


/* certifications list */

ul#certifications {
	clear:both;
	list-style-type:none;
	text-align: center;
	border: 0px solid #000;
}

ul#certifications li {
	display: inline;
}
ul#certifications li img {
	margin: 0 0.2em 0 0;
}

div#footer {
   clear: both;       
   color: #fff;
   background-color: #572200; 
   border:ridge #b3a370;
   border-width:0px;
}

div#footer p {
   font-size: 0.8em;
   padding: 2.5em;      
   text-align: center; 
   margin: 0;
}

div#footer p a {
   color: #fff;
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}

/* relational links under content */
div.left49 {
  width: 49%; 
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}