/* Default Stylesheet for Central Oregon 211 */

/* Default Body styles */
html, body {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#625d57; margin:0; padding:0; height:100%;}
html {}
body#page {text-align:center; padding:0 16px; background:#bdb5ac url('/site-grad-bg.gif') repeat-x;}
#themeContainer {width:900px; margin:0 auto; text-align:left; position:relative;}
p {margin:0 0 15px; padding:0;}
img {margin:0; padding:0; border:0;}
div {margin:0; padding:0; border:0;}
hr {height:1px; border:0; color:#0179a8; background:#0179a8;}

/* Anchor Styles */
a, a:link, a:visited {color:#f7941e;}
a:active, a:hover, a:focus {outline:none;}

/* Heading Styles */
h1, h2, h3, h4, h5 {color:#0179a8;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:10px;}

#glow {position:absolute; top:0; left:-122px; z-index:-1;}

/* Header Styles */
#header {height:245px;}
#header #logo {position:absolute; top:69px; left:0; z-index:10;}
#header #slides {position:absolute; top:20px; left:220px; z-index:10;}

/* Navigation Styles  */
#siteMenu {position:absolute; left:-16px; top:245px; z-index:20; width:945px; height:35px; line-height:35px; background:url('/navigation-bg.png') no-repeat;}
#Menu {margin:0 20px; padding:0; list-style:none;}
#Menu li {float:left; display:inline; position:relative;}
#Menu li a, #Menu li a:link, #Menu li a:visited {display:block; padding:0 15px; color:#fff; font-size:16px; font-weight:bold; text-transform:uppercase; text-decoration:none;}

/* Sub Menu Styles */
#Menu li ul {display:none; position:absolute; top:35px; z-index:1000; line-height:30px; margin:0; padding:0; width:250px; text-align:left; list-style:none; background-color:#0179a8 ! important;}
#Menu li ul, #Menu li ul li, #Menu li ul li a {background-image:none ! important;}
#Menu li ul li {position:relative; z-index:1000; line-height:30px; margin:0; padding:0; width:100%; display:block;}
#Menu li ul li a, #Menu li ul li a:link, #Menu li ul li a:visited {color:#fff; font-weight:bold; font-size:12px; float:none; line-height:30px; height:30px; display:block; border:0px; padding:0 10px;}
#Menu li ul li a:active, #Menu li ul li a:hover, #Menu li ul li a:focus {color:#0078a5; background:#f7941e;}

#Menu li ul li ul {position:absolute; top:0; left:250px;}
#subNavigation {display:none; position:relative; z-index:1000;}
span.menu-sub-indicator {float:right; display:block; line-height:25px; width:4px; height:100%; background-image:url('/nav-sub-arrow.gif') ! important; background-repeat:no-repeat; background-position:right center;}

/* Content Area Styles */
#contentArea {padding:50px 0 0; background:url('/content-bg.gif') repeat-y;}
#column1 {float:left; display:inline; width:178px; margin:0 0 0 22px; font-size:12px; line-height:20px;}
#column1 a, #column1 a:link, #column1 a:visited {color:#0178A7;}
#column2 {float:left; display:inline; width:650px; margin:0 0 0 40px; background:#fff; line-height:20px;}

/* Articles Styles */
.articlesList {}
.articlesList div.item {clear:both;}
.articlesList div.item h2 a, .articlesList div.item h2 a:link, .articlesList div.item h2 a:visited {font-weight:bold;}
img.articleImage {float:left; margin:0 15px 15px 0;}
.articlesList div.item p {margin:10px 0 0;}
.articlesList hr {clear:both;}

/* Photo gallery styles */
#photoLargeImage {position:relative; width:550px; height:365px; text-align:center;}
#photoLargeImage img {margin: 0 auto;}
#photoItems {margin: 20px 0 10px 0;}
.photoItem {float:left; margin:0 15px 15px 0; width: 125px; cursor:pointer; position:relative;}
#photoItems img {position:relative; z-index:10;}
#photoItems a img:hover {opacity:0.85;}

.loading {background-image:url('/loadingIcon.gif'); background-repeat:no-repeat; background-position: center 45%;}

/* Site Search Styles */
#search {position:relative; width:170px; height:18px; margin:5px 0 20px 8px; z-index:1;}
#search input.txtSearch {position:absolute; top:0; left:0; z-index:1; width:148px; height:16px; line-height:18px; vertical-align:middle; font-size:11px; margin:0; padding:2px 0 0; border:0; background:#fff;}
#search input.btnSearch {position:absolute; top:0; left:152px; z-index:1;}

/* Footer Styles */
#footer {height:35px; line-height:35px; margin:0 0 0 220px;}
#footerText {float:left; font-size:11px; color:#fff;}
#footerText a, #footerText a:link, #footerText a:visited {color:#fff;}
#smartzLink, #smartzLink:link, #smartzLink:visited {color:#fff; font-size:10px; float:right; text-decoration:none;}
#smartzLink img {vertical-align:middle; }

/* Misc Styles  */
.clear {clear:both;}
#siteAdminMonkeySpacer {display:none ! important;}

/* Contact Form Styles */
.contactAddress {width:240px; float:left; display:inline;}
.contactText {width:340px; float:left; display:inline;}

.contactForm {width:310px; margin:15px 0 0;}
.contactForm label {display:block; clear:both; margin:10px 0 0;}
.contactForm div span.error {color:#f00;}
.contactForm input#Name, .contactForm input#EmailAddress, .contactForm input#Phone {width:200px;}
.contactForm div.textarea textarea {width:300px; height:75px;}
.hidden {display:none;}
span.error {color:#f00;}

/* Pagination Styles */
.pagination {line-height:30px; clear:both;}
.pagination a, .pagination a:link, .pagination a:visited {padding:0 1px; font-size:12px; text-decoration:none;}
.pagination a.prevnext, .pagination a.prevnext:link, .pagination a.prevnext:visited {font-size:14px;}
.pagination span.currentPage {padding:0 1px; font-size:12px;}

/* Edit Styles */
.divEditBlock {margin:20px 20px 20px 0;}
.divEditBlock div label {display:block; line-height:18px; font-weight:bold; margin:0 0 10px; padding:0 10px; color:#fff; background:#0178A7;}
.divEditBlock div {margin:0 0 20px;}
.divEditBlock div span input , .divEditBlock div span textarea {width:300px;}
.divEditBlock .error {font-weight:bold; color:#f00;}

span.divEditControls {}
span.divEditControls a {padding:0 5px;}

div.checkbox label {display:inline; font-weight:normal; margin:0; padding:0; color:#000; background:Transparent;}

.divEditBlock div.checkbox {margin:0;}
.divEditBlock div.checkbox input {width:auto;}

.divEditBlock div#editTitle {}
.divEditBlock div#editTitle input {}

.divEditBlock div#editJobTitle {}
.divEditBlock div#editJobTitle input {}

.divEditBlock div#editBriefDescription {}
.divEditBlock div#editBriefDescription textarea {height:100px;}

.divEditBlock div#editFullDescription {}

.divEditBlock div#editItemUrl {}
.divEditBlock div#editItemUrl input {}

.divEditBlock div#editItemMetaDescription {}
.divEditBlock div#editItemMetaDescription input {}

.divEditBlock div#editItemMetaKeywords {}
.divEditBlock div#editItemMetaKeywords input {}