@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; background: url(imgs/top-bg.gif) top left;}
p, table, th, td, tr, h1, h2, h3, ul, ol, li, div, span, form, img {margin:0; padding:0; border-spacing:0;}

table, tr, td {vertical-align: top;}

.wrappertable {width: 100%;}
.wrappertable .skip {width: 50%;}
.wrappertable .center {width: 927px;}

.header .center {padding-bottom: 10px;}
.header .left {background: url(imgs/top-shadow-left.png) bottom left no-repeat; padding-left: 11px; margin-left: 3px;}
.header .right {background: url(imgs/top-shadow-right.png) bottom right no-repeat; padding-right: 11px; margin-right: 2px;}
.header .top {background: url(imgs/header.jpg) top left no-repeat; width: 695px; height: 94px; position: relative; padding: 40px 0 0 210px;}
.header a .top {cursor: pointer;text-decoration: none;}

.header .menu {background: url(imgs/menu-bg.jpg) top left; position: relative; height: 22px; width: 905px; z-index: 10;}
.header .menu .item {font-size: 14px; float: left; height: 22px; padding: 0 14px; display: block;}
.header .menu .item a { text-decoration: none; color: #036; display: block;  white-space:nowrap;}
.header .menu .item:hover {background: url(imgs/menu-active-bg.jpg) top left repeat-x; display: block; }
.header .menu .item:hover a {color: #fff; display: block; }
.header .menu .submenu {visibility: hidden; position: absolute; top: 0; left: 0; text-align: left; background: url(imgs/menu-bg.jpg) top left;}
.header .menu .item:hover .submenu a {font-size: 14px; text-decoration: none; display: block; height: 22px; padding: 0 14px; color: #036; white-space:nowrap;}
.header .menu .item:hover .submenu a:hover {display: block; color: #fff; height: 22px; padding: 0 14px; background: url(imgs/menu-active-bg.jpg) top left;}

.header h2 {color: #dd3e0e; font-size: 18px; font-weight: normal;}
.header h1 {color: #fff; font-size: 24px; font-weight: normal;}

.middle {background: url(imgs/middle-bg.gif) top left;}
.middle .center {padding: 10px 0;}
.middle .left {background: url(imgs/shadow-left.png) bottom left no-repeat; padding-left: 13px;}
.middle .right {background: url(imgs/shadow-right.png) bottom right no-repeat; padding-right: 13px;}
.middle .pic {position: relative; border: 5px #fff solid; width: 896px; height: 274px;}
.middle .pic .info {text-align: right; font-style: italic; font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size: 20px;  position: absolute; bottom: -4px; left: -5px; width: 884px; border: 1px #fff solid; background-color: #f90; color: #fff; padding: 5px 10px;}
.middle .pic #opacityPic1 {position: absolute; left: 0; top: 0; display: none; width: 896px; height: 274px; background: url(/1.jpg) top left no-repeat;}
.middle .pic #opacityPic2 {position: absolute; left: 0; top: 0; display: none; width: 896px; height: 274px; background: url(/2.jpg) top left no-repeat;}
.middle .pic #opacityPic3 {position: absolute; left: 0; top: 0; display: none; width: 896px; height: 274px; background: url(/3.jpg) top left no-repeat;}

.buttons .center {padding: 10px 0;}
.buttons .left {background: url(imgs/shadow-left.png) bottom left no-repeat; padding-left: 13px;}
.buttons .right {background: url(imgs/shadow-right.png) bottom right no-repeat; padding-right: 13px;}
.buttons .pic {position: relative; border: 5px #fff solid; background: url(imgs/green-bg.gif) top left; padding: 15px 25px; color: #fff; font-size: 16px;}
.buttons a {cursor: pointer;}

.buttons table {width: 100%;}
.buttons td.skipit {width: 25%; height: 25px;}
.buttons .photo1 {background: url(imgs/photogallery-top.jpg) top left no-repeat; width: 139px; height: 139px;}
.buttons .photo2 {background: url(imgs/photogallery-bottom.png) top left no-repeat; width: 139px; height: 24px;}
.buttons .map1 {background: url(imgs/map-top.jpg) top left no-repeat; width: 145px; height: 139px;}
.buttons .map2 {background: url(imgs/map-bottom.png) top left no-repeat; width: 145px; height: 24px;}
.buttons .question1 {background: url(imgs/forum.png) top left no-repeat; width: 140px; height: 140px;}
/* .buttons .question2 {background: url(imgs/ask-bottom.png) top left no-repeat; width: 137px; height: 24px;} */
.buttons .journal1 {background: url(imgs/journal-top.jpg) top left no-repeat; width: 135px; height: 139px;}
.buttons .journal2 {background: url(imgs/journal-bottom.png) top left no-repeat; width: 135px; height: 24px;}

.content .center {padding-bottom: 10px;}
.content .left {background: url(imgs/shadow-left.png) bottom left no-repeat; padding-left: 13px;}
.content .right {background: url(imgs/shadow-right.png) bottom right no-repeat; padding-right: 13px;}
.content .pic {border: 5px #393 solid; position: relative; background-color: #b9dbb6; padding: 15px; 25px; color: #333;}

.content a {color: #0e295e;}
.content a:hover {color: #c00;}

.content h1 {color: #0e295e; font-size: 18px; margin-bottom: 10px; font-weight: normal;}
.content h2 {color: #0e295e; font-size: 16px; margin-bottom: 10px; font-weight: normal;}
.content h3 {color: #0e295e; font-size: 14px; margin-bottom: 10px; font-weight: normal;}

.content p {margin-bottom: 18px;}
.content img {border: 2px #393 solid; padding: 4px;}

.content ul, .content ol {margin-left: 18px; margin-bottom: 18px;}
.content ul li p, .content ol li p {margin:0; padding:0}
.content ul li, .content ol li {padding-bottom: 9px;}

.content ul li {list-style: none; background: url(/imgs/list-green.gif) 0 4px no-repeat; padding-left: 12px}


.content table {border-collapse: collapse;} 
.content table td {padding: 7px; border: 1px #87c26e solid;}
.content table thead {background: #e5fed4; font-weight: bold; color: #123306;} 



.content form {margin-bottom: 10px;}
.content input {border: 1px #67a95f solid;}
.content .searchsubmit {background: #fff url(imgs/form-bg.gif) bottom left repeat-x;}
.content input.searchtext {width: 300px;}


.newsitem {clear: both; margin-bottom: 12px}
.newsitem img {float: left; padding: 3px; border: 2px #fff solid; margin: 0 12px 12px 0;}
.archive {text-align: right; clear: both;}

table.extra {width: 100%;}
table.extra td {width: 50%;}

.listmark {background: url(imgs/listmark.gif) 0 5px no-repeat; padding-left: 20px;}

.footer {background: url(imgs/middle-bg.gif) top left;}
.footer .center {padding: 10px 0 10px 25px; color: #fff;}

#ditto_pages {clear:both; padding-left: 18px; margin-top: 18px; font-size: 1em}
#ditto_pages a {padding:0.3em; font-weight: bold;}
#ditto_pages a:hover {color: #f33}
#ditto_pages .ditto_currentpage {padding:0.1em 0.3em; background-color:#393; color:#fff; text-decoration: none;}