/* ===== LAYOUT ===== */

html{margin:0;padding: 0;}

body {
	behavior:url("/css/csshover.htc");
	background: #143264 url('/img/interface/bg_body3.gif') repeat-x fixed;
	color: #404040;
	font: .82em/1.4em  Arial, Helvetica, Tahoma, sans-serif;	
	margin:0;
	padding: 0;
	}

div#container {
	width:978px;
	background: url('/img/interface/bg_container.png') repeat-y;
	margin:0 auto;
	}

div#header {
	background: url(../img/interface/bg_header1.gif) repeat-x;
	position: relative;
	width: 960px;
	height: 126px;
	margin:0 10px 0 9px;
	}
div#content {
	background: url('../img/interface/bg_content.gif') repeat-x;
	margin: 0 auto;
	padding-top:53px;/*the height of bg_content.gif*/
	width:958px;/*req. to clear subsequent floats*/
	overflow: hidden;/*req. to clear subsequent floats*/
	}
	
div#leftCol  {
	float:left;
	width:260px;
	display: inline;/*avoid IE double margin bug*/
	margin: 0 0 0 35px;
	}
	
div#rightCol {
	float: left;
	width: 550px;
	margin:0 0 0 70px;
	}

div#roundedCap {
	background: url('/img/interface/roundedCap1.png');
	width: 978px;
	height: 17px;
	display: block;
	margin: 0 auto;
	padding: 0;
	}
	
/* ===== HEADER ===== */

div#header h1#logo {
	background: url(../img/interface/logo_rotary.png) no-repeat;
	text-indent:-999em;
	margin: 0;
	position:relative;
	top:22px;
	left:15px;
	padding: 0px;
	width:308px;
	height: 85px;
	}

div#headerContent {
	background: url(../img/interface/header_water1.png);
	position: absolute;
	width: 580px;
	height: 110px;
	top:13px;
	right:0;
	}


/* ===== MAIN MENU ===== */

div#navigation {width: 960px;margin:0 9px;}
#nav {background-image:url(../img/interface/navSpriteBG_rotary.gif);background-repeat:repeat-x;height:55px;width:960px;margin:0;padding:0;z-index:2;list-style:none;}
#nav li {float:left;height:55px;padding:0;margin:0;}
#nav li a {display:block;width:120px;padding:0;margin:0;height:55px !important;height /**/:55px;overflow: hidden;outline:none;text-indent:-999em;}

#nav li#navHome, li#navHome a {width:105px;background-image:url(../img/interface/navSprite_rotary2.gif);background-position:0 0;}
#nav li#navHome a:hover {width:105px;background-position:0px -55px;}
#nav li#navHome.on, #nav li#navHome.on a {background-image:url(../img/interface/navSprite_rotary2.gif);background-position:0px -110px;}

#navNews, #navNews a {background-image:url(../img/interface/navSprite_rotary2.gif);background-position:-105px 0px;}
#nav li#navNews a:hover {background-position:-105px -55px;}
#nav li#navNews.on, #nav li#navNews.on a {background-image:url(../img/interface/navSprite_rotary2.gif);background-position:-105px -110px;}

#navProj, #navProj a {background-image:url(../img/interface/navSprite_rotary2.gif);background-position:-225px 0px;}
#nav li#navProj a:hover {background-position:-225px -55px;}
#nav li#navProj.on, #nav li#navProj.on a {background-image:url(../img/interface/navSprite_rotary2.gif);background-position:-225px -110px;}

#navMem, #navMem a {background-image:url(../img/interface/navSprite_rotary2.gif);background-position:-345px 0;}
#nav li#navMem a:hover {background-position:-345px -55px;}
#nav li#navMem.on, #nav li#navMem.on a {background-image:url(../img/interface/navSprite_rotary2.gif);background-position:-345px -110px;}

#navEvent, #navEvent a {background-image:url(../img/interface/navSprite_rotary2.gif);background-position:-465px 0;}
#nav li#navEvent a:hover {background-position:-465px -55px;}
#nav li#navEvent.on, #nav li#navEvent.on a {background-image:url(../img/interface/navSprite_rotary2.gif);background-position:-465px -110px;}

#navJoin, #navJoin a {background-image:url(../img/interface/navSprite_rotary2.gif);background-position:-585px 0px;}
#nav li#navJoin a:hover {background-position:-585px -55px;}
#nav li#navJoin.on, #nav li#navJoin.on a {background-image:url(../img/interface/navSprite_rotary2.gif);background-position:-585px -110px;}

#navContact, #navContact a {background-image:url(../img/interface/navSprite_rotary2.gif);background-position:-705px 0px;}
#nav li#navContact a:hover {background-position:-705px -55px;}
#nav li#navContact.on, #nav li#navContact.on a {background-image:url(../img/interface/navSprite_rotary2.gif);background-position:-705px -110px;}

	
/* ===== LISTS ===== */

ul {
	margin:0;
	padding:0;
	}
	
li {
	list-style:none;
	}


/* ===== LEFTCOL ===== */

div#leftCol div#quickLinks,
div#leftCol div#enewsSignup, 
div#leftCol div#adminTools {
margin:0 0 2em 0;
padding:0;
}

div#leftCol div#quickLinks h3,
div#leftCol div#enewsSignup h3,
div#leftCol div#adminTools h3 {
	text-indent: -999em;
	height: 31px;
	width: 260px;
	margin:0;
	padding:0;
	color:#003399;
	font-size:1.3em;
}

div#leftCol div#quickLinks h3 {background: url(../img/interface/sprite_titles1.png) 0 -31px;}
div#leftCol div#enewsSignup h3 {background: url(../img/interface/sprite_titles1.png) 0 -62px;}
div#leftCol div#adminTools h3 {background: url(../img/interface/sprite_titles1.png) 0 0;}

div#leftCol ul {
	margin: 1em 0 0 25px;
	padding:0;
	}

div#leftCol ul li {
	background: url(../img/interface/bullet_rotary.png) no-repeat .3em 40%;
	margin: 0;
	padding: 0;
	height:2em;
	}

div#leftCol ul li a {
	padding: .25em 0 .3em 28px;
	display: block;
	}



/* ===== FOOTER ===== */
#footer {
	clear:both;
	font-size:10px;
	color:#888;
	position:relative;
	margin:0 0 0 35px;
	overflow: hidden;
	}

#footerCopy {
	padding: .4em 0 0 0;
	margin:0 0 0 0;
	border-top:1px solid #a0a0a0;
	width:260px;
	float:left;
	text-align: right;
	}

#footer_ad {
	width:565px;
	height: 100px;
	margin: 0 0 0 65px;
	float:left;
	}


/* ===== NEWS & EVENTS ===== */

.article {border-top:1px dotted #999; clear:both;margin:1em 0 2em 0;padding-top:1em;}
.article h2 {margin:0 0 0em 140px;}
.article p {margin:0 0 .5em 140px;;}
.article img{float:left;padding:2px;border:1px solid #888;margin:0 1em .5em 0;}
.newsPublishDate, .eventDate {font-size: .86em;font-style: italic;color: #999;text-align:right;margin:.5em 0 0 0;}
.eventDate {text-align: left;} /* reverse above styling */


/* ===== TYPOGRAPHY ===== */

h1 {text-indent: 0;
	background: none;
	width: auto;
	height: auto;
	margin: 0 0 .1em;
	padding: 0;
	font-size: 3em;
	font-weight:normal;
	line-height: 1.1em;
	letter-spacing: -1px;
	}

h2 {font-weight:normal;
	font-size: 1.6em;
	line-height: 1.1em;
	letter-spacing: -1px;
	color: #4678c8;
	margin:1em 0 0;
	padding:0;
	}
h3 {
	color:#003399;
	font-size:1.3em;
	margin:1em 0 .2em;
	padding:0;
	}

	
p {
	margin:0 0 1em;
	padding:0;
	line-height:1.3em;
	}

a:link {
	color: #12abe1; /* blue */
	text-decoration: none;
}
a:visited {
	color: #003399;
	text-decoration: none;
}

a:hover {
	color: #ef940b;
	text-decoration:none;
}
a:active {
	color: #003399;
	text-decoration: none;
}
a img {
	border:none;
}

.clear {clear:both;}
	
div.ad_button {margin:0 0 2em 0;}


/* ===== FORMS ===== */
form {font-size:.9em;margin:1.5em 0 0 0;}
form fieldset {border:0;border-top:1px solid #c2c2c2;margin:0 0 2em 0}
form legend {font-weight:bold;font-size: 1.2em;}
form div {clear:both;}
form label {font-weight:bold;width:11em;text-align:right;display:block;float:left;padding-right:.8em;}
form input {margin:.2em 0 0 0;}

form#subscribe {margin:1em 25px 3em 15px;width:230px;}
form#subscribe fieldset {margin:0}
form#subscribe legend {font-size: 1em;}
form#subscribe label {width:4em;font-weight:normal;padding-top:.3em;}
form#subscribe input#subscribeSubmit {margin:0 0 0 6em;padding:0;}

div.checkbox {margin: .3em 0;}
div.checkbox input {position:absolute;}

/* ===== TABLES ===== */
table {
	font-size: .95em;
	background-color:#fff;
	border-collapse: collapse;
	width: 100%;
	}
table th {
	background-color: #efefef;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #999;
	text-align: left;
	padding:.15em .3em .1em;
	}
tbody tr {
	background-color:#fff;
	border-bottom: 1px solid #f0f0f0;
	}
tbody td {
	color:#414141;
	padding:5px;
	text-align:left;
	}
	
/* Notices and Errors */
div.message {clear: both;color: #900;font-size: 140%;font-weight: bold;margin: 1em 0;}
div.error-message {clear: both;color: #900;font-weight:bold;}
p.error {background-color: #e32;color: #fff;font-family: Courier, monospace;font-size: 120%;line-height: 140%;padding: 0.8em;margin: 1em 0;}
p.error em {color: #000;font-weight: normal;line-height: 140%;}
.notice {background: #ffcc00;color: #000;display: block;font-family: Courier, monospace;font-size: 120%;line-height: 140%;padding: 0.8em;margin: 1em 0;}
.success {background: green;color: #fff;}

/*  Actions  */
div.actions ul {margin: 0px 0;padding: 0;}
div.actions li {display: inline;list-style-type: none;line-height: 2em;margin: 0 2em 0 0;white-space: nowrap;}
div.actions ul li a {background:#fff;color: #003d4c;text-decoration: none;}
div.actions ul li a:hover {color: #333;text-decoration: underline;}

/* Related */
div.related {clear: both;display: block;}

/* Debugging */
pre {color: #000;background: #f0f0f0;padding: 1em;}
pre.cake-debug {background: #ffcc00;font-size: 120%;line-height: 140%;margin-top: 1em;overflow: auto;position: relative;}
div.cake-stack-trace {background: #fff;border: 4px dotted #ffcc00;color: #333;margin: 0px;padding: 6px;font-size: 120%;line-height: 140%;overflow: auto;position: relative;}
div.cake-code-dump pre {position: relative;overflow: auto;}
div.cake-stack-trace pre, div.cake-code-dump pre {color: #000;background-color: #F0F0F0;margin: 0px;padding: 1em;overflow: auto;}
div.cake-code-dump pre, div.cake-code-dump pre code {clear: both;font-size: 12px;line-height: 15px;margin: 4px 2px;padding: 4px;overflow: auto;}
div.cake-code-dump span.code-highlight {background-color: #ff0;padding: 4px;}
div.code-coverage-results div.code-line {padding-left:5px;display:block;margin-left:10px;}
div.code-coverage-results div.uncovered span.content {background:#ecc;}
div.code-coverage-results div.covered span.content {background:#cec;}
div.code-coverage-results div.ignored span.content {color:#aaa;}
div.code-coverage-results span.line-num {color:#666;display:block;float:left;width:20px;text-align:right;margin-right:5px;}
div.code-coverage-results span.line-num strong {color:#666;}
div.code-coverage-results div.start {border:1px solid #aaa;border-width:1px 1px 0px 1px;margin-top:30px;padding-top:5px;}
div.code-coverage-results div.end {border:1px solid #aaa;border-width:0px 1px 1px 1px;margin-bottom:30px;padding-bottom:5px;}
div.code-coverage-results div.realstart {margin-top:0px;}
div.code-coverage-results p.note {color:#bbb;padding:5px;margin:5px 0 10px;font-size:10px;}
div.code-coverage-results span.result-bad {color: #a00;}
div.code-coverage-results span.result-ok {color: #fa0;}
div.code-coverage-results span.result-good {color: #0a0;}