/* ColCom css */ body {background:#FFFFFF; background-image:url("../images/page-background.jpg"); background-repeat:repeat-x; width:100%; margin-top:2px; margin-left:0px; margin-right:0px; margin-bottom:2px; font-family:'Trebuchet MS'; color:#272a2d}
.float-contain {clear:both}
#page-layout {width:794px; clear:both}
/* BEGIN: header */ #header-layout {width:794px}
#header-left {width:560px; float:left; background-color:#31363C; text-align:left}
#logo-container {padding-left:10px; *margin-bottom:-5px}
#header-right {float:right; width:224px; color:#ffffff; text-align:right; font-weight:bold; padding-right:10px}
#header-right a, #header-right a:visited {color:#ffffff; text-decoration:none; font-weight:bold}
#header-right a:hover {text-decoration:underline}
/* END: header */ /* BEGIN: linkbar */ #link-layout {width:794px; clear:both}
#link-middle {background-image:url('../images/button-bar-background.jpg'); background-repeat:repeat-x; float:left; width:794px; height:35px}
#links {color:#FFFFFF; font-weight:bold; font-size:16px; padding-top:5px; padding-left:4px; padding-right:4px}
.link a, .link:visited {width:131px; color:#FFFFFF; text-decoration:none; float:left}
.link a:hover {width:131px; text-decoration:none; color:#FFFFFF; border-bottom:2px solid #FFFFFF}
/* END: linkbar */ #page-body {padding:5px; text-align:left; clear:both}
#notice {border: 1px solid; margin: 10px 15px; padding:15px 10px 15px 50px; color: #4F8A10; background-color: #DFF2BF}
#page-body a, #page-body a:visited {color:#101A27; font-weight:bold; text-decoration:none}
#page-body a:hover {text-decoration:underline}
#page-body p {text-align:justify}
.full-width {width:794px; clear:both; text-align:left}
.left-column {float:left; width:475px; text-align:left; padding-left:35px; padding-right:15px}
.left-column p {padding:5px}
.right-column {width:250px; float:left; text-align:center}
.right-column div img {margin:15px 5px 15px 11px; background-color:#fff; padding:2px; border:1px solid #ccc; cursor:pointer; width:152px; height:115px; -moz-border-radius:4px; -webkit-border-radius:4px}
#index-slogan-box {background-color:#31363C; width:435px; text-align:center; font-size:24px; color:#FFFFFF; padding:20px}
.page-content {width:100%; padding-left:5px; padding-right:5px; text-align:justify}
.content-indent {padding-left:30px; padding-right:30px}
.content-section-heading {font-size:18px; font-weight:bold}
.content-section-heading a:link, .content-section-heading a:visited {color:#31363C; text-decoration:none}
.content-section-heading a:hover {text-decoration:underline}
.content-section-content {padding-left:5px; padding-right:5px}
h1 {font-size:1.3em}
h2 {font-size:1.15em }
h3 {font-size:1em}
h3 span {font-size:.8em}
.photo-upload-form {clear:both; padding-top:10px}
/* PHOTOS */ .items img {margin:0}
.items a {display:block; float:left}
.form dt {padding-top:2px; padding-bottom:4px}
.form dt label {font-weight:bold}
.form dd {margin-left:0; margin-bottom:15px}
.form input[type=text], .form input[type=password], .form textarea {color:#333; width:350px}
.errorExplanation {margin: 10px 0px; padding:10px 5px 10px 15px; border:1px solid #ff0000; color:#d63301; background-color:#ffccba; font-size:12px}
.fieldWithErrors input, .fieldWithErrors textarea {border:1px solid #ff0000; color:#333; background-color:#ffccba}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/ .clearfix {display:block;}
/* End hide from IE Mac */ #page-bottom {clear:both }
#facebox .b {background:url(../images/facebox/b.png)}
#facebox .tl {background:url(../images/facebox/tl.png)}
#facebox .tr {background:url(../images/facebox/tr.png)}
#facebox .bl {background:url(../images/facebox/bl.png)}
#facebox .br {background:url(../images/facebox/br.png)}
#facebox h2 {background:#333333; color:#FFFFFF; font-size:14px; font-weight:bold; padding:5px; margin:0}
#form_error {background-color:#fac6c6; border:2px solid red; padding:4px; margin:2px; font-weight:bold; font-size:small; font-family:inherit}
#facebox .facebox-form {margin:10px}
#facebox .facebox-form dt {color:#666666; font-size:80%; padding-top:2px; padding-bottom:4px}
#facebox .facebox-form dt label {font-weight:bold}
#facebox .facebox-form dd {margin-left:0; margin-bottom:15px}
#facebox {position: absolute; top: 0; left: 0; z-index: 100; text-align: left}
#facebox .popup {position: relative}
#facebox table {border-collapse: collapse}
#facebox td {border-bottom: 0; padding: 0}
#facebox .body {padding: 0px; background: #fff; width: 370px}
#facebox .loading {text-align: center}
#facebox .image {text-align: center}
#facebox img {border: 0; margin: 0}
#facebox .footer {border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px; width: 10px; overflow: hidden; padding: 0}
#facebox_overlay {position: fixed; top: 0px; left: 0px; height:100%; width:100%}
.facebox_hide {z-index:-100}
.facebox_overlayBG {background-color: #000; z-index: 99}
* html #facebox_overlay {/* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}