html {margin: 0px; padding: 0px;}

body {margin:0; padding:0; background:#FFFFFF url('http://www.clearbrookband.org/images/background-left.jpg') left top repeat-y; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em;}

#container {position:absolute; top:0px; right:0px; height:auto; width:100%; min-height:100%; background:transparent url('http://www.clearbrookband.org/images/background-right.jpg') right top repeat-y; text-align:center;}

#main{margin:0 40px; text-align:left; min-width:750px;}

a{color:#ED1B24;}
a:visited {color: #990033;}
img{border:0;}



/* Content
----------------------------------------------- */
#content {padding: 10px 30px 10px 10px; background-color: #FFFFFF; margin-left:180px; max-width:814px; border-right: 1px dotted #ccc;}

#content h1 {font-family: Verdana, sans-serif; font-weight: bold; font-size: 0.9em; letter-spacing:.2em; color: #999; background-color: #f9f9f9; border-bottom: 1px dotted #ccc; margin-top: 0px; margin-bottom: 5px; text-transform: uppercase; max-width: 400px;}
#content h2 {font-size: 1.2em; color: #ED1B24; margin-top: 5px; margin-bottom: 2px;}
#content h3 {font-size: 0.8em; color: #999;	margin-top: 1px; margin-bottom: 2px;}

#content a:hover {color: #000000;}

.featured {float:right; margin-left:10px; margin-bottom:10px; text-align:center;}
ol li{margin-bottom:1em;}


/* Header
----------------------------------------------- */
#header_wrapper{background:#000000;}
#header{background:#000000 url('http://www.clearbrookband.org/images/header-left.jpg') top left no-repeat; color:#ED1B24; margin:0px; padding-bottom:5px; max-width:1024px; text-align:center;}

#header h2{font-weight: 700; color: #FFFFFF; text-align: right;}
#header h2 a{margin: 0px 20px 0px 0px; text-decoration: none; color: #FFFFFF;}
#header h2 a:hover{text-decoration: underline;}

#header ul {list-style-type: none; margin: 0; padding: 0; background: url('http://www.clearbrookband.org/images/nav-normal.jpg') repeat-x; background-position: bottom; white-space: nowrap;}
#header ul li {list-style-type:none; margin:0; display:inline; border-right:#000000 2px solid; background:url('http://www.clearbrookband.org/images/nav-normal.jpg') repeat-x; background-position: bottom;}
#header ul li a {
	padding: 1px 10px 1px 13px;
	margin: 0;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 700;
	font-size: 12px;
	}
#header ul li a:link {
	text-decoration: none;
	color: #FFFFFF;
	}
#header ul li a:hover {
	background: url('http://www.clearbrookband.org/images/nav-hover.jpg') repeat-x;
	background-position: bottom;
	}
#header ul li a:active {color: #ED1B24;}


/* subnav
----------------------------------------------- */
#subnav {
	padding: 10px;
	width: 150px;
	float: left;
	color: #000000;
	margin-right: 20px;
}

#subnav h3 {
	font-size: 0.8em; 
	color: #999;	
	margin-top: 1px; 
	margin-bottom: 2px;
	}

#subnav ul {
	list-style-type: none;
	margin-bottom: 5px;
	padding: 0;
	background: url('http://www.clearbrookband.org/images/subnav-background.gif') left repeat-y;
	}
#subnav ul li {
	margin: 0;
	display: block;
	padding: 10px;
	border-bottom: 2px solid #ffffff;
	}
#subnav ul li a {
	margin: 0;
	color: #ED1B24;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	font-weight: 700;
	}
#subnav ul li a:link {
	text-decoration: none;
	color: #ED1B24;
	}
#subnav ul li a:hover {
	text-decoration: none;
	color: #000000;
	}
#subnav ul li a:active {
	text-decoration: none;
	color: #000000;
	}
#subnav p{color:#818181; font-size: 0.8em;}





/* Sidebar
----------------------------------------------- */
#sidebar {
	padding: 10px 10px 0px 10px;
	width: 190px;
	float: left;
	color: #000000;
	margin: 0px;
	}
#sidebar h1 {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
  	letter-spacing:.2em;
	color: #FFFFFF;
	border-bottom: 1px dotted #FFFFFF;
	margin-top: 0px;
	margin-bottom: 3px;
	text-transform: uppercase;
	}
#sidebar a:link {
	color: #000000; 
	text-decoration: underline;
	}
#sidebar a:visited {
	color: #000000; 
	text-decoration: underline;
	}
#sidebar a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
#sidebar a:link.event {
	color: #000000; 
	text-decoration: none;
	}
#sidebar a:visited.event {
	color: #000000; 
	text-decoration: none;
	}
#sidebar a:hover.event {
	color: #FFFFFF; 
	text-decoration: underline
	}

/* Footer
----------------------------------------------- */
#footer{text-align:right; margin-top:40px; color:#818181; font-size: 0.8em;}
#footer a{text-decoration:none;}


/* Login form
----------------------------------------------- */
.login_form input {font-size: 90%; color: #555; width:87px;}


/* Table Styles
----------------------------------------------- 
table {}
td {vertical-align: top;}
th, td {border-bottom: 1px dotted #999; padding: 5px;}
table.lefthead th {text-align: right; vertical-align: top; width: 12em;}
table.tophead th {text-align: left; vertical-align: bottom; border-bottom: 1px solid #999;}
tr:hover td {background: #f9f9f9;}
*/


/* forms

form{margin-top: 2em;}

fieldset {border: 1px #ccc solid; border-width: 1px 0 0 0; margin: 1em 0;}

legend {font-weight: bold; color: #555;}

form div {}

div.text label {width: 20em; float: left; text-align: right;}

div.text input.textfield {}

label {margin-right: 1em;}

input {font-size: 90%; color: #555;}

select {background: #eee; border: 1px #555 solid;}

textarea {font-size: 110%; font-family: Verdana, Arial, Helvetica, sans-serif; background: #eee; border: 1px #555 solid; padding: .5em;}

.textfield {background: #eee; padding: 2px; border: none; border-bottom: 1px #555 solid;}

input.button {font-weight: bold; margin: auto;}

.required {font-weight: bold; color: #900;}

/*

fieldset div {width: 26em; height: 1em; clear: both; margin: 2em 0;}

div label {width: 12em; float: left; text-align: right;}

div input.textfield {width: 12em; float: right; border: none; border-bottom: 1px #555 solid;}

.fieldgutter {padding-bottom:2em}

label {margin-left:100px}

input1 {margin-left:105px}

.fieldindent {margin-left:200px}

.radio {margin-left:10px}
*/