/* Page layout section */
body {
 font-family: Arial, Helvetica, sans-serif;
}

p {
/* font-size: 12px; */
}

li {
/* font-size: 12px; */
}

h2 {
 text-align: center;
}

#wrapper {
 width: 770px;
 margin: 0 auto;
}

#header {
 border: 1px solid #ccc;
 margin: 5px 5px 0px 5px;
 height: 100px;
 padding: 10px;
 text-align: center;
 background-color: tan;
}

#centercolumn { /* Parent Wrapper for inside boxes */
 border: 1px solid #ccc;
 margin: 0px 0px 0px 5px;
 display: inline; /* IE Hack */
 padding: 4px;
 width: 72.1%;
 float: left;
 min-height: 300px;
 background-color: tan;
}
* html #centercolumn {height:300px} /* IE Min-Height Hack */ 

#rightcolumn {
 margin: 0 5px 0px 0px;
 padding: 4px;
 display: inline; /* IE Hack */
 width: 24%;
 float: left;
 border: 1px solid #ccc;
 background-color: #267c46;
 min-height: 300px;
}
* html #rightcolumn {height:300px} /* IE Min-Height Hack */ 

#footer {
 background-color: tan;
 margin: 0 5px 5px 5px;
 display: inline; /* IE Hack */
 padding: 4px;
 float: left;
 font-size: 12px;
 text-align: center;
 width: 72.4%;
}


.gallery { 
 text-align: center;
 margin: auto;
 } 

/* Glossy list from http://www.dynamicdrive.com/style/csslibrary/item/glossy-vertical-menu/ */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 182px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(glossyback2.gif);
}

/* General font improvements */

td {text-align: center}