@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%;
}
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.jpg) no-repeat top
}
#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: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;
}
#mainBg {
	background:#000;
	border-bottom:1px solid #000;
	width:920px;
	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 {
	background: #fff;
	width:640px;
	float:left;
	padding:15px
}
#mainRight {
	background: #fff;
	width:640px;
	float:right;
	padding:15px;
}
#mainFull {
	background:#fff;
	width:890px;
	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
}
#leftColumn {
	width:250px;
	float:left;
	background:#000;
	color:#fff;
	overflow:visible;
	margin:0;
	padding:0;
	clear:right
}
#leftColumn:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
#leftColumn {
	display:inline-block
} /* Hide from IE Mac \*/
#leftColumn {
	display:block
} /* End hide from IE Mac */
* html #leftColumn {
	height:1px
} /*for IE6 and down*/
leftColumn 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:155px;
	float:left;
	color:#fff;
	font-size:1.2em
}
#welcome a {
	color:#fff
}
#welcome div {
	height:80px;
	width:90%;
	overflow:auto;
	color:#fff;
	padding:0 10px 0 0;
	margin:65px 0 0 20px
}
/* New Here Banner */
#newhere {
	padding:0;
	margin:0;
	width:220px;
	float:left;
	height:157px
}
/* Real Life Banner */
#reallife {
	padding:0;
	margin:0;
	width:225px;
	float:left;
	height:157px
}
/* Connect Banner */
#questions {
	padding:0;
	margin:0;
	width:225px;
	float:left;
	height:157px
}
/*_______________END HOME PAGE STYLES_________________ */


/* RIGHT COLUMN STYLES */

/* Black */
.black {
	background:#000;
	color:#fff;
	margin:0 auto 1px auto;
	padding:15px
}
.black .upcoming_events {
	height:255px;
	/* height:207px; accomodate survey button*/
	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
}
.unorderedlist ul {
	list-style:none;
	margin:0 0 0 10px;
	padding:0
}
.unorderedlist li {
	list-style:url(../images/list.gif) none;
	margin-bottom: 5px;
}
.imgRight {
	float:right;
	position:relative;
	padding: 10px;
}
.imgLeft {
	padding: 10px;
	float: left;
	position: relative;
}
.img {
	padding: 10px;
}
.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-divPartial.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
}
