html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
body {
  background-color: #c0c876;
  background-image:url(../images/background5x25.gif);
  color: #3b1103;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  line-height: 125%;
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}
h1 {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #4c5c1e;
  font-size: 150%;
  font-weight: normal;
  line-height: 125%;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #4c5c1e;
	font-size: 125%;
	font-weight: normal;
	line-height: 125%;
	
}
a,  a:link {
  color: #912a8d;
  font-weight: bold;
  text-decoration: none;
}
a:visited {
  color: #912a8d;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #fff;
  background-color:#912a8d;
  text-decoration: none;
}

#outerWrapper {
  background-color: #fff;
  margin: 0 auto 0 auto;
  text-align: left;
  width: 840px;
}
#outerWrapper #header {
  background-color: #fff;
  height:228px;
  background-image: url("../images/logo1.jpg");
  background-repeat:no-repeat;
  background-position:center;
  padding: 20px 10px 0px 10px;
}
  
#outerWrapper #contentWrapper {
    overflow:hidden;
	padding: 0px 10px 0px 10px;
	}

#outerWrapper #contentWrapper #leftColumn {
  background-color: #fff;
  float: left;
  padding: 0px;
  width: 150px;
}


#outerWrapper #contentWrapper #content {
  background-color: #fff;
  margin: 0 0 0 150px;
  padding: 10px 10px 10px 20px;
}


#outerWrapper #footerWrapper {
    overflow: hidden;
	padding: 0px 20px 0px 20px;
	}

#outerWrapper #footerWrapper #footer {
	background-color: #fff;
	border-top: solid 1px #666;
	padding: 10px 10px 10px 0px;
	font-size: 80%;
}

/*************Image floats and borders begins here***********************/

.img_right {float:right; padding: 5px 0 10px 10px;}
.img_left {float:left; padding: 5px 10px 10px 0;}
img.img_center {margin-left:auto; margin-right:auto; display:block;}

/*************Contact info begins here***********************/
#contact {margin:200px 0 0 0; font-size:85%;}

/*************Navigation menu begins here***********************/
#menu {height:132px; width:132px; position:relative;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline;}
#menu ul ul {width:132px; position:absolute; left:-9999px; background: #c0c876;}
#menu ul#toplevel {position:absolute; left:0; top:0;}

#menu a {display:block; font:normal 12px Arial, Helvetica, sans-serif; color:#3b1103; line-height:22px; text-decoration:none;padding:0 20px 0 0px;} 
#menu li a.fly {background: url(../images/arrow.gif) no-repeat right top;}

#menu li a:hover {background-color:#c0c876; color:#fff; } 
#menu li:hover > a {background-color:#c0c876; color:#fff;}

#menu ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}
/**********Navigation menu ends here******************/

/**********Image rollover thumbnail enlarger******************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
float: left;
padding:0 10px 10px 0;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FF6;
padding: 5px;
left: -1000px;
border: 1px dashed #3b1103;
visibility: hidden;
color: #3b1103;
text-decoration: none;
text-align:center;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 250px;
left:175px; /*position where enlarged image should offset horizontally */
}

/********CSS for boxes*******/
#boxwrap {overflow:hidden;padding:0;margin:auto auto;}
#content .box {float:left; width:31%; margin:0px 12px 15px 0; display:inline;background-color:#fff;display:inline;}
#content .box p {margin-left:5px; margin-right:5px;}
#content .box h3 {margin:5px;}
#content .last {margin-right:0;}

.clearfloat {clear: both;}