@import url(reset.css);

/*_______________GENERAL SETUP________________*/
body { font-size:76%; font-family:Tahoma, Arial, sans-serif; background:#009966 url(../images/top-bg.gif) top repeat-x fixed; color:#333 }
html { height:100.1% }
body, td { line-height:130% }
a { color:#027ABE }
a:hover { color:#027ABE }

/*___________________MAIN LAYOUT________________*/
#wrapper { width:918px; margin:0 auto }
#mainBg { background:#fff; overflow:hidden; height:100%; margin-bottom:5px; width:918px }
#logo { width:400px; height:123px; margin:0; float:left; position:relative; background:url(../images/logogif.gif) no-repeat }
#topRight { width:518px; height:123px; float:right; position:relative }
#breadcrumb { float:right; font-size:.9em; color:#fff; margin:15px 25px 0 0; height:20px }
#breadcrumb a { color:#F7FAE8 }
#searchBg { float:right; height:29px; width:220px; background:url(../images/search-bg.gif) no-repeat; margin:58px 0 0 0 }
#topMenu { height:40px; background:#000 url(../images/nav-bg.gif) repeat-x; margin:0 auto }
#randomBanner { width:918px; margin:0 auto; background:#3A3A41 }
#main { width:416px; overflow:hidden; float:left; position:relative; margin:15px 25px  }
#mainRight { width:617px; float:right; position:relative; margin:15px 25px }
#mainLeft { width:667px; float:left; position:relative; margin:15px 25px !important; margin:15px 12px }
#mainFull { width:890px; margin:15px auto }
#main ul, #mainRight li, #mainLeft li, #mainFull li { background:url(../images/menu-list.gif) no-repeat 0 5px; padding-left:10px; margin:0 0 2px 8px }
#leftColumn { width:250px; float:left; background:#EFF5CE; border-right:1px dashed #BECB77; border-bottom:1px dashed #BECB77; padding:15px 0 }
#rightColumn { width:200px; float:right; border-left:1px solid #BECB77; padding:15px 0; background:url(../images/right-bg.gif) top no-repeat }
#footer { width:100%; padding:10px 15px; background:#333; text-align:center; font-size:0.9em; margin:5px auto 0 auto; color:#fff }
#footer a { color:#fff }



/*__________VERTICAL COLUMN 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:18px; line-height:18px; padding-left:0 }
ul.menu a { display:block;  background:url(../images/menu-list.gif) left no-repeat; font-weight:bold; margin:0 0 0 3px; text-decoration:none; cursor:pointer }
ul.menu a:hover { background:url(../images/menu-list.gif) left no-repeat }
ul.menu ul { margin-left:15px; padding:0 }
ul.menu ul a { text-indent:0; z-index:50 !important; cursor:pointer }
ul.menu ul li a {  text-align:left; margin:0 }
ul.menu li.active li a:hover {  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 { text-decoration:none; z-index:50 !important }
ul.menu li a:hover, ul.menu li.active a:hover, ul.menu li.active li a:hover { text-decoration:underline }
ul.menu li.active li a { background:url(../images/menu-list.gif) left no-repeat; margin:0; padding:0 0 0 10px; z-index:50 !important; text-decoration:inherit; font-weight:normal } /* submenu link color */

/*_________END VERTICAL SIDE MENU STYLES________*/



/*__________MODULE COLOR STYLES________*/


#leftColumn .moduletable, #leftColumn .moduletable_text, #leftColumn .moduletable_menu { padding:0 0 10px 0; margin:0 auto 10px auto; width:230px }
#leftColumn .moduletable h3, #leftColumn .moduletable_text h3, #leftColumn .moduletable_menu h3 { background:url(../images/mod-left.gif) no-repeat 0 0; padding:5px 0 20px 30px; color:#fff; font-size:1.2em; font-weight:bold }
#rightColumn .moduletable, #rightColumn .moduletable_text, #rightColumn .moduletable_menu { padding:0 0 10px 0; margin:0 auto 10px auto; width:192px }
#rightColumn .moduletable h3, #rightColumn .moduletable_text h3, #rightColumn .moduletable_menu h3 { padding:0 0 5px 10px }
.moduletable div div, .moduletable_text div div, .moduletable_menu div div { background:none; padding:0 13px;}
.pollstableborder, .poll { text-align:left; width:auto }
.poll .button { width:64px; height:20px; border:none; padding:0; margin:5px 0 0 0; color:#000; font-size:0.9em; background:url(../images/button-poll.png) no-repeat }
.moduletable .bannergroup, .moduletable_text .bannergroup, .moduletable_menu .bannergroup { padding:0; margin:0; width:100% }
#latest_events_content div { text-indent:0; margin:0; padding:0; width:100% } /* Extra class for "mod_gcalendar_latest", if installed */



/*__________END MODULE COLOR 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 }

/*Image Styles*/
.contentpaneopen img { margin:8px }
.contentpaneopen .buttonheading img { padding:0; margin:0 }
.imgRight { float:right; position:relative; border:3px double #ccc  }
.imgLeft { float:left; position:relative; border:3px double #ccc }
.img {  border:3px double #ccc }
/*End Image Styless*/

hr { height:1px; color:#0D5F72 }
.createdate, .small, .modifydate, .pagenavcounter { font-size:0.9em; padding:2px 0; color:#8B9A13 }
table.contentpaneopen { width:99% }
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; margin:5px 0 0 0; color:#fff; font-size:0.9em; background:url(../images/button.png) no-repeat }
#searchForm .button { margin-left:10px }
.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:#333; background:url(../images/read.gif) no-repeat; display:block; width:110px; height:20px; padding:0 0 0 9px; font-weight:bold; text-decoration:none; text-align:left; float:right; font-size:0.9em }
a.readon:hover { color:#027ABE }
.article_separator { background:url(../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 #31537A; margin:5px }
.componentheading, .contentheading { font-size:1.5em; color:#B77B04 }
.componentheading { margin:0 0 10px 0; padding:7px 0 7px 15px; border-bottom:1px dotted #31537A; border-top:1px dotted #31537A }
.buttonheading a { margin:0 2px }
legend { margin: 0; padding: 0 10px }
#modlgn_remember { width:20px; border:none }
.search .inputbox { background:none; border:none; color:#fff; display:block !important; display:inline; width:190px; height:13px; padding:10px 0 0 0; float:right; position:relative; font-size:0.9em}
h1 { font-size:1.4em }
h2 { font-size:1.3em }
h3 { font-size:1.2em }
h4 { font-size:1.1em }

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

/*_______________EXTRAS __________________*/

#upcoming_events_content { padding:0 0 15px 0 }

/* System Standard Messages */
#system-message { margin-bottom: 20px; }
#system-message dd.message ul { background:#C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}
/* System Error Messages */
#system-message dd.error ul { color:#c00; background:#E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}
/* System Notice Messages */
#system-message dd.notice ul { color:#c00; background:#EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}
#system-message .message ul li { background-image:none }

/* Component Specific Fixes */

#component-contact table td { padding: 2px 10px }