@import url(reset.css);

/*_______________GENERAL SETUP________________*/
body { font-size:76%; font-family:Tahoma,; color:#333333; background: #022B3F url(/main/images/snowflakes.gif) repeat scroll 0 0; }
html { height:100. }
table { border-collapse:separate }
a { color:#333333 }
a:hover { color:#42EBFF }

/*___________________MAIN LAYOUT________________*/
#wrapper { width:940px; margin:0 auto; background:#022B3F }
#logo { width:350px; height:126px; float:left; position:relative; margin:0 0 0 10px; background:url(/main/images/logo.gif) no-repeat }
#topRight { height:126px; width:560px; float:right; position:relative; display:block }
#searchBg { float:right; position:relative; height:35px; width:199px; margin:20px 53px 0 0; display:inline; background:url(/main/images/search-bg.gif) no-repeat }
#serviceTimes { float:left; position:relative; width:160px; height:165px; margin:70px 0 0 80px; display:block; font-size:0.9em; overflow:auto; display:inline }
#serviceTimes br { line-height:0.5em }
#randomBanner { z-index:1 !important; float:right; position:relative; height:217px; width:605px; margin:29px 42px 0 0; display:block; display:inline } 
#contentWrapper { width:860px; margin:0 auto; overflow:hidden }
#main { height:auto; overflow:hidden; float:right;}
#mainRight { width:630px; float:right; position:relative; margin:15px 0 }
#mainLeft { width:630px; float:left; position:relative; margin:15px 0 }
#leftColumn { width:200px; height:auto; float:left; overflow:hidden }
#rightColumn { width:200px; height:auto; float:right; overflow:hidden }
#footer .text { width:860px; padding:50px 0 10px 0; text-align:left; font-size:0.9em; margin:auto }
#footer .login { float:right; position:relative; width:480px }
#footer .login p, #footer .login li { list-style:none; float:left; margin:0 7px 0 0 }
#copyright { float:left; position:relative; width:360px; padding:10px 0 0 0 }
.input { color: #022B3F; font-family: Tahoma; font-size: 10px;}
.style1 {color: #FFFFFF;font-family: Tahoma;font-size: 13px;}
.style4 {color: #84C1FF;font-family: Tahoma;font-size: 13px;font-weight: bold;}
.style3 {font-size: 13px}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}


/*__________VERTICAL SIDE MENU STYLES________*/

ul.menu { margin:0; padding:0; z-index:50 !important }
ul.menu li { list-style:none; margin:0; padding:0; z-index:50 !important }
ul.menu span { display:block; height:16px; padding-left:5px }
ul.menu a { display:block; text-indent:10px; height:16px; color:#42EBFF; background:url(/main/images/vert-menu-bg.gif) 0 0 no-repeat; }
ul.menu a:hover { background:url(/main/images/vert-menu-bgro.gif) 0 0 no-repeat }
ul.menu ul { margin-left:15px; padding:0 }
ul.menu ul a { background:none; text-indent:0;	z-index:50 !important }
ul.menu ul li a {  text-align:left; margin:0 }
ul.menu li.active li a:hover { color:#fff; cursor:pointer }
ul.menu li li { padding:0; margin:0; z-index:50 !important }
ul.menu li a { padding-left:10px; z-index:50 !important }
ul.menu li.active a { color:#fff; text-decoration: none; z-index:50 !imp
ul.menu li a:hover, ul.menu li.active a:hover, ul.menu li.active li a:hover { color:#fff; text-decoration: none;z-index:50 !important }
ul.menu li.active li a { background:url(/main/images/sub-list.gif) left no-repeat; margin-left:12px; padding-left:5px; z-index:50 !important; color:#42EBFF; font-weight:normal } /* submenu link color */

/*_________END VERTICAL SIDE MENU 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:20px }
hr { height:1px; color:#0D5F72 }
.imgRight { float:right; margin:0 0 10px 10px; position:relative; border:3px double #0D5F72  }
.imgLeft { float:left; margin:0 10px 10px 0; position:relative; border:3px double #0D5F72 }
.createdate, .small, .modifydate, .pagenavcounter { font-size:0.9em; padding:2px 0; color:#F45F30 }
table.contentpaneopen fieldset { margin-top:15px; border-bottom:1px dotted #ccc; padding-bottom:7px; width:99% }
table.contentpaneopen td { padding-bottom:5px; font-family:Tahoma, Arial, sans-serif }
.button { width:70px; height:20px; border:none; padding:0 10px 2px 10px; margin:5px 0 0 0; color:#fff; font-size:0.9em; background:url(/main/images/button.png) no-repeat }
#searchForm .button { margin-left:10px }
#main ul li, #mainRight ul li, #mainLeft ul li { background:url(/main/images/list.gif) no-repeat center left; padding-left:10px; margin:0 0 2px 8px }
.pollstableborder td { padding:1px; text-align:left }
.inputbox { border:1px solid #ccc; width:auto }
.contentpane li { margin-bottom:8px; border-bottom:1px solid #ccc; padding-bottom:5px }
td.contentdescription { padding:8px; }
a.readon { color:#fff; background:url(/main/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(/main/images/read-h.gif) no-repeat }
.article_separator { background:url(/main/images/article-div.gif) repeat-x center; display:block; height:6px; width:97%; margin:auto 0 10px auto }
.article_column { padding-right:10px; }
.column_separator { border-left:1px solid #ccc; padding-left:10px; }
.pagenav  { font-size:1em }
.contenttoc td { padding:2px 5px }
.contenttoc { border:1px dotted #D8E0DF; margin:5px }
.componentheading, .contentheading { font-size:1.5em; color:#42EBFF  }
.componentheading { margin:0 0 10px 0; padding:7px 0 7px 15px; border-bottom:1px dotted #13AABF; border-top:1px dotted #13AABF }
.buttonheading a { margin:0 2px }
legend { margin: 0; padding: 0 10px }

/* Module Settings */
.moduletable_menu .tog, .moduletable_text .tog h3 { width:200px; height:45px; margin:10px 0; background:url(/main/images/mod-blue.gif) no-repeat }
.moduletable .tog  { width:200px; height:45px; line-height:45px; padding:0 0 0 15px; margin:10px 0; background:url(/main/images/mod-blue.gif) no-repeat }
.moduletable_menu h3, .moduletable_text h3 { padding-left:15px; line-height:45px; color:#fff }
.moduletable_menu { margin-bottom:15px; }
.moduletable_menu ul { margin:0; padding:0; list-style:none; }
.moduletable_menu a { font-weight:bold; text-decoration:none; display:block; padding:3px 5px 5px 15px; margin-left:5px; cursor:pointer }
.moduletable_menu a:hover { cursor:pointer }
#header .moduletable .tog { background-image:none; display:block }
#footer .moduletable h3 { display:none; float:left; list-style:none }
/* End Module Settings */


/*_____________ Login Form ________*/
/* Note: If positioned in the right column, remove the margin from these styles */
#modlgn_remember { width:20px; border:none; margin:15px 0 0 0 }
#form-login .button { margin:15px 0 0 0 }
/*_____________ End Login Form ________*/

.search .inputbox { background:#fff; border:1px solid #074A67; color:#000; display:block !important; display:inline; width:120px; height:13px; padding:2px 10px; margin:8px 45px 0 0; float:right; position:relative; font-size:0.9em}
h1 { font-size:1.4em; color:#fff }
h2 { font-size:1.3em; color:#fff }
h3 { font-size:1.2em }
h4 { font-size:1.1em }

/*___________________Table View______________*/
td.sectiontableheader { background:#06485B; color:#fff; border-right:1px solid #022B3F; padding:5px 10px; font-weight:bold; }
td.sectiontableheader a { color:#fff; text-decoration:none; }
tr.sectiontableentry1 td { padding:5px; }
tr.sectiontableentry2 td { padding:5px; }
tr.sectiontableentry2 {  }

/*_______________EXTRAS __________________*/

#upcoming_events_content { padding:0 0 15px 0 }