@import url(reset.css);

/*_______________GENERAL SETUP________________*/
body { font-size:76%; font-family:Tahoma, Arial, sans-serif; background:#4A4949 url(../images/background.jpg) repeat-x; color:#fff }
html { height:100.1% }
body, td { line-height:130% }
a { color:#fff }
a:hover { color:#EEE8AF }

/*___________________MAIN LAYOUT________________*/
#wrapper { width:940px; margin:0 auto; overflow:hidden;  background:#2C2B2B }
#logo { width:940px; height:244px; margin:10px 0 0 0 !important; margin:0; background:url(../images/logo.jpg) no-repeat }
#searchBg { float:right; position:relative; height:24px; width:184px; display:inline; background:url(../images/search-bg.gif) no-repeat; margin:0 }
#main { width:450px !important; width:440px; height:auto; overflow:hidden; float:left; margin:15px 25px }
#mainRight { width:670px; float:right; position:relative; margin:15px 25px }
#mainLeft { width:670px; float:left; position:relative; margin:15px 25px }
#leftColumn { width:205px; height:auto; float:left; overflow:hidden; margin-left:15px !important; margin-left:7px }
#rightColumn { width:205px; height:auto; float:right; overflow:hidden; margin-right:15px !important; margin-right:7px }
#footer { width:940px; margin:0 auto }
#footer .text { width:880px; background:#131212; padding:10px 15px; text-align:left; font-size:0.9em; margin:5px auto }

/*__________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; color:#fff; background:url(../images/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/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 { 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:#EEE8AF; 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 { color:#fff; text-decoration:underline }
ul.menu li.active li a { background:url(../images/sub-list.gif) left no-repeat; margin-left:5px; padding-left:10px; z-index:50 !important; color:#fff; text-decoration:inherit; font-weight:normal } /* submenu link color */

/*_________END VERTICAL SIDE MENU STYLES________*/



/*__________MODULE COLOR STYLES________*/

/*Default Module - NOTE: Only to be used if a module installed does not come with the "Module Class Suffix".  In this case, you do nothing but allow the default to take over.  Also, by default Joomla 1.5 install does come with some predefined "Module Class Suffix" in which you will need to change. Some examples are the main menu, resources, key concepts, ect.  They all have _menu by default. Advertisements module has a predefined class called _text, which will also need to be changed if used. */
.moduletable, .moduletable_menu { padding:0 0 15px 0; margin:0 0 10px 0; background:url(../images/blue-bottom.gif) no-repeat 0 bottom #3C97B4; width:100% }
.moduletable h3, .moduletable_menu h3 { background:url(../images/blue-top.gif) no-repeat 0 0; padding:11px 0 20px 35px; color:#2C2B2B; font-size:1.2em; font-weight:bold }
.moduletable div div, .moduletable_menu div div { background:none; padding:0 13px;}
.pollstableborder, .poll { text-align:left; width:auto }
.moduletable .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 */

/*Blue Module*/
.moduletable_blue { padding:0 0 15px 0; margin:0 0 10px 0; background:url(../images/blue-bottom.gif) no-repeat 0 bottom #3C97B4; width:100% }
.moduletable_blue h3 { background:url(../images/blue-top.gif) no-repeat 0 0; padding:11px 0 20px 35px; color:#2C2B2B; font-size:1.2em; font-weight:bold }
.moduletable_blue div div { background:none; padding:0 13px;}
.pollstableborder_blue, .poll_blue { text-align:left; width:auto }
.moduletable_blue .bannergroup_blue { padding:0; margin:0; width:100% }

/*Green Module*/
.moduletable_green { padding:0 0 15px 0; margin:0 0 10px 0; background:url(../images/green-bottom.gif) no-repeat 0 bottom #3CB487; width:100% }
.moduletable_green h3 { background:url(../images/green-top.gif) no-repeat 0 0; padding:11px 0 20px 35px; color:#2C2B2B; font-size:1.2em; font-weight:bold }
.moduletable_green div div { background:none; padding:0 13px;}
.pollstableborder_green, .poll_green { text-align:left; width:auto }
.moduletable_green .bannergroup_green { padding:0; margin:0; width:100% }

/*Yellow Module*/
.moduletable_yellow { padding:0 0 15px 0; margin:0 0 10px 0; background:url(../images/yellow-bottom.gif) no-repeat 0 bottom #EEE8AF; width:100%; color:#333 }
.moduletable_yellow h3 { background:url(../images/yellow-top.gif) no-repeat 0 0; padding:11px 0 20px 35px; color:#2C2B2B; font-size:1.2em; font-weight:bold }
.moduletable_yellow div div { background:none; padding:0 13px;}
.pollstableborder_yellow, .poll_yellow { text-align:left; width:auto }
.moduletable_yellow .bannergroup_yellow { padding:0; margin:0; width:100% }
.moduletable_yellow a { color:#333 }
.moduletable_yellow ul.menu a { display:block; color:#333; background:url(../images/grey-list.gif) left no-repeat; font-weight:bold; margin:0 0 0 3px; text-decoration:none; cursor:pointer }
.moduletable_yellow ul.menu li a:hover, 
.moduletable_yellow ul.menu li.active a:hover, 
.moduletable_yellow ul.menu li.active li a:hover { color:#333; text-decoration:underline; z-index:50 !important }
.moduletable_yellow ul.menu li.active a { color:#333; text-decoration:none; z-index:50 !important }
.moduletable_yellow ul.menu li.active li a { background:url(../images/grey-list.gif) left no-repeat; margin-left:5px; padding-left:10px; z-index:50 !important; font-weight:normal } 

/*Grey Module*/
.moduletable_grey { padding:0 0 15px 0; margin:0 0 10px 0; background:url(../images/grey-bottom.gif) no-repeat 0 bottom #787878; width:100% }
.moduletable_grey h3 { background:url(../images/grey-top.gif) no-repeat 0 0; padding:11px 0 20px 35px; color:#2C2B2B; font-size:1.2em; font-weight:bold }
.moduletable_grey div div { background:none; padding:0 13px;}
.pollstableborder_grey, .poll_grey { text-align:left; width:auto }
.moduletable_grey .bannergroup_grey { padding:0; margin:0; width:100% }

/*__________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 }
hr { height:1px; color:#0D5F72 }
.imgRight { float:right; margin:0 0 10px 10px; position:relative; border:3px double #ccc  }
.imgLeft { float:left; margin:0 10px 10px 0; position:relative; border:3px double #ccc }
.createdate, .small, .modifydate, .pagenavcounter { font-size:0.9em; padding:2px 0; color:#ccc }
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 }
#main ul li, #mainRight ul li, #mainLeft ul li { background:url(../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:#333; background:url(../images/read.gif) no-repeat; display:block; width:100px; height:27px; padding:5px 0 4px 0; font-weight:bold; text-decoration:none; text-align:center; float:right }
a.readon:hover { color:#3C97B4; 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: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 #EEE8AF; margin:5px }
.componentheading, .contentheading { font-size:1.5em; color:#EEE8AF }
.componentheading { margin:0 0 10px 0; padding:7px 0 7px 15px; border-bottom:1px dotted #EEE8AF; border-top:1px dotted #EEE8AF }
.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:170px; height:13px; padding:5px 0 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:#4A4949; color:#fff; border-right:1px solid #2C2B2B; 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 }

/* System Standard Messages */
#system-message { margin-bottom:20px; }
#system-message dd.message { background:#C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}
/* System Error Messages */
#system-message dd.error  { 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:10px 10px 10px 30px; text-indent:0px;}
/* System Notice Messages */
#system-message dd.notice  { 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:10px 10px 10px 30px; text-indent:0px;}
#system-message dd.notice ul li, #system-message dd.error ul li, #system-message dd.message ul li { background:none }