/* Global Classes */
* {padding: 0px; margin: 0px;}
.clear         { clear:both; height: 1px; }
.float-left    { float:left; margin:0px 10px 10px 0px;}
.float-right   { float:right; margin:0px 0px 10px 10px;}
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.img-left      { float:left;margin:0px 10px 10px 0px;}
.img-right     { float:right;margin:0px 0px 10px 10px;}
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.error, .red {background:#FFEBE8 none repeat scroll 0%; border:1px solid #DD3C10; margin:0px 10px 10px; padding:10px; display: block;}
.correct, .green {background:#E6FCE6 none repeat scroll 0%; border:1px solid #84DB12; margin:0px 10px 10px; padding:10px; display: block;}
.info {background:#FBFCE6 none repeat scroll 0%; border:1px solid #D9B411; margin:0px 10px 10px; padding:10px; display: block;}
.required_fields {color:red;}
/* End Global Classes */

body.editor {background-color: #FFF;}

body {background-color: #044982; font: 62.5% Arial;}

#container {width: 980px; margin: 0px auto;}

#header {background: url("../images/sce/header-image.jpg") no-repeat left top; width: 980px; height: 193px; display: block;}

#header p {display: none;}

/* Footer Styles */
#footer, #copyright {margin: 0px 0px 10px 0px; font-size: 12px; clear: both; width: 980px; color: #FFF; clear:both; text-align:center;}

#footer ul {list-style: none; margin: 10px; 0px;}

#footer ul li{display: inline;}

#footer a, #copyright a {color: #FFF;}

#footer .footer_link {padding-right:4px;}
/* End Footer Styles */

/* Contact Form Styles */
#contactform {width: 430px; font-size: 13px; margin-top: 10px; margin-bottom: 10px; color:#777; float:left;}

#contactform .indent {margin: 10px 0px 10px 150px;}

#contactform .form_element {padding: 10px 10px 0 0; text-align:right; float: left; color: #777; width: 160px;}

#contactform #label5, #contactform #label7 {padding: 0px 10px 0px 0px;}

#contactform .form_data {text-align:left; float: left;}

#contactform .separator {clear: both; font-size: 1px; height: 5px;}

#contactform input, #contactform textarea {width: 220px; margin-right:3px; padding:5px;}

#contactform .image {background-color: #02A0C7; color: #FFF; width: 75px; padding:5px; font-weight:bold; border:0; float:left; margin-left:20px; cursor: pointer;}

#contactform #ctl00_MainContent_ctl03_field5_0 {width: 13px; padding:0;}

#contactform #ctl00_MainContent_ctl03_field7_0, #contactform #ctl00_MainContent_ctl03_field5_1, #contactform #ctl00_MainContent_ctl03_field5_0 {
text-align:left;
width: 20px;
}

/* End Contact Form Styles */

/* Menu Styles */
#menu {width: 780px; float: left;}

#menu ul {list-style: none; margin: 168px 0px 0px 360px; padding: 0px; font-size: 13px;}

#menu ul li {float: left;}

#menu ul ul {display: none;}

#menu ul li:hover > ul {display: block;}

#menu li {position: relative;}

#menu a {height: 18px; display: block; color: #006dae; text-decoration: none; padding: 4px 5px 2px 6px;}

#menu a:hover {color: #0090e9; cursor: pointer;}
/* End Menu Styles */

/* Left Menu Styles */
#left_nav{float:left; width: 320px; min-height: 200px; background: url(../images/sce/left-nav-image.jpg) no-repeat left top;}

#menu_left {display: block; width: 200px; margin: 100px 0px 0px 95px; min-height: 200px;}

#menu_left ul {list-style: none; font-size: 13px;}

#menu_left a {height: 15px; display: block; color: #006dae; text-decoration: none; padding: 2px 0px;}

#menu_left .current a {color: #0090e9;}

#menu_left a:hover {color: #0090e9;}

#menu_left a.main_menu:hover {}

#menu_left ul li {position: relative; padding:5px 0px; display:block; padding-left:10px; }
/* End Left Menu Styles */

#wrap {background: #FFF; width: 980px; clear: both; padding: 0px 0px 9px 0px;}

#content {width: 640px; padding: 10px 10px 0px 10px; float: right; min-height: 300px;}

p {font-size: 13px; color: #727272; margin-bottom: 5px;}

a {color: #028fe9;}

a:hover {color: #006dae;}

h1 {font-size: 30px; font-weight: normal; color: #006dae; margin: 0px 0px 10px 0px;}

h2 {font-size: 26px; font-weight: normal; color: #006dae; margin: 5px 0px;}

h3, h4, h5, h6 {font-size: 18px; font-weight: normal; color: #006dae; margin: 14px 0 3px 0;}

#content ul {font-size: 13px; margin: 5px 0px 10px 10px;}

#content ul li {color: #727272; margin: 0px 0px 5px 0px;}

/* Site Search Styles */
#header form {display: block; width: 190px; float: right; padding-top: 170px;}

#header input {float: left; border: 1px solid #006dae; width: 120px; height: 18px;}

#header button {float: left; background-color: #006dae; border: 1px solid #006dae; text-transform: uppercase; color: #FFF; height: 20px; width: 36px; margin-left: 4px; cursor: pointer;}
/* End Site Search Styles */

.SiteSearch {font-size:12px;}

.SiteSearch_result_item {margin-bottom:10px;}

#ctl01_MainContent_VolSiteSearchResults_Control_message {}

.SiteSearch h2 {font-size: 18px; font-weight: normal; color: #014983; margin: 5px 0px;}

.SiteSearch_titlelink {color:#02A0C7; font-size:14px; font-weight:bold;}

.SiteSearch_titlelink a:hover {color:#777;}

.SiteSearch_content {color:#777;}

.SiteSearch_link {color:#02A0C7;}

.SiteSearch_link a:link {color:#02A0C7;}

.SiteSearch_link a:hover {color:#777;}

/* Homepage Banner Styles */
.latest-news {
background: url("../images/sce/latest-news-bg.jpg") no-repeat left top;
display: block;
width: 292px;
height: 147px;
float: left;
color: #FFF;
margin: 0px 0px 13px 0px;
padding: 0px 0px 0px 18px;
}

.latest-events {
background: url("../images/sce/latest-events-bg.jpg") no-repeat left top;
display: block;
width: 292px;
height: 147px;
float: right;
color: #FFF;
margin: 0px 0px 13px 0px;
padding: 0px 0px 0px 18px;
}

#ctl00_MainContent_ctl01_Message, #ctl00_MainContent_ctl03_Message, .latest-news .news_manager .news_date, .latest-events .news_manager .news_date {display: none}

.latest-news .news_manager, .latest-events .news_manager {margin: 18px 5px 0px 0px; font-size: 13px;}

.latest-news .news_manager a {color: #ffcb01; margin: 5px 0px 0px 0px; display: block;}

.latest-events .news_manager a {color: #024981; margin: 5px 0px 0px 0px; display: block;}

.latest-events .news_manager a:hover, .latest-news .news_manager a:hover {color: #FFF;}

.latest-news .news_headline, .latest-events .news_headline {color: #FFF;}

.my-coleraine {
background: url("../images/sce/my-coleraine-bg.jpg") #EC8600 no-repeat left top;
clear: both;
display: block;
width: 640px;
/*height: 221px;*/
color: #FFF;
margin: 25px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

.my-coleraine .left {display: block; width: 225px; float: right; margin: 10px 5px 0px 0px;}

.my-coleraine .right {display: block; width: 180px; float: right; clear: right; margin: 10px 10px 0px 0px;}

.my-coleraine a {color: #fff; text-decoration: none;}

.my-coleraine p {color: #FFF; font-size: 13px; margin: 5px 0px;}

.my-coleraine h2 {font-size: 16px; color: #006dae; font-weight:bold;}

.my-coleraine h2 a {color: #006dae;}

.latest-news .title, .latest-events .title, .my-coleraine .title {
float: right;
font-size: 16px;
font-weight: bold;
margin: 5px 10px 0px 0px;
}
/* End Homepage Banner Styles */

/* Left Nav Banners Styles */
.newsletter {
background: url("../images/sce/newsletter-bg.jpg") no-repeat left top;
display: block;
width: 173px;
height: 122px;
color: #FFF;
font-size: 12px;
font-weight: bold;
padding: 7px 0px 0px 12px;
margin: 10px 0px 10px 103px;
}

.newsletter span {color: #014983; font-size: 13px;}

.newsletter p {color: #014983; font-weight: normal; font-size: 13px; margin: 16px 0px; width: 160px;}

.newsletter a {color: #014983; font-weight: normal; display: block; margin: 0px 0px 0px 15px;}

.local-weather {
background: url("../images/sce/local-weather-bg.jpg") no-repeat left top;
display: block;
width: 170px;
height: 78px;
color: #fecd04;
font-size: 13px;
padding: 7px 0px 0px 15px;
margin: 0px 0px 0px 103px;
font-weight: bold;
}

.local-weather span {color: #FFF; font-size: 13px;}

.local-weather a {font-weight: normal; color: #FFF; margin: 15px 0px 0px 15px; display: block;}
/* End Left Nav Banners Styles */

/* News Manager Styles */
.news_manager {font-size: 13px; color: #727272;}

.news_manager .news_headline {margin: 0px 0px 5px 0px;}

.VolNewsSearch {margin: 20px 0px 0px 0px;}

.VolNewsSearch ul {list-style: none;}

#ctl00_MainContent_ctl04_year_from {margin: 0px 0px 0px 10px;}

#ctl00_MainContent_ctl04_year_to {margin: 0px 0px 0px 60px;}

#ctl00_MainContent_ctl04_CatList {margin: 0px 10px 0px 5px;}

#ctl00_MainContent_ctl04_archive_list {margin: 0px 0px 0px 25px;}

#ctl00_MainContent_ctl04_archive_list label {
margin: 0px 10px 0px 0px;
text-align: left;
}

#ctl00_MainContent_ctl04_key_button, #ctl00_MainContent_ctl04_spsearch_button {
background: #A7D8F9;
color: #064D85;
border: 2px solid #064D85;
}
/* End News Manager Styles */

/* Property Search Styles */
#realEstateMenu {display: none;}

.property-search {font-size: 13px; color: #727272;}

.property-search .form_element {padding: 0px 10px 0px 0px; text-align: right; float: left; width: 225px;}

.property-search select, .property-search input {width: 100px;}

#ctl00_ctl01_MainContent_ContentPlaceHolder1_search_search {background: #A7D8F9; color: #064D85; border: 2px solid #064D85; width: 60px;}

.propertyDetail {margin-top: 10px;}

.propertyDetail span {font-size: 13px; color: #727272;}

.propertyDetail label {font-weight: bold; font-size: 13px; color: #727272; margin-bottom: 5px;}
/* End Property Search Styles */

/* Survery Manager Styles */
.surveyManager {font-size: 13px; color: #727272;}

#surveyManager legend {font-size: 13px; color: #064D85;}

#surveyManager label {width: 80px; display: block; float: left;}

fieldset ul.form {list-style: none;}

.survey_header {font-size: 26px; color: #006dae; margin: 0px 0px 10px 0px;}

.survey_question {font-weight: bold;}

.linkButton, #ctl00_MainContent_ctl03_submit_button {
background: #A7D8F9;
color: #064D85;
border: 2px solid #064D85;
margin: 0px 0px 0px 10px;
}

.infoRow {margin: 0px 0px 10px 0px; font-size: 13px;}
/* Survery Manager Styles */

/* News Manager Styles */
.VolNewsDetail .news_title, .VolNewsDetail .news_date {font-size: 13px; font-weight: bold;}

.new_footer {font-size: 13px;}
/* End News Manager Styles */

/* Document Icon Styles */
a[href$='.doc'], a[href$='.rtf'] {
padding: 5px 20px 5px 0;
background: transparent url("../images/sce/icon_doc.gif") no-repeat center right;
}

a[href$='.txt'] {
padding: 5px 20px 5px 0;
background: transparent url("../images/sce/icon_txt.gif") no-repeat center right;
}

a[href$='.xls'] {
padding: 5px 20px 5px 0;
background: transparent url("../images/sce/icon_xls.gif") no-repeat center right;
}

a[href$='.pps'] { 
padding: 5px 20px 5px 0;
background: transparent url("../images/sce/icon_pps.gif") no-repeat center right;
}

a[href$='.pdf'] { 
padding: 5px 20px 5px 0;
background: transparent url("../images/sce/icon_pdf.gif") no-repeat center right;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
padding: 5px 20px 5px 0;
background: transparent url("../images/sce/icon_archive.gif") no-repeat center right;
}
/* End Document Icon Styles */

#propertyListingsDiv {font-size: 13px; color: #727272;}

#propertyListingsDiv .propertyListing {margin-top: 10px;}

#propertyListingsDiv .imgLink {display: block; width: 200px; float: left;}

#propertyListingsDiv .realPropertyAddress {display: block; width: 250px; float: left;}

#propertyListingsDiv .realPropertyPrice {font-weight: bold; float: left;}

.real-cat {font-size: 13px;}

.real-search {font-size: 13px; margin-top: 20px;}

.business-directory {width: 640px; height: 381px; background: #B1DEF8; display:block; clear:both; margin-bottom:20px;}

.business-directory h2 {font-size:18px; color:#fff; padding: 5px 10px; background: #006DAE; display:block; margin-bottom:10px; clear:both;}

.business-directory ul {float:left; width:200px; display:block; }

.business-directory ul li {list-style:none;}

.business-directory p {float:left; margin-right:4px; background: #006DAE; width:20px; height:20px; text-align:center;}

.business-directory p a:link {color:#fff; text-decoration:none; display:block;}

.business-directory p a:hover {color:#B1DEF8;}

#vgm_category_path a {font-size: 20px; font-weight: normal; color: #006dae; margin: 0px 0px 10px 0px; text-decoration:none; display:block;}

.vgm_category_product {float: left; display: block; width: 300px!important; height: 150px; margin: 0px 15px 15px 0px; border: 2px solid #006dae; font-size: 13px;}

.vgm_product_thumbnail {float: right; display: block; width: 117px; height: 130px;}

.vgm_product_thumbnail img {width: 117px;  border: none!important;}

.vgm_product_info {float: left; display: block; width: 150px; height: 120px; padding: 5px; color: #444;}

.vgm_product_info a {font-weight: bold; color: #006dae;}

.vgm_product_info a:hover {color: #B1DEF8;}

.view_details a {
clear: both;
float: right;
display: block;
width: 117px;
padding: 2px 0;
background-color: #006dae;
text-align: center;
text-decoration: none;
font-weight: bold;
color: #B1DEF8;
}

.view_details a:hover {color: #fff;}

.vgm_product_nav {width:640px; float:left;}

.vgm_product_nav a {
background: #006dae;
color:#b1def8;
margin:20px 10px 20px 0px;
font-size:14px;
width: 70px;
padding: 5px 0;
display:block;
text-align:center;
float:left;
}

.vgm_product_nav a:hover {background: #B1DEF8; color: #006dae;}

/* Gallery Styles */
.postcard_manager {font-size: 13px;}

.postcard_manager .panel {float: left; margin: 5px 5px 5px 0;}

.postcard_manager a img {border: 1px solid #006dae;}

.postcard_manager a img:hover {border: 1px solid #006dae;}

.postcard_manager .panel .docname {display: none;}
/* End Gallery Styles */

