BODY, P, DIV, td, th, BLOCKQUOTE, DL, UL, OL { 
 font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; 
 font-size: 90%;
 text-align: top, center; 
 color:#000000; 
 vertical-align:text-top;
}

.wrapper{    /* remove this to have the page load at full width */    width: 780px;}

#top {
margin: 0;
padding: 0;
background: #ffffff;
height: 220px;
}

#main{
background: #fff;
margin-top: 0 px;
margin-left: 175px;
margin-right: 20px;
}

#menu {
	position: absolute;
	left: 10px;
	top: 250px;
	width: 130px;
}

#footer {
margin-top: 5px;
margin-left: 165px;
margin-right: 10px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 75%;
text-align: center;
padding: 0.1em;
background:  #e4e4e4;
height: 3em;
border: 0px none;
}

.page_title{
margin-top: -60px;
margin-left: 200px;
width: 500px;
font-family: Times New Roman, times, Serif; 
font-size: 40px; 
font-weight: 700;
text-align: center;
}

.motto{
margin-top: -20px;
margin-left: 200px;
width: 500px;
font-size: 14px;
font-style: italic;
text-align: center;
}

h1 {
	font-size: 170%;
	font-weight: bold; 
}

h2 {
	font-size: 150%;
	font-weight: bold; 
}

h3 {
	font-family: "Times New Roman", time, serif ; 
	font-style: italic;
	font-size: 125%;
	font-weight: bold; 
}

h4 {
	font-size: 100%;
	font-weight: bold;
}

h5 {
font-size: 75%;
font-style: bold;
}

.highlight {
    background: #FFEEFF;
    padding: 0.4em, 0.9em;
    border: 1px solid #FF99FF;
    width: 500px;
    margin: 2%, 10%;
}


.button {
	font-size: 11pt;
	vertical-align: text-center;
	text-align: left;
	color: #000000;
	height: 23px; width:120;
}
/*format the area that holds the book title page*/
.sideBox {
 background: #fcf;
 background-image: url('img/book.gif');
 background-position: bottom center;
 background-repeat: no-repeat;
 border: 2px solid black;
 height: 360px;
 width: 240px:
 text-align: top, center; 
 color:#000000; 
 vertical-align:text-top;
	PADDING: 0.5em; 
	FLOAT: right; 
	MARGIN: 10px 0px 5px 5px; 
}

.book_title{ 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 11px;
 font-style: bold;
 vertical-align: text-top;
 border-bottom: 2px solid black;
}

h1.book_sub1{ 
 font-family: Cornerstone, Dallak Helv, Lucida Sans Unicode, sans-serif; 
 font-size: 11px;
 font-style: bold;
 vertical-align: text-top;
 margin-top: -10px;
}

h1.book_sub2{ 
 font-family: Chaucer, Comic Sans MS, Lucida Sans, fantasy; 
 font-size: 16px;
 font-style: italic;
 vertical-align: text-top; 
 margin-top: -10px;
}

.visitBox {
	MARGIN: 30px, 5px,0,5px; 
    border: 1px solid #33CC00;
	font-size: 11px; 
	PADDING: 0.4em; 
    background: #CCFFCC;
	width: 100px;
	background-image: url('img/gard_logo.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	text-align: bottom, center; 
	color:#000000; 
	vertical-align:text-top;
}

A:link {
	text-decoration: none; 
	color: #663366; 
	font-weight: bold; 
	font-family: arial,helvetica,sans-serif;
}

A:visited {
	text-decoration: none; 
	color: #339900;
	font-weight: bold; 
	font-family: arial,helvetica,sans-serif;
}

A:hover, A:active {
	text-decoration: none; 
	color: #ffff33;
	font-weight: bold; 
	font-family: arial,helvetica,sans-serif;
}