/* CSS Document */

body {margin: 0px; padding: 0px; text-align: center; font-family: verdana, arial, helvetica, sans-serif;}

table {width: 100%;}
td {vertical-align: top; padding: 0px; font-size: 12px; color: #666666;}

img {border: 0px;}

h1 {font-size: 1.4em; font-weight: normal; color: #29583F; margin-top: 0.4em; margin-bottom: 0.8em;}
h2 {font-size: 1em; font-weight: bold; color: #29583F; margin-top: 1em; margin-bottom: 0.8em;}
p, ul, ol {font-size: 1em; margin-top: 0.4em; margin-bottom: 0.8em;}

a, a:visted {color:#94B56A; text-decoration: underline;}
a:hover, a:visited:hover {color:#94B56A; text-decoration: none;}

.header {width: 775px; height: 80px; background: url(../images/banner3.jpg) right top no-repeat #FFFFFF;}
.body {width: 775px; height: 500px;}
.menu {width: 120px; background: url(../images/menuBackground.jpg) top left no-repeat #22381A;}
.content {width: 645px; background: url(../images/contentBackground.gif) top repeat-x #FFFFFF; padding: 15px;}
.sideBar {width: 200px; background: url(../images/sideBarBackground.gif) top repeat-x #E0F1D1; padding: 15px;}

.pictureFrame {text-align: center; margin: 5px 0px;}
.caption {font-size: 0.8em; text-align: right; padding-right: 5px; margin-top: 0px;}/*note: you also need to set the width of the caption in the page to be the same width as the image*/

.gallery {border: 1px solid #94B56A; height: 370px; width: 445px; margin-left: 90px;}
.gallery td {padding: 10px; vertical-align: middle;}
.paging {text-align: center; clear: both; font-size: 0.9em; padding: 5px 0px; width: 445px; margin-left: 90px;}
.previous {float: left; text-align: left;}
.next {float: right; text-align: right;}
.hidden {visibility: hidden;}