@import url(dropmenu.css);

/*_______________GENERAL SETUP________________*/
body {
	font-size:76%;
	font-family:Tahoma, Arial, sans-serif;
	color:#4D380F;
	margin:0;
	line-height:130%;
	background-attachment: fixed;
	background-color: #5D2B01;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
html { height:100.1% }
a { color:#0A77AA }
a:hover { color:#0A5172 }
a img, :link img, :visited img { border:0; outline:none; }

/*___________________MAIN LAYOUT________________*/
#wrapper { width:920px; margin:0 auto }
#logo { width:350px; height:126px; float:left; position:relative; margin:0 }
#topRight { height:126px; width:570px; float:right; position:relative; background:#fff url(../images/top-right.gif) top no-repeat }
#header { margin:10px 15px 0 0; float:right; font-size:0.9em; color:#fff }
#header a { color:#F0EBD2; text-decoration:none }
#banner { width:920px; background:#000 url(../images/header.gif) top no-repeat; margin:0; padding:0 0 20px 0; overflow:hidden }
#randomBanner { float:left; position:relative; width:625px; height:220px; margin:30px 10px 0 20px; display:block !important; display:inline   } 
#serviceTimes { 
	width:230px; 
	background:url(../images/services.gif) no-repeat; 
	color:#fff; 
	float:right; 
	position:relative;
	margin:28px 20px 0 0;
	height:222px; 
	display:inline;
	line-height:1.1em
} 
#serviceTimes a { color:#fff }
#serviceTimes div  { height:170px; width:100%; overflow:auto; color:#fff; margin:25px 5px 0 15px  }
#navBar { background:#000 url(../images/nav-bar.gif) left no-repeat; height:40px; width:920px; border-bottom:1px solid #000 }
#mainBg { background:url(../images/main-bg.gif) repeat-y; border-bottom:1px solid #000; width:920px; margin:0 } 
#mainBg1 { background:url(../images/main-bg.gif) repeat-y; border-bottom:1px solid #000; width:920px; margin:0 } 
#mainBg1 { background:#E8E3C5; }
#mainBgmap { background:url(../images/main-bg.gif) repeat-y; border-bottom:1px solid #000; width:500px; margin:0 } 
#mainBg:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
#mainBg { display:inline-block } /* Hide from IE Mac \*/
#mainBg { display:block } /* End hide from IE Mac */
* html #mainBg { height:1px } /*for IE6 and down*/
#homeLeft { width:670px; float:left; margin:0 !important; margin:0 0 -16px 0 }
#mainLeft { width:640px; background:#E8E3C5; float:left; padding:15px }
#mainFull { width:890px; background:#fff; padding:15px;  }
#mainFullmap { width:890px; height:650px; background:#E8E3C5; padding:15px;  }
#mainContent { padding:0; margin:15px auto; width:95% }
#rightColumn { width:250px; float:right; background:#000; color:#fff; overflow:visible; margin:0; padding:0; clear:right }
#rightColumn:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
#rightColumn { display:inline-block } /* Hide from IE Mac \*/
#rightColumn { display:block } /* End hide from IE Mac */
* html #rightColumn { height:1px } /*for IE6 and down*/
rightColumn div { width:230px }
#footer { width:920px; height:86px; margin:0 auto 10px auto; background:url(../images/footer.gif) repeat-x }
#footer .text { padding:35px 15px 0 15px; font-size:0.9em; color:#fff;  }
#footer .text a { color:#F0EBD2  }

/* RIGHT COLUMN MENU */
#sideMenu  { width:auto; margin:0; padding:0; list-style:none }
#sideMenu a { 
	text-decoration:none;
	cursor:pointer; 
	color:#fff; 
	margin-bottom:1px;
	display:block;
	padding:0;
	background:url(../images/menu-list.gif) no-repeat 0 5px; 
	padding-left:10px; 
	clear:right
}
#sideMenu a:hover { text-decoration:underline }	

/*______________HOME PAGE STYLES____________*/

/* Welcome Banner */
#welcome { background:url(../images/welcome.jpg) no-repeat; padding:0; margin:0; width:670px; height:225px; float:left; color:#fff; font-size:1.2em }
#welcome a { color:#fff }
#welcome div { height:160px; width:90%; overflow:auto; color:#fff; padding:0 10px 0 0; margin:55px 0 0 25px }
/* Newcomers Banner */
#newcomers { padding:0; margin:0; width:220px; float:left; height:157px }
/* Events Banner */
#calendar { padding:0; margin:0; width:225px; float:left; height:157px }
/* Connect Banner */
#connect { padding:0; margin:0; width:225px; float:left; height:157px }
/* Map page */
#map { padding:0; margin:0; width:890px; float:left; height:200px }

/*_______________END HOME PAGE STYLES_________________ */


/* RIGHT COLUMN STYLES */

/* Black */
.black { background:#000; color:#fff; margin:0 auto 1px auto; padding:15px }
.black .upcoming_events { height:110px; overflow:auto; padding-right:10px }
.black .previous_events { height:170px; overflow:auto; padding-right:10px }
.black h3 { margin-bottom:10px; font-weight:normal }
.black a { color:#F2F0B6 }
/* Grey */
.grey { margin:0 auto 1px auto; padding:15px; background:#000 url(../images/module-bg.gif) left repeat-y; color:#fff }
.grey a { color:#DFD87A }
.grey h3 { margin-bottom:10px; font-weight:normal }
/* Green */
.green { margin:0 auto 1px auto; padding:15px; background:#000 url(../images/mod-green-bg.gif) left repeat-y; color:#fff }
.green a { color:#DFD87A }
.green h3 { margin-bottom:10px; font-weight:normal }

/* END RIGHT COLUMN STYLES */

/*________________GENERAL STYLES_________________*/
.left { float:left; position:relative }
.right { float:right; position:relative }
.clear { clear:both }
.clear-l { clear:left }
.clear-r { clear:right }
.spacer	{ height:10px }
hr { height:1px; color:#D1C0A0 }
.audio ul { list-style:none; margin:0; padding:0 }
.audio li { background:url(../images/list.gif) left no-repeat; padding:0 0 0 12px; list-style:none }
.imgRight { float:right; position:relative; border:3px double #ccc  }
.imgLeft { float:left; position:relative; border:3px double #ccc }
.img {  border:3px double #ccc }
.small { font-size:0.9em; padding:2px 0; color:#236C8C }
.date { color:#9BBB93; font-weight:bold }
.button { width:68px; height:20px; border:none; padding:0; margin:5px 0 0 0; color:#342618; font-size:0.9em; background:url(../images/button.png) no-repeat }
a.readon { color:#fff; background:url(../images/read.gif) no-repeat; display:block; width:100px; height:40px; padding:2px 0 4px 0; font-weight:bold; text-decoration:none; text-align:center; float:right }
a.readon:hover { color:#fff; background:url(../images/read-h.gif) no-repeat }
.article_separator { background:url(../images/article-div.gif) repeat-x center; display:block; height:6px; width:97%; margin:10px auto }
.inputbox { border:1px solid #ccc; width:auto }
.search .inputbox { background:#fff; border:1px solid #000; color:#333; display:block !important; display:inline; width:180px; height:13px; padding:2px 9px; margin:8px 20px 0 0; float:right; position:relative; font-size:0.9em}

h1 { font-size:1.3em }
h2 { font-size:1.2em; border-bottom:1px dotted #0B4853; border-top:1px dotted #0B4853; padding:3px 0 }
h3 { font-size:1.2em; margin:0; padding:0 }
h4 { font-size:1.1em }