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

/*********************************
Eric Meyer's CSS reset
*********************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; text-align:left; min-width:910px;/* for mozilla*/ background-color: #fff; height:100%;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*****************************
End CSS reset
****************************/

/* commented backslash hides from ie5mac \*/  
html{ height:100%; margin:0; padding:0 }  /* end hack */  
html,body {background-color: #ff0000; font-family: Arial, Helvetica, sans-serif; color:#000000;} 

p {line-height: 1.45em; margin-bottom: 1.5em; font-size: 0.9em; color: #000;}
h1 {font-size: 1.75em; margin-bottom: 0.5em;}
h2 {color: #fff; padding: 3px; font-size: 1.1em; font-weight: bold; background-color: #000; clear: both;}
h3, h3 a {font-size: 1.25em; color:#333; margin: 0.3em 0 0.5em; line-height: 1.25em;}
a {font-size: 1em; color: #ff0000; text-decoration: none;}
a:hover {color: #f00; text-decoration: underline;}
ul { list-style: outside disc; margin: 0 0 1.5em 1.5em;}
ol {}
li {line-height: 1.45em; font-size: 0.9em;}

.clr {clear: both;}
.strong {font-weight: bold;}
.description {font-size: 0.9em;}

#wrapper {width: 956px; margin: 10px auto; padding: 2px; border: 1px solid #fff;}
#header {width: 956px; height: 155px; background: #ff0000 url(../images/websitebanner.jpg) top left no-repeat;}
#body_wrapper {width: 956px; margin-top: 10px;}
#main_content {width:790px; float: right; margin-bottom: 3px;}
#content {width:495px; float: left; background-color: #fff; padding: 10px; min-height: 460px;}
#content_inner {width:770px; float: left; background-color: #fff; padding: 10px; min-height: 460px;}
#side_image {width: 275px; float: right; clear: right;}
#calendar {width: 250px; float: right; padding: 12px; clear: right; background-color: #fff; margin-top: 10px;}
#footer {clear: both; background-color: #fff; padding: 3px 8px; font-size: 0.9em;}

#content img, #content_inner p img {float: right; margin: 10px 0 10px 10px; clear: right;}
img.left, #content_inner p img.left {float: left; margin: 10px; padding: 10px; border: 1px solid #f00;}

/******* Top menu ************/
#top_menu {background-color: #fff; width: 956px; height: 22px; padding: 6px 0;}
#top_menu ul {display: inline; list-style: none; margin: 0;}
#top_menu li {float: right; padding: 3px 6px; border-left: 1px solid #000;}
#top_menu a {color: #000; text-decoration: none; padding: 3px 6px; font-size: 1.05em; }
#top_menu a:hover {background-color: #ff0000; color: #fff;}
#top_menu a.active {}

/******* Side menu ***********/
#side_menu {float: left; width: 160px; margin-bottom: 12px;}
#side_menu h2 {width: 100%;}
#side_menu ul {margin: 0 0 12px 0; list-style: none;}
#side_menu li {padding: 3px;}
#side_menu a {color: #fff; text-decoration: none; display: block; padding: 6px; font-size: 1.2em;}
#side_menu li.active {}
#side_menu li:hover a {background-color: #fff; color: #000;}

/****** News styling **********/
.ditto_info {margin: 0 0 1.5em; font-style:italic; color:#999;}
.hr {clear: both; height: 2px; background-color: #f00;}

/****** Contact form *********/

#EmailForm {width: 360px; text-align: left; padding-bottom: 20px; border: none;}
#EmailForm.full { width: 100%; }
#EmailForm fieldset {border: none;}
#EmailForm legend {display: none;}
#EmailForm h3 {clear: both;	padding: 15px 0 5px; font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #000; font-weight: bold;}
#EmailForm label, #EmailForm p {display: block; clear: both; width: 310px; font-size: 1em; line-height: 1.5em; padding: 0 0 9px;}
#EmailForm input { display: block; margin-top: 3px;}
#EmailForm select {float: left; display: block;}
#EmailForm label.first, #EmailForm label.city {clear: left; margin-right: 10px; width: 150px;}
#EmailForm label.second, #EmailForm label.state {float: left; clear: none; margin: 0 10px 0 0; width: 150px;}
#EmailForm label.state { width: 60px; }
#EmailForm label.first input, #EmailForm label.city input, #EmailForm label.second input {float: left; width: 150px; padding: 0;}
#EmailForm label.state select {width: 60px; float: left; margin-top: 3px;}
#EmailForm label.zip, #EmailForm label.zip input {float: left; width: 80px;}
#EmailForm label.zip { clear: none; }
#EmailForm label {float: left; clear: left; width: 310px; margin: 0; line-height: 1.5em;}
#EmailForm label input {float: left; width: 310px; padding: 0;}
#EmailForm input.radio, #EmailForm input#radiobutton_1, #EmailForm input#radiobutton_2, #EmailForm input#radiobutton_3, #EmailForm input#radiobutton_4 {clear: left; float: left;
	padding: 0; margin: 0;}
#EmailForm label.radio, #EmailForm label.radioitem {clear: none; margin: 0 0 0 25px; padding: 0 0 15px;}
#EmailForm input.checkbox, #EmailForm input#checkbox_1, #EmailForm input#checkbox_2, #EmailForm input#checkbox_3, #EmailForm input#checkbox_4 {clear: both; float: left; padding: 0;
	margin: 0;}
#EmailForm label.checkbox {clear: none; margin: 0 0 0 25px; padding: 0 0 15px;}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input, #EmailForm textarea, #EmailForm select {border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; padding: 0 2px; height: 18px; line-height: 20px; background: #fff url(images/input-bg.gif) repeat-x top left;}
#EmailForm input.checkbox, #EmailForm select {border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; background-color: #fff;}
#EmailForm textarea {margin-top: 3px; width: 383px; height: auto; display: block;}
#EmailForm label input.calc {text-align: right; width: 100px; clear: left; padding: 0;}
#EmailForm input.button {clear: left; border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; background-color: #EBE9ED;}
/****** Login forms **********/

/*****************New User registration form *****************/
#wlpeNewUser {}
fieldset#wlpeUserRegisterInput {width: 320px;}
fieldset#wlpeUserRegisterInput label {float: left; display: block; width: 150px; margin-bottom: 10px; font-size: 12px;}
fieldset#wlpeUserRegisterInput input, fieldset#wlpeUserRegisterInput select {float: left; display: block; clear: right; width: 160px; margin-bottom: 12px;}

fieldset#captcha-tos {width: 550px;}
fieldset#captcha-tos label, fieldset#captcha-tos input {float: left; display: block; width: 150px; margin-bottom: 10px; font-size: 12px;}
fieldset#captcha-tos input {clear: right; width: 160px;}
#wlpeNewUserInfo {}
p#wlpeRegisterInfo {}
.info {}
.required {}
legend {margin: 5px 0;}
#wlpeTermsOfService ol { list-style: decimal outside;}
#wlpeTermsOfService li {margin: 5px 0 5px 10px;}
p#wlpeTermsOfServiceLabel {margin-top: 15px; clear: both;}

fieldset#wlpeUserRegisterButtons {}

/**************Sidebar login*********************/

#wlpeLogin h2 {font-size: 1.1em; margin: 0; padding: 0;}
#wlpeLogin {border: 1px solid #fff; padding: 3px 10px; background-color: #ff0000; margin-top: 6px;}
#wlpeLogin label {display: inline; font-size: 0.95em; padding:  3px 0; margin:;}
#wlpeLogin input {width: 135px; font-size: 0.95em; padding: 2px;}
#wlpeLogin select {font-size: 0.95em;}
#wlpeLoginFieldset {padding: 1px;}
#wlpeLogin p.wlpeMessageText {color: #ffffff;}
#wlpeLogin p {margin: 0 0 1.5em;}
.wlpeMessage p {color: #ffffff;}
#wlpeLogin button {background-color: #ff0000; color: #fff; border: 1px dotted #fff; padding: 1px; margin-bottom: 2px;}

/**************Registration form *****************

#content fieldset #wlpeTermsOfService {height: 200px; font-size: 90%; overflow: auto; border:1px solid #ff5c11; padding: 10px; margin: 12px 0 6px 0px;}
#wlpeUserRegisterButtons,#wlpeRegisterButtonFieldset,#wlpeUserProfileButtons,#wlpeProfileDeleteButtonsFieldset {padding:10px 0; margin-bottom: 20px;}
#wlpeRegisterFieldset {padding: 10px 0;}
#wlpeRegisterFieldset p {line-height: 0px;}
#wlpeUserRegisterButtons button, #wlpeRegisterButtonFieldset button, #wlpeUserProfileButtons button, #wlpeProfileDeleteButtonsFieldset button {margin: 0 -12px 0 20px;}
#wlpeSaveRegisterButton, #wlpeSaveProfileButton {margin-left: 20px;}
#wlpeProfileDeleteWarning {margin: 0; padding: 6px 12px; color: red;}
#wlpeUserDefaultImage, #wlpeCaptchaImage {margin-left: 20px;}
#wlpeUserRegisterInput #wlpeTosCheckbox {width: auto;}
div.wlpeMessage {border: 2px solid red; background: #333; text-align: center; font-size: 11pt; margin-bottom: 5px; color: #fff;}
#wlpeUserInfo {color: #fff;}

/********************
WLPE Registration page
********************/
#wlpeNewUser {margin-bottom: 30px; border-top: 1px dotted #2c2c2c; border-bottom: 1px dotted #2c2c2c; padding: 10px 0; color: #717171;}
#wlpeNewUser h2 {font-size: 1.2em; color: #940e03;}
#wlpeNewUser legend {display: none;}
#wlpeNewUser fieldset#wlpeUserRegisterInput, #wlpeNewUser fieldset#captcha {width: 350px; clear: left;}
#wlpeNewUser fieldset#captcha {margin: 12px 0; padding-top: 20px;}
#wlpeNewUser label {padding-top: 2px; width: 120px; height: 18px; float: left; display: block; margin: 3px 0; clear: left;}
#wlpeNewUser input {border: 1px dotted #2c2c2c; background-color: #fafafa; padding: 2px; color: #717171; margin: 2px 0 2px 50px; width: 170px; float: right; clear: right;}
#wlpeNewUser select {border: 1px dotted #2c2c2c; background-color: #fafafa; color: #717171; margin-left: 150px; width: 170px;}
#wlpeNewUser button {padding: 1px 2px; border: 1px solid #90b2d0; background-color: #fafafa; color: #717171; margin: 2px; }
.required {color: red;}
#wlpeTermsOfService {height: 200px; overflow-x: hidden; overflow-y: scroll; border:1px dotted #2c2c2c; padding: 3px;}
#wlpeNewUser fieldset#tos {clear: both; margin: 20px 0; width: 500px;}
img#wlpeCaptchaImage {margin: 2px 0 2px 50px;}
label#wlpeTosCheckboxLabel {width: 220px;}
input#wlpeTosCheckbox {float: right; margin: 6px 250px 0 0; width: 20px;}
p#wlpeTermsOfServiceLabel {font-size: 1.25em; color: #940e03; margin: 8px 0;}
#wlpeTermsOfService ol {list-style: decimal outside; margin-left: 20px;}
#wlpeTermsOfService li {margin: 1.3em 0; line-height: 1.2em;}

/********************
WLPE User Profile page
********************/
#wlpeFullForm {margin-bottom: 30px; border-top: 1px dotted #2c2c2c; border-bottom: 1px dotted #2c2c2c; padding: 10px 0; color: #717171;}
#wlpeFullForm h2 {font-size: 1.2em; color: #940e03;}
#wlpeFullForm legend {display: none;}
#wlpeFullForm fieldset {clear: left; margin-bottom: 20px;}
#wlpeFullForm label {padding-top: 2px; width: 120px; height: 18px; float: left; display: block; margin: 3px 0;}
#wlpeFullForm input {border: 1px dotted #2c2c2c; background-color: #fafafa; padding: 2px; color: #717171; margin: 2px 0 2px 50px;}
#wlpeFullForm select {border: 1px dotted #2c2c2c; background-color: #fafafa; color: #717171; margin-left: 150px;}
#wlpeFullForm button {padding: 1px 2px; border: 1px solid #90b2d0; background-color: #fafafa; color: #717171; margin: 2px; }
#wlpeNewPasswordArea {margin-top: 40px;}



/************ Kalendar snippet *************
See separate style sheet
********************************************/

/* Below styles are just for the mini-calendar on the home page */
#calendar .kalender-next {background:url('images/next.gif') no-repeat top right;  width:85px; height:14px; text-align: right;}
#calendar .kalender-next a {margin-right: 20px; color:#000;}
#calendar .kalender-next:hover {background:url('images/next_over.gif') no-repeat top right;  width:85px; height:14px; text-align: right;}

#calendar .kalender-previous {background:url('images/previous.gif') no-repeat top left;  width:85px; height:14px;}
#calendar .kalender-previous a {margin-left: 20px; color:#000;}
#calendar .kalender-previous:hover {background:url('images/previous_over.gif') no-repeat top left;  width:85px; height:14px;}
#calendar .kalender tr td ul li {list-style-type: disc; padding: 6px;}

#calendar .kalender-dayDim {background-color:#eeeeee; height:20px;  font-family:verdana; font-size:9px; color:#bbbbbb; }
#calendar .kalender-dayDefault {background-color:#e0e0e0; height:20px; font-family:verdana; font-size:9px; color:#433d27;}
#calendar .kalender-dayWeekend {background-color:#d0d0d0; height:20px; font-family:verdana; font-size:9px; color:#433d27;}
#calendar .kalender-dayHighlight_1 {background-color: #8a8a8a; height:8px; font-family:verdana; font-size:9px; color:#433d27;}
#calendar .kalender-dayHighlight_1:hover {background-color: #676767;}
#calendar .kalender-dayWeekendHighlight_1 {background-color: #a0a0a0; height:8px; font-family:verdana; font-size:9px; color:#433d27;}
#calendar .kalender-dayWeekendHighlight_1:hover {background-color: #737373;}
#calendar .kalender-dayHighlight_2 {background-color: #8a8a8a; height:8px; font-family:verdana; font-size:9px; color:#fff;}
#calendar .kalender-dayHighlight_2:hover {background-color: #676767;}
#calendar .kalender-dayWeekendHighlight_2 {background-color: #a0a0a0; height:8px; font-family:verdana; font-size:9px; color:#433d27;}
#calendar .kalender-dayWeekendHighlight_2:hover {background-color: #737373;}
#calendar .kalender-dayHighlight_3 {background-color: #8a8a8a; height:8px; font-family:verdana; font-size:9px; color:#433d27;}
#calendar .kalender-dayHighlight_3:hover {background-color: #676767;}
#calendar .kalender-dayWeekendHighlight_3 {background-color: #a0a0a0; height:8px; font-family:verdana; font-size:9px; color:#433d27;}
#calendar .kalender-dayWeekendHighlight_3:hover {background-color: #737373;}


/**************************************
Gallery
*************************************/

#gallery_thumbs {}
.folio_sect_intro {background-color: #ECE6DC; min-height: 182px; width: 200px; float: left; margin: 0 10px 5px; border: 1px solid #f1f1f1;}
.folio_sect_intro img {}
#main_content p.caption {margin: 5px; font-size: 1.02em; font-style: italic; padding-top: 2px;}
#main_content p.caption .strong {font-size: 1em;}
/*.gallery_thumb {float: left; margin: 0 5px 50px;}
*/#main_gallery_pic {float: left; width: 600px; clear: left; margin-bottom: 15px;}
#gallery_thumbs {float: left; clear: both; width: 800px;}
.gallery_thumb {float: left;  margin: 3px; height: 50px; width: 50px; overflow: hidden; border: 1px solid #f1f1f1;}
.gallery {clear: both; margin: 10px 0 15px;}
.thumbscontainer {width: 800px;}