@import url(dropmenu.css);

/*_______________GENERAL SETUP________________*/
body { font-size:76%; font-family: Verdana, Tahoma, Arial, sans-serif; background:#0e1a28 url(../images/background08.jpg) top repeat-x fixed; color:#333333; 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-right04.gif) top no-repeat }
#header { margin:10px 15px 0 0; float:right; font-size:0.9em; color:#fff }
#header a { color:#fff; text-decoration:none }
#banner { width:920px; background:#fff url(../images/header02.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/services06.gif) no-repeat; 
	color:#fff; 
	float:right; 
	position:relative;
	margin:28px 20px 0 0;
	height:222px; 
	display:inline;
	line-height:1.1em;
	font-size: 11px;
} 
#serviceTimes a { color:#fff }
#serviceTimes div  { height:170px; width:85%; overflow:auto; color:#fff; margin:25px 5px 0 15px  }
#navBar { background:#fff url(../images/nav-bar03.gif) left no-repeat; height:40px; width:920px; border-bottom:0px solid #fff }
#mainBg { background:url(../images/main-bg02.gif) repeat-y; border-bottom:1px solid #fff; 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*/
#mainBg2 { background:url(../images/main-bg03.gif) repeat-y; border-bottom:1px solid #fff; width:920px; margin:0 } 
#mainBg2:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
#mainBg2 { display:inline-block } /* Hide from IE Mac \*/
#mainBg2 { display:block } /* End hide from IE Mac */
* html #mainBg2 { height:1px } /*for IE6 and down*/

#homeLeft { width:670px; float:left; margin:0 !important; margin:0 0 -16px 0 }
#mainLeft { width:640px; float:left; padding:15px }
#mainFull { width:890px; background:#fff; padding:15px;  }
#mainContent { padding:0; margin:15px auto; width:95% }
#rightColumn { width:250px; float:right; background:#fff; 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/footer05.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:#0A77AA; 
	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/welcome05.jpg) no-repeat; padding:0; margin:0; width:670px; height:160px; float:left; color:#CCCCCC; font-size:.98em; line-height: 140% }
#welcome a { color:#000 }
#welcome div { height:105px; width:89%; overflow:auto; color:#333333; padding:0 10px 0 0; margin:45px 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 }

/*_______________END HOME PAGE STYLES_________________ */


/* RIGHT COLUMN STYLES */

/* Black */
.black { background:#f4eddc; color:#333333; margin:0 auto 1px auto; padding:15px }
.black .upcoming_events { height:245px; overflow:auto; padding-right:10px; margin-top: 10px; }
.black h3 { margin-bottom:5px; font-weight:normal }
.black a { color:#0A77AA }


/* Annouce */
.announce { background:#697eb5; color:#1e222c; margin:0 auto 1px auto; padding:15px }
.announce .upcoming_events { height:245px; overflow:auto; padding-right:10px; margin-top: 10px; }
.annouce h3 { margin-bottom:5px; font-weight:normal; }
.announce a { color:#dbe5ff; }
.announce h2 { color:#dbe5ff; border-bottom:1px dotted #dbe5ff; border-top:1px dotted #dbe5ff; }


/* Grey */
.grey { margin:0 auto 1px auto; padding:15px; background:#000 url(../images/module-bg04.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 }
.title { margin-bottom: 0px; font-size:1.2em; margin:0; padding:0 }
.tiny { font-size:.9em; font-style:italic; }

/* 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:#0A77AA; 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}
#photo {float: left; width: 174px; height: 205px; margin-top: 20px; margin-right: 10px; margin-left: 20px;}
#conn-photo {float: left; width: 144px; height: 127px; margin-top: 20px; margin-right: 10px; margin-left: 10px;}
#text-column { width: 405px; float: left; margin-top: 20px; margin-right: 10px; margin-left: 10px; line-height: 140%;}
#textbox { width: 640px; float: left; margin-bottom: 15px; }
h1 { font-size:1.3em }
h2 { font-size:1.15em; border-bottom:1px dotted #0B4853; border-top:1px dotted #0B4853; padding:3px 0 }
h3 { font-size:1.15em; margin:0; padding:0 }
h4 { font-size:1.1em }
h5 { font-size:.9em }
#staff {float: left; width: 174px; height: 205px; margin-top: 20px; margin-right: 10px; margin-left: 95px;}
#last {width: 174px; height: 205px; margin-top: 20px; margin-left: 235px; }
.leftphoto { float:left; position:relative; padding: 0 20px 100px 0; }