/* 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: #ffffff;
	}	
	
h2.pageheading {
	font-size:18px;
	font-weight:bold;
	margin:0 0 10px;
	color:#558AAB;
	font-family:"proxima-nova-1","proxima-nova-2",'Lucida Grande', 'Lucida Sans', sans-serif;
	}	
	
	
h2.pageheading_home a {
	font-size:18px;
	letter-spacing: 0px;
	font-weight:bold;
	margin:0 0 10px;
	color:#558AAB !important;
	text-decoration: none !important;
	font-family:"proxima-nova-1","proxima-nova-2",'Lucida Grande', 'Lucida Sans', sans-serif;
	}
	
	h2.pageheading_home a:hover {color:#aab4a6}
	
h2.pageheading_home	{margin-bottom:5px !important;}	
	
	
h2, h3, h4  {
	font-size:14px;
	font-weight:bold;
	line-height: 1.3em;
	margin:0 0 10px;
	font-family:"proxima-nova-1","proxima-nova-2",'Lucida Grande', 'Lucida Sans', sans-serif;
	}

h4 {font-size: 12px;}	
h2 {color:#96002b;}
h3 {color:#0b5870;border-bottom:1px solid #dbdbd8;margin:0 0 10px;}
	
div#col2 a {color:#206b83;text-decoration: underline;}
div#col2 a:hover {color:#aab4a6}

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;}

a.read {display: block;float:right;height:27px;width:97px;background-image: url(../images/interface/read.png);text-indent:-9999px;margin-bottom:20px;}


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

div#topwrap {background-image: url(../images/interface/bg-top.png);}
div#contentwrap {margin:0 auto;width:966px;padding-top:40px;background-color: white;}
div#content_bg {background-image: url(../images/interface/content-bg.png);background-repeat: repeat-x;background-color: white;}

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

div#wrap {
	margin:0 auto;
	width:966px;
	background-image: url(../images/interface/bg-header.png);
	

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

h1 {
	background-image: url(../images/interface/logo.png);
	position: absolute;
	top:40px;
	left:10px;
	height:110px;
	width:178px;
	text-indent: -9999px;
	}
	
h1 a {display: block;height:102px;width:178px;}
	
div#info {
	position: absolute;
	right:10px;
	top:40px;
	font-size:9px;
	color:#5d5b5b;
	}
	
div#utli {position: absolute;right:30px;top:10px;color:white;}
div#utli a {color:white;text-decoration: none;}
div#info p {margin:0;line-height: 1.4em;}
	
div#searchbox {
	position: absolute;
	background-image: url(../images/interface/search2.png);
	width:232px;
	height:29px;
	right:0px;
	top:50px;
	}
	
div#searchbox input {
	background-color: transparent;
	width:145px;
	height:15px;
	margin-top:5px;
	padding-left:5px;
	border:0;
	}
	
div#searchbox input.searchbutton {position:absolute;right:0;width:40px;margin-top:5px;height:20px;background-color: transparent;}
	
div#col2 {
	float:left;
	width:510px;
	margin-right:35px;
	margin-bottom:50px;
	padding-bottom:50px;
	padding-top:20px;
	overflow: hidden;
	min-height: 800px;
	
	}
	
div#col3 {
	float:left;
	width:200px;
	}
	



div#navwrap {
	float:left;
	width:175px;
	padding:10px 0;
	margin-right:30px;
	margin-bottom:40px;
	margin-left:10px;
	display: inline;
	font-family:"proxima-nova-1","proxima-nova-2",'Lucida Grande', 'Lucida Sans', sans-serif;
	
	}
		
/*navigation*/

div#navwrap ul, div#navwrap2 {
	margin:0;
	list-style: none;
	}
	
	
ul#nav1 {
position: relative;
-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background:-webkit-gradient(linear, 6% 15%, 12% 100%, from(#DFEBEF), to(#FAFAFA));
    background:-moz-linear-gradient(75% 84% 196deg,#DFEBEF, #F7F7F7);
    background-color:#DFEBEF;
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#DFEBEF', EndColorStr='#F7F7F7', GradientType=0);
    behavior: url(/PIE.htc);
    zoom:1;
}	
	


ul#nav1 li a {background-image: url(../images/interface/nav_arrow1.png);background-position: right;background-repeat: no-repeat;}
ul#nav2 li a {background-image: url(../images/interface/nav_arrow2.png);background-position: right;background-repeat: no-repeat;}

	
	ul#nav2 {
	position: relative;
-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background:-webkit-gradient(linear, 6% 15%, 12% 100%, from(#e2f0dd), to(#FAFAFA));
    background:-moz-linear-gradient(75% 84% 196deg,#e2f0dd, #F7F7F7);
    background-color:#e2f0dd;
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#e2f0dd', EndColorStr='#F7F7F7', GradientType=0);
    behavior: url(/PIE.htc);
    margin-top:10px !important;
    zoom:1;
}	
	
	
	
			
div#navwrap2 li, div#navwrap li {height:42px;zoom: 1;padding:5px;	border-bottom:1px solid white;}

div#navwrap ul li a {
	display: block;
	text-decoration: none;
	zoom: 1;
	padding:3px;
	text-transform: capitalize;
	color:#48555D;
	font-weight: bold;
	font-size:16px;
		-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
     behavior: url(/PIE.htc);
	}	
		
ul#nav1 li a.active, ul#nav1 li a:hover {
	
	background-color: #5E9BC1;
	position: relative;
     color:#ffffff
	}	
	
	
	ul#nav2 li a.active, ul#nav2 li a:hover {
	
	background-color: #7ba04e;
	position: relative;
	
     color:#ffffff
	}	
	
div#navwrap a span {
	display: block;
	text-transform:capitalize;
	font-weight: normal;
	font-size:12px;
	color:#5D7781;
	}


div#navwrap a:hover span {color:#ffffff;}
span.active {color:#ffffff !important;}









	
div#footerwrap {
	clear:both;
	background-image: url(../images/interface/footer.png);
	background-color: #000000;
	background-repeat: repeat-x;
	height:200px;
	}	
div#footerwrap p {margin:0;padding-top:8px;text-align:center;color:#c5bfbf;margin-bottom:10px;}
div#footerwrap p.copyright {margin:0;padding-top:0;}
div#footerwrap a {color:#c5bfbf;text-decoration: none;}
	
p.addy {}



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

h5 {
	width:200px;
	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: #e9d8a0;
	width:200px;
	
	}
	
	div#newstop{position:relative;width:200px;height:38px;background-image: url(../images/interface/newtop.png);}
	div#newsbottom{width:200px;height:38px;background-image: url(../images/interface/newbottom.png);}
	

div#news ul {margin:0;}
div#news li {
	list-style: none;
	padding-bottom:5px;
	background-color:#F6EFD9 ;
	
	}

ul#newslist a {display: block;background-image: url(../images/interface/bullet.png) !important;background-repeat: no-repeat;background-position: left;padding-left:20px;width:150px !important;}
ul#newslist {margin-left:0px !important;}
h3.new {text-transform: uppercase;font-size:14px;color:#487996;border: 0 !important;position: absolute;top:15px;left:28px;}



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

p.lead {font-size:14px;font-weight:bold;line-height: 1.3em;}
img.pic {width:100px; height:120px;border:1px solid #4b4545;}
div#homepic {width:100px; height:140px; float:left;margin-right:15px;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:5px;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;}


/*** LINK PADDING FOR ICONS ***/


a[href$=".pdf"],
a[href$=".doc"],
a[href$=".xls"],
a[href$=".rss"],
a[href$=".rdf"],
a[href^="aim:"] { padding:2px 22px 2px 0; margin:-2px 0; background-repeat: no-repeat; background-position: right center; }

/*** EXTERNAL LINK ICONS ***/




/*** FILE LINK ICONS ***/
a[href$=".pdf"]   { background-image: url(../images/interface/icons/pdf.png); }
a[href$=".doc"]   { background-image: url(../images/interface/icons/doc.png); }
a[href$=".xls"]   { background-image: url(../images/interface/icons/xls.png); }

/*** MISCELLANEOUS LINK ICONS ***/
a[href$=".rss"],
a[href$=".rdf"]   { background-image: url(../images/interface/icons/feed.png); }
a[href^="aim:"]   { background-image: url(../images/interface/icons/im.png); }
a[href^="http://yourwebsite.com"] { background:none; padding:0; margin:0; }