@import url(dropmenu.css);



/*_______________GENERAL SETUP________________*/

body { font-size:76%; font-family:Tahoma, Arial, sans-serif; background:#5D2B01 url(../images/background.jpg) top repeat-x fixed; color:#4D380F; margin:0; line-height:130% }

* { margin:0; padding:0 }

html { height:100.1% }

img { border:none; margin:0; padding:0 }

a { color:#0A77AA }

a:hover { color:#0A5172 }

table, tr, td { margin:0; padding:0; border:none }

table { border-collapse:collapse; border-spacing:0 }



/*___________________MAIN LAYOUT________________*/

#wrapper { width:920px; margin:0 auto }

#logo img { margin:0 0 -3px 0; padding:0; border:none }

#topRight { height:126px; width:570px; background:url(../images/top-right.gif) no-repeat; margin:0; padding:0; text-align:right }

#header { padding:10px 15px 0 0; 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 }

#randomBanner {
	width:625px;
	height:220px;
	color: #FFFFFF;
} 

#serviceTimes { 

	width:230px; 

	background:url(../images/services.gif) no-repeat; 

	color:#fff; 

    height:222px; 

    line-height:1.1em;

	

} 

#serviceTimes a { color:#fff }

#serviceTimes div  { height:170px; width:85%; 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 }

#homeLeft { width:670px; background:#000; color:#fff }

#mainLeft { width:640px; padding:15px; background:#fff }

#mainFull { width:890px; background:#fff; padding:15px;  }

#mainContent { padding:0; margin:15px auto; width:95% }

#rightColumn { width:250px; background:#000; color:#fff }

#footer { width:920px; height:86px; margin:0 auto 10px auto; background:url(../images/footer.gif) repeat-x }

#footer .text { padding:25px 15px 0 15px; font-size:0.9em; color:#fff;  }

#footer .text a { color:#F0EBD2  }



/* RIGHT COLUMN MENU */

#sideMenu  { width:100% !important; width:90%; margin:0; padding:0; list-style:none }

#sideMenu a { 

	text-decoration:none;

	width:100%; 

	cursor:pointer; 

	color:#fff; 

	margin-bottom:1px;

	display:block;

	padding:0;

	background:url(../images/menu-list.gif) no-repeat 0 5px; 

	padding-left:10px; 

}

#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:155px; color:#fff; font-size:1.2em }

#welcome a { color:#fff }

#welcome div { height:90px; 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; height:157px}

/* Events Banner */

#calendar { padding:0; margin:0; width:225px; height:157px }

/* Connect Banner */

#connect { padding:0; margin:0; width:225px; height:157px; }



/*_______________END HOME PAGE STYLES_________________ */





/* RIGHT COLUMN STYLES */



/* Black */

.black { background:#000; color:#fff; padding:15px; margin-bottom:1px  }

.black .upcoming_events { height:255px; overflow:auto; padding-right:10px }

.black h3 { margin-bottom:10px; font-weight:normal }

.black a { color:#F2F0B6 }

/* Grey */

.grey { padding:15px; margin:0 0 1px 0; 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 { padding:15px; margin:0 0 1px 0; 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:#660000; 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 }

.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 }
.textbox {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	background-color: #CCC;
	border: thin inset #CCC;
	margin: auto;
	padding: 1.5px;
	height: auto;
	width: auto;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	cursor: text;
}