/* Color
======================================================================
	#99002c : Red
	#4b4545 : Black
	#0b5870 : Dark blue
	#b0a412 : Green
	#B02B09 : Orange
	#f0edc4  : Yellow		
====================================================================== */


@import url(base.css);


/* Type
====================================================================== */



body {
	line-height: 1;
	font-family: 'Lucida Grande', 'Lucida Sans', sans-serif;
	font-size: 12px;
	color:#4b4545;
	background-color: #000000;
	}	
	
h2.pageheading {
	font-size:18px;
	letter-spacing: -1px;
	font-weight:bold;
	margin:0 0 10px;
	color:#99002c;
	}	
	
h2, h3, h4, h5, h6, h7  {
	font-size:14px;
	font-weight:bold;
	line-height: 1.3em;
	margin:0 0 10px;
	}

h4 {font-size: 12px;}	
h2 {color:#0b5870;}
h3 {color:#0b5870;border-bottom:1px solid #dbdbd8;margin:0 0 10px;}
h5 {color:#99002c;}
h6 {color:#B02B09;}
h7 {color:#b0a412;}
	
div#col2 a {color:#206b83;text-decoration: underline;}
div#col2 a:hover {background-color:#f5f5e1 ;}

p, address, dl, ul, ol, table, label {
	margin-bottom: 10px;
	line-height: 1.6em;
	}


	
ul {list-style-type: square;margin:10px 40px;}
	
blockquote {padding:0 10px;}


/* Layout
====================================================================== */

div#container {
	background-image: url(../images/interface/header.png);
	background-repeat: repeat-x;
	background-color: white;
	}

div#wrap {
	margin:0 auto;
	width:960px;

	}
	
div#header {
	position: relative;
	height:140px;	
	}		

h1 {
	background-image: url(../images/interface/logo.png);
	position: absolute;
	top:8px;
	height:102px;
	width:534px;
	text-indent: -9999px;
	}
	
h1 a {display: block;height:102px;width:534px;}
	
div#info {
	position: absolute;
	right:10px;
	top:40px;
	font-size:9px;
	color:#5d5b5b;
	}
div#info p {margin:0;line-height: 1.4em;}
	
div#searchbox {
	position: absolute;
	background-image: url(../images/interface/search.png);
	width:215px;
	height:29px;
	right:0px;
	top:80px;
	}
	
div#searchbox input {
	background-color: transparent;
	width:145px;
	height:15px;
	margin-top:5px;
	padding-left:5px;
	border:0;
	}
	
div#searchbox input.searchbutton {width:60px;margin-top:5px;height:15px;background-color: transparent;}
	
div#col2 {
	float:left;
	width:510px;
	margin-right:35px;
	margin-bottom:50px;
	padding-bottom:50px;
	overflow: hidden;
	
	}
	
div#col3 {
	float:left;
	width:215px;
	}
	
	
div#navwrap {
	float:left;
	width:170px;
	padding:10px 0;
	background-image: url(../images/interface/navbg.png);
	background-repeat: no-repeat;
	margin-right:30px;
	margin-bottom:40px;

	}
		
div#navwrap ul {margin:0;list-style: none;border-top:1px solid #e7e5e5;}		

div#navwrap li {height:38px;zoom: 1;border-bottom:1px solid #e7e5e5;}

div#navwrap ul li a {
	display: block;
	text-decoration: none;
	zoom: 1;
	padding:5px;
	font-size:11px;
	line-height: 1.3em;
	text-transform: capitalize;
	color:#99002c;
	font-weight: bold;
	}
	
div#navwrap ul li a:hover {
	background-color: white;
	background-image: url(../images/interface/nav_arrow.png);
	background-repeat: no-repeat;
	}
	
div#navwrap ul li a.active {
	background-color: white;
	background-image: url(../images/interface/nav_arrow.png);
	background-repeat: no-repeat;
	}
	
	
div#navwrap ul li a:active {
	background-color: white;
	background-image: url(../images/interface/nav_arrowactive.png);
	background-repeat: no-repeat;
	}
	
div#navwrap a span {
	display: block;
	text-transform:capitalize;
	font-weight: normal;
	font-size:10px;
	color:#918f90;
	}
	
div#footerwrap {
	clear:both;
	background-image: url(../images/interface/footer.png);
	background-repeat: repeat-x;
	}	
div#footerwrap p {margin:0;padding-top:20px;text-align:center;color:#666666;}
div#footerwrap p.copyright {margin:0;padding-top:0;}
div#footerwrap a {color:#c5bfbf;text-decoration: none;}
	




/* Sidebars
====================================================================== */

h5 {
	width:215px;
	height:32px;
	text-indent: -9999px;
	background-image: url(../images/interface/newsheader.png);
	background-repeat: no-repeat;
	}
h5.office {background-image: url(../images/interface/hoursheader.png);}
h4 {font-weight: bold; margin:0 10px;}

div#news p {margin:0 10px;}
div#news p.date {font-size:10px;color:#959a9b;}
div#news a {color:#306a7c; text-decoration: none;}
div#hours p {margin-left:10px;margin-bottom:5px;margin-top:0;}

div#hours {
	margin-top:10px;
	background-color: #f8f8f0;
	border-bottom:1px solid #c6d7dc;
	}
	
div#news {
	background-color: #ecf4f6;
	border-bottom:1px solid #c6d7dc;
	}
	

div#news ul {margin:0;}
div#news li {
	list-style: none;
	padding-bottom:5px;
	border-bottom:1px solid #ffffff;
	}



/* Homepage
====================================================================== */

p.lead {font-size:14px;font-weight:bold;line-height: 1.3em;}
img.pic {border:1px solid #4b4545;}
div#homepic {width:100px; float:left;margin-right:30px;margin-bottom:15px;}
div#homepic p {font-size:10px;margin:0;line-height: 1.3em;text-align: center;}


/* Directories
====================================================================== */
div.directorywrap, div.directoryrow {
	float:left;
	width: 125px;
	margin-right:0px;
	margin-bottom:20px;
	
	}
	
div.directoryrow {
	clear:left;
	}

div.directorywrap img, div.directoryrow img {
	margin-left:12px;
	width:100px;
	height:110px;
	border:1px solid #4b4545;
	}
	
div.directorywrap p, div.directoryrow p {font-size:10px;margin:0;text-align: center;}
cite {font-size:10px;margin:0;}

hr {clear: both;border:0;height:1px;margin:10px 0; background-image: url(../images/interface/rule.png)}

/* Calendar
====================================================================== */

div#cal ul {list-style: none;margin:0;}
div#cal li {background-image: url(../images/interface/yellow_g.png);background-repeat: repeat-y;border-bottom:1px solid #eae9e0;  margin:5px;padding:2px;}

/* Committees
====================================================================== */
span.committee {display: block;font-size:10px;line-height:1.5em;}
table.listing td {padding-bottom:10px;padding-right:20px;}

/* MB
====================================================================== */

table.listing_discounts thead {
	font-size:12px;
	text-align:left;
	border-top:1px solid #e0e0df; border-bottom:1px solid #e0e0df;
	}
	
table.listing_discounts thead th {padding:5px;background-color: #f0e3df;color:#0b5870;}
table.listing_discounts tr {}
table.listing_discounts td {width:210px;padding:5px;background-color: #f6f4f3;border-bottom:2px solid #ffffff;font-size: 10px;}

div#newmb {background-image: url(../images/interface/yellow_g.png);background-repeat: repeat-y;border:1px dashed #0b5870; padding:10px;}