/* CSS by Neil Paterson, Design by James Ferguson @ CIVIC */

@import url(hide.css);

/* main containers */
* {margin:0; padding:0;}
body {background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:80%; text-align:center; color:#666}
html {background:#e0e0e0}
#topStrip {height:16px; text-indent:-9999px; overflow:hidden; border-bottom:10px solid #e0e0e0; margin:0 0 15px 0}
#container {width:900px; margin:0 auto; text-align:left; position:relative}
#header {height:110px;}
#left {float:left; width:553px; margin:0 29px 0 0}
#right {float:left; width:318px; overflow:hidden}
#wide {display:block; clear:both;}
#footer {display:block; clear:both; background:#e0e0e0;}
.wrapper {width:900px; text-align:left; margin:0 auto; position:relative}

/* events */
img {margin:0; padding:0; border:none;}
div.eventBanner, div.eventBannerSm {border-top:5px solid #e0e0e0; border-bottom:5px solid #e0e0e0; margin:0 0 20px 0; position:relative; height:247px}
div.eventBannerSm {height:146px; width:900px}
div.eventBanner .overlay {width:337px; height:237px; position:absolute; top:0; left:0; background:url(../images/opaque90.png); padding:10px 0 0 0;}
div.eventBanner .overlay img {margin:0 0 15px 15px; float:none;}
div.eventBanner img {float:left;}
div.eventBanner h2 {background:none;}
div.eventBanner p {font-size:100%; clear:both; display:block}
div.eventBanner a {font-weight:bold; text-decoration:none;}
div.eventBanner a:hover {color:#333}
div.eventBanner img {margin:0}
div#eventLogo {position:absolute; top:35px; left:0px; z-index:0}
div#left div.event {border-bottom:1px solid #e0e0e0; border-top:0; margin:0; padding:0; position:relative; height:auto; width:551px; display:block; clear:both; height:205px;}
div#left div.event .photo {float:left; width:206px; position:relative}
div#left div.event .text {float:right; width:345px; padding:10px 0 0 0}
div#left div.event .text img {position:relative; margin:0 0 10px 0; float:none;}
div#left div.event img.square {margin:-1px 0 0 0; height:206px; width:206px;}
div#left div.event img {margin:0 0 10px 0}
div#left div.event p.date {position:absolute; bottom:10px; left:0; z-index:2; width:196px; padding:5px; background:url(../images/dateBg.png); margin:0; color:#fff; font-weight:bold; text-align:center; font-size:100%;}

/* header */
a#cslogo {display:block; width:191px; height:84px; background:#fff url(/assets/images/template-images/cs-logo.gif); text-indent:-9999px; position:absolute; top:10px; left:0; z-index:1}
a#smcslogo {display:block; width:92px; height:41px; background:url(/assets/images/template-images/sm-cs-logo.gif) top center no-repeat; text-indent:-9999px; position:absolute; top:-5px; left:0; z-index:1}
a#smcslogo:hover {background:url(/assets/images/template-images/sm-cs-logo.gif) bottom center no-repeat}
ul.login {float:right;}
ul.login li {display:inline;}
ul.login li a {color:#999; font-size:81%; text-decoration:none; margin:0 0 0 10px}
#search {float:right; width:250px; clear:both; margin:10px 0 0 0; position:relative; height:30px; text-align:right}
#search input {margin:0; border:1px solid #e0e0e0; background:#fff; padding:3px; float:none;}
#search input.submit {background:#e0e0e0; color:#999; border:none; font-weight:bold; float:none;}
	* html #search input.submit {padding:2px}
#header #topNav ul {float:right; clear:both; margin:8px 0 0 0; padding:0; border-bottom:5px solid #e0e0e0;}
#header #topNav ul li {display:inline; margin:0; padding:0;  float:left;}
#header #topNav ul li a {text-decoration:none; padding:5px; color:#999; font-size:141%; display:block; float:left; background:#e0e0e0; margin:15px 0 0 0}
#header #topNav ul li.active a, #header #topNav ul li.active a:hover {color:#fff; padding:20px 5px 5px 5px; margin:0}
#header div.login {position:absolute; top:-15px; right:0}

/* footer */
#footer a#civic {width:114px; height:19px; background:url(../images/civicLogo.gif); text-indent:-9999px; display:block; position:absolute; top:15px; right:0;}
#footer a {color:#999; font-weight:bold; text-decoration:none;}
#footer ul {padding:15px 0}

/* fonts, lists, and links */
h1, h2, h3, h4, h5, h6 {font-family:Georgia, Arial, sans-serif; font-weight:normal}
h1 {color:#999999; font-family:Georgia, Arial, sans-serif; clear:both; margin:26px 0 24px 0; font-size:201%;}
h2 {background:#e0e0e0; color:#999; padding:5px 15px; margin:0; font-size:151%; position:relative}
h3 {font-weight:bold; font-size:121%; margin:0 15px 15px 15px; color:#666}
h4 {font-size:100%; color:#999; margin:0 15px 10px 15px; border-bottom:1px dotted #999; padding:0 0 3px 0}
#left h2 {margin:0}
#left #container-1 h2 {background:none; padding:0; margin:0 0 10px 15px; display:block}
li {list-style-type:none}
p {line-height:140%; margin:0 15px 10px 15px; color:#666}
a:active, a#cslogo:active, a#smcslogo:active {outline:none;}
a {text-decoration:none;}
img, .noBorder {border:none;}
#right ul {margin:0 0 15px 30px; line-height:150%}
#right ul ul {margin:0 0 0 15px}
#right li {list-style-type:circle;}
#right ol, #left ol {margin:0 35px 10px 35px;}
#right ol {margin:0 15px 10px 35px}
#right ol li, #left ol li {list-style-type:decimal}
#right ol li.alignRight, p.alignRight {list-style-type:none; text-align:right; font-size:81%; margin:10px 10px 10px 0}
#right ol li.alignRight {padding:0; margin:10px 0}
#right li a {padding:0; color:#333}
#right a:hover, #right li a:hover, #right li.active a, #left a:hover {color:#333!important}
#right p.noResults {display:none;}
ul.LSM_0 {margin:0 0 20px 20px}
ul.LSM_0 ul {margin:0 0 0 20px}
#left ol li { text-transform:capitalize!important; color:#666; line-height:150%;}
#left ul {margin:0 30px 15px 30px}
#left ul ul {margin:0 30px 0 30px}
#left ul li {list-style-type:disc; color:#666; line-height:150%;}
a.external {background:url(../images/extSite.gif) 0 6px no-repeat; padding:0 0 0 12px}

div.flickr {margin:0 15px 10px 15px}

#right ul.random {margin:0 15px 10px 15px; padding:0;}
#right ul.random li {list-style-type:none; padding:0; margin:0 5px 5px 0; float:left;}
p span.ajaxSearch_highlight {font-weight:bold}
#wide a {font-weight:bold}
#wide a:hover {color:#666}
span.clear, li.clear {display:block; clear:both; height:1px; margin:-1px 0 0 0; text-indent:-9999px; position:relative}
#right ul.random li.clear {float:none;}
#right .results {margin:0}
#right .results ol li {color:#666}

#left form table {margin:0 15px; width:518px; border:1px solid #c0c0c0; margin:0 0 10px 15px; color:#666}
#left form table td {padding:4px}
#left form table th {background:#f0f0f0}

/* divs */
div.border {border:1px solid #e0e0e0; border-top:none; border-bottom:5px solid #e0e0e0; padding:15px 0 0 0; margin:0 0 25px 0; position:relative; height:1%}
div.border.padTop {padding:10px 0 0 0}
div#container-1 div {padding:10px 0; clear:both}
div.bb {border-bottom:1px solid #e0e0e0; padding:10px 15px; display:block; clear:both; min-height:110px}
div.bb img {float:left; margin:0 10px 10px 0}
div.bb p {margin:0 0 10px 0; padding:0}
#wide .text{float:left; width:255px; font-size:91%;	}
#wide a.ajaxSearch_resultLink {margin:0 0 5px 15px}
#wide p.ajaxSearch_resultsInfo {font-size:121%; margin:0 15px 15px 15px; border-bottom:1px dotted #94be18; padding:0 0 3px 0}
#wide span.ajaxSearch_paging {margin:0 0 15px 15px; display:block;}
#wide ul.random li {float:left; margin:0 10px 5px 0}
div.errors {color:#ff0000; margin:0 15px 15px 15px}

/* forms */
fieldset {border:none;}
input {}
#left form p {display:block; clear:both; width:520px}
#left form p label, #left form p.address span {width:200px; display:block; float:left; font-weight:normal}
#left form p.radio input, #left form p.tick input {width:auto}
#left form p input {width:300px; margin:0 0 2px 0}
#left form input.submit {width:auto; margin:0 0 0 200px}
#left form p.submit {width:auto; padding:0 0 0 200px}
#left form select {width:220px;}
#left form table select {width:auto}
#left form label span {color:#ff0000; cursor: help}
#left form p textarea {width:300px;}
#left form p img {margin:0 0 0 200px}

div.article {margin:0 0 15px 15px; padding:0}
span.date {background:#e0e0e0; color:#999; padding:0 15px; font-weight:bold; margin:0 0 0 -15px;}
span.title {color:#999; font-weight:bold; padding:5px 0 0 0; clear:left; display:block; margin:0 0 5px 0}

/* tabs */
@media projection, screen {.ui-tabs-hide {display: none;}}
@media print {.ui-tabs-nav {display: none;}}
#fragment-3 ul {margin:0 0 0 15px}

#left #container-1 ul.ui-tabs-nav {margin:0 0 15px 0}
.ui-tabs-nav {float:left; clear:both; margin:0 0 0 0; padding:0; width:553px}
.ui-tabs-nav li {display:inline; margin:0; padding:0;  float:left;}
.ui-tabs-nav a {text-decoration:none; padding:5px 15px; color:#999; font-size:141%; display:block; float:left; background:#e0e0e0; margin:15px 0 0 0}
.ui-tabs-nav .ui-tabs-selected a:hover {color:#fff}
.ui-tabs-nav .ui-tabs-selected a, #left .ui-tabs-nav .ui-tabs-selected a:hover {color:#fff; padding:20px 15px 5px 15px; margin:0}
#left .ui-tabs-nav a:hover, #left .ui-tabs-nav a:focus, #left .ui-tabs-nav a:active, #left .ui-tabs-nav .ui-tabs-deselectable a:hover, #left .ui-tabs-nav .ui-tabs-deselectable a:focus, #left .ui-tabs-nav .ui-tabs-deselectable a:active {cursor: pointer;}
* html .ui-tabs-nav {display: inline-block;}
*:first-child+html .ui-tabs-nav {display: inline-block;}
.ui-tabs-panel ul {margin:0 0 0 30px!important}

#cboxOverlay select#template, #colorbox select#template, #cboxOverlay select#template, #cboxWrapper select#template
{display:none!important}