html{padding:15px 0; background: url(../images/page-bg.jpg) fixed;}
body {color: #4f6b72; font-family:Verdana, Arial, sans-serif;}
div#bd{background: #FFFAF0;}
a{color:#186986}
div#doc2, div#doc1, div#doc3{background-color: white;}
div.box{background: url(../images/bg.jpg) no-repeat top left; width: 240px; margin: 10px 0; padding-top:5px;}
div.box img{margin: 0 5px;}
h3{margin: 10px 10px 10px 10px; background: url(../images/heading_bg.jpg) no-repeat; line-height: 30px; padding: 0 25px; color: #e2e7e7; font-weight: bold;}
div.box ul{padding: 5px 0 5px 15px; background: url(../images/bg.jpg) no-repeat bottom;}
div.bottom{background: url(../images/bg.jpg) no-repeat bottom; height: 8px;}
ul li{margin-left:15px; padding-bottom: 5px; line-height: 100%; list-style-image: url(../images/bullet.jpg);}
li a{color: #186986; text-decoration: none;}
li a:hover{text-decoration: underline;}
.pics {padding: 0px; margin:0 15px; background: #e2e7e7;}
.pics img {margin:15px; padding: 5px; border: 1px solid #ccc; background-color: #fff; width: 80px; height: 80px; top: 0; left: 0;}
#sidebar{margin-right: 10px;}
.item h4, #content h4{color: #145871; font: bold 20px arial,sans-serif; margin: 15px 0 3px 0;}
h4 a{text-decoration: none;}
h4 a:hover{text-decoration: underline;}
div.item_header{font:bold 10px/24px arial,sans-serif; background-color: #145871; color:#fff;}
.item_date{padding-left: 27px; background: url(../images/DateIcon.jpg) 5px no-repeat;}
.item_author{margin-left:10px; padding-left: 25px; background: url(../images/AuthorIcon.png) 5px no-repeat;}
.item_author a{color: #fff;}
#main{margin: 0px 10px;}
div.item{margin-bottom: 25px;}
div.item p{margin: 10px 0;}
div#intro{float:left; padding:10px 10px 0 0;}
.left{float: left;}
.right{float: right;}
.clear{clear:both;}
#hd{height:97px; background: url(../images/header_bg.jpg);}
.topmenu{position:absolute; margin:72px 0px 0 370px;}
.topmenu a{color: #a52a2a; font: bold 16px arial,sans-serif; margin: 0 15px; text-decoration: none;}
.topmenu a:hover, #home .home, #events .events, #photos .photos, #contacts .contacts{text-decoration:underline; color: maroon;}
#photos	a.image{width: 150px; height: 150px; margin: 11px; background-image: url(../images/slide_bg.jpg); float: left; text-align: center;}
#photos img{position: relative; border: 1px solid #a6a6a6; margin-top: 50%; top:-40%; margin-right: 3px;}
div#ft{color: #696969; height:60px; padding:0px 10px; clear:both; _width:100%; margin-top: 20px; _margin-bottom: 15px;  background-color: #eee8aa; border-top: 1px solid silver;  line-height: 60px;  _font-size: 12px;  }
div#ft a{text-decoration:none; color: #696969;}
div#ft a:hover{text-decoration:underline;}
div.top20{margin-top:20px;}
span.left10{position:relative; left:10px;}

/* Nyromodal */
div#nyroModalFull {font-size: 12px; color: #777; font-family: Verdana;}
div#nyroModalFull div#nyroModalLoading {border: 4px solid #777; width: 150px; height: 150px; text-indent: -9999em; background: #fff url(../images/ajaxLoader.gif) no-repeat; background-position: center;}
div#nyroModalFull div#nyroModalLoading.error {border: 4px solid #f66; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff;}
div#nyroModalFull div#nyroModalWrapper {background: #fff; border: 4px solid #777;}
div#nyroModalFull div#nyroModalWrapper a#closeBut {position: absolute; display: block; top: -13px; right: -13px; width: 12px; height: 12px; text-indent: -9999em; background: url(../images/close.gif) no-repeat; outline: 0;}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {margin: 0; padding: 0; position: absolute; top: -22px; left: 5px; font-size: 12px; color: #ddd;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {padding: 5px;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent { position: relative; overflow: hidden; text-align: center;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {vertical-align: baseline;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {position: absolute; bottom: 0; left: 0; background: black; padding: 10px; margin: 10px; border: 1px white dotted; overflow: hidden; opacity: 0.2; filter: alpha(opacity=20);}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5; filter: alpha(opacity=50); cursor: help;}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {z-index: 105; outline: none; position: absolute; top: 0; height: 100%; width: 40%; cursor: pointer; text-indent: -9999em; background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {height: 60%; width: 20%;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {left: 0;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {background: url(../images/prev.gif) left 20% no-repeat;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {right: 0;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {background: url(../images/next.gif) right 20% no-repeat;}

/* Draws */
body#draw {color: #4f6b72; background: #E6EAE9; font: 12px Verdana, Arial, sans-serif;}
h4.draw {text-align: center; font: bold 14px arial, sans-serif; margin-top:20px;}
h5.draw{margin: 20px 15px;}
table.draw {border-left: 1px solid #C1DAD7; width: 720px; padding: 0; margin: 30px auto 0 auto;}
table.draw caption {padding-left:6px; font: italic 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: left;}
table.draw th {font: bold 11px Verdana, Arial, sans-serif; color: #4f6b72; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; letter-spacing: 2px; text-align: left; padding: 6px; background: #CAE8EA url(../images/bg_header.jpg) no-repeat;}
table.draw td {border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 6px; color: #4f6b72;}
table.draw tr.alt td{background: #F5FAFA; color: #797268;}