body {
      background:#eeeeee;
      padding:0;
			text-align:center;
			color:#000;
      font-family:Verdana, Arial, Helvetica, sans-serif;
			} 
* {margin:0; padding:0;}

/* Main sections of the site  */		

#background {
    background: white;
		width:750px;
		}

#wrapper {                     /* control the centered layout  */		
		position: relative;
		top:0px;
		left:0px;
		margin-left:auto;
		margin-right:auto;
    width:750px;
		height:100%;
		text-align:left;
		border:0px solid black;
		  	 }

#masthead {                     /* groups banner and nav into a static unit at the top of the page  */		
    position: absolute;
		top:0px;
		left:0px;
		margin:0px;
		z-index:1;
		width:100%;
		height:7em;  /* 7 em Needs to leave enough room for banner and nav  */		
		padding:0px;
		border:0px solid red
		}				 

#breadcrumb {   
   	width:710px;
		height:20px;
		margin-top:7.8em;
		float:left;
		padding: 15px 20px 10px 20px;
		font-size:0.7em;
		line-height: 0.7em;
		background: url("page_shad.jpg");
		background-position: bottom;
		background-repeat: repeat-x;
		border-bottom:0px solid gray;
    } 
				 
#banner {                         /* position banner within masthead. Can overlap with nav  */		
    position: absolute;
		top: 0px;
    left: 0px;
		z-index:3;
	  width:100%;
		height:3em;        /* 3em */	
		padding: 0px 0px 0px 0px;
		font-size:80%;
		line-height:14px;
		background:none;
		border:0px solid red;
    } 				
	
#nav {                          /* position nav within masthead. Can overlap with banner  */		
	  position: absolute;
    top: 0px;
    left: 0px;
		z-index:2;
		height:5em;          /*   4 em  */		
		width:100%;
    padding: 0px;
		background:none;
		border:0px solid blue;
		font-family:Georgia,Serif;
		} 		
								 
#content {                     /* puts keyword rich content first in the markup, but visually below masthead using CSS  */	  
   	margin:10.65em 0px 0px 0px;
		width:100%;
		height:100%;
		float:left; /*when using floats in conjunction with positioning ensure you enter clearthis divs in the markup to ensure IE shows the floated element */	
		font-size:0.80em;
		font-style:normal; 
		line-height:1.5em;
		border:0px solid green;
		 } 		
		
#column1 {		
		width:710px;         /*  subtract the left and right padding from the total width ! */
		padding: 0px 20px 20px 20px;
		float:left;
		}			 
		
#column2 {		          /*  currently not in use */
		display:none;
		width:510px;
		padding: 0px 20px 20px 20px;
		float:left;
		background: none;
		}			
	
#bottom {		       /* groups summary and footer into a static unit below content  */	  
		width:710px;    /* subtract the left and right padding from the total width ! */
		padding: 2px 20px 2px 20px;
		font-size:60%;
		color:gray;
		text-align:center;
		line-height:1.2em;
		background:#DAE0D2 url("bg.gif") repeat-x bottom;
		}
				 
#summary {      
    width:710px;       
		} 				 
			 
#footer {
		width:100%;
		}					 

/* Clearing  */				 
				 
.clearthis {clear:both; height:0; line-height:0;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility:hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;} 				 
    
/* Header Navigation  - sits within  #nav */				
		
    #header {
      width: 100%;
			float:left;
      background:#DAE0D2 url("bg.gif") repeat-x bottom;
      font-size:0.7em;     /* 0.9em determines the font-size of the navbar relative to all other font */	
      line-height:normal;
			border:0px solid blue;
      }
			
    #header ul {
      margin:0;
			padding-top:5em; /* use padding to determine the height of the faded background  */	
			padding-bottom:1em;
			padding-left: 20px;	/* places the start of the navigation tabs where you want them  */	
      list-style:none;
      }
    #header li {
      float:left;
      background:url("left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
			}
			
    #header a {
      float:left;
      display:block;
      background:url("right.gif") no-repeat right top;
			padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
			color:#765;
			text-align:center;
      }
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    #header a:hover {
      color:#333;
      }
    #header #current {
      background-image:url("left_on.gif");
      border-width:0;
      }
    #header #current a {
      background-image:url("right_on.gif");
      color:#333;
      padding-bottom:5px;
			}

/* general formatting  */					
		
a, a:visited {
    color:black;
		}

a:hover {
    color:#660000;
		}		
		
h1 {
	  color:#660000;
		padding: 20px 0 10px 0px;
		font-size:1.2em;
		font-style:normal; 
		line-height:1.5em;
		border:0px solid green;
		}
		
h2 {
	 	color:#660000;
		padding: 10px 0 10px 0px;
		font-size:1.1em;
		font-style:normal; 
		line-height:1.5em;
		border:0px solid green;
		}	

.logo	{
    position: absolute;
    top: 20px;
    left: 20px;
		z-index:3;
		border:0px;
		
		}
		
.label {
    float:left;
	  width:35%;
	  margin:10px 0 0 0;
		}
	 
.field {
    float:right;
	  width:60%;
	  margin:10px 0 0 0;
	  }	 		

.submitbutton {
    margin:20px 0 0 0;
		}		

.left_paragraph {
    width:130px;
		margin-right:28px;
		float:left;
		border:0px solid green;
		}

.right_paragraph {
   	float:right;
		padding:0 0 8px 0px;
		width:552px;
		border:0px solid blue;
		}				
		
p {
    margin:1em 0;
	  }

.strong {
    font-weight:bold;
	  }

.small {
   font-size:0.8em;
	 }
	 	
.italics {
    font-style:italic;
	  }
	
.red {
    color:red;
  	}				 
	
.green {
    color:green;
	  }				
	
.amber {
    color:orange;
	  }			

.center {
    text-align:center;
		}
	
.line {
    border-bottom:1px dotted #660000;
    }

.stars {
    margin-left:28px;
		width:54px;
		}

	
/* specific content elements  */		
		
#breadcrumb p {
    margin:0px;
		}   		

#intro {
 		border:0px solid red;
		}		

.bookbox {
 		width:200px;
		border:0px solid green;
		float:left;
		text-align:center;
		padding:0 15px;
		}				
		
.box_image {
    margin-left:auto;
		margin-right:auto;
		}		
		
.adminlist {
    margin: 0 0 20px 20px;
		}		
		
/* announce box  */	
#announce {
    position:relative;
		border:0px solid black;
		background:#DAE0D2;
		margin:1em 0 10px 10px;
		padding: 5px 10px 5px 10px;
		width: 200px;
		float:right;
		}
.announce_title {
    font-weight:bold;
		color:#660000;
		font-size:1.2em;
		padding:0;
		margin:0;
		text-align:center;
		}
.announce_item {
	  background:white;
		padding:5px 10px;
		margin:5px 0px;
		height:100%;
		}
.announce_left {
   float:left;
	 width:70px;
	 }		
.announce_right {
   float:right;
	 width:105px;
	 }									

.announce_img {
    border:none;
		width:55px;
		margin:5px;
		}		
		
.announce_stars {
    margin-left:4px;
		}		
		
/* drop shadows for images thanks to http://www.ploughdeep.com/onionskin/gallery.html */			
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
		float:left;
	  background:url("dropshadow.gif") right bottom no-repeat;
		}
.wrap2 {
    background:url("corner_bl.gif") -12px 100% no-repeat;
		}
.wrap3 {
	  padding:0 9px 9px 0;
	  background:url("corner_tr.gif") 100% -12px no-repeat;
		}
.wrap3 img {
	  display:block;
	  border:1px solid #ccc;
	  border-color:#efefef #ccc #ccc #efefef;
		}