@import url(reset.css);

/*_______________GENERAL SETUP________________*/
body { font-size:76%; font-family:Tahoma, Arial, sans-serif; background:#303030; color:#fff }
html { height:100.1% }
body, td { line-height:130% }
a { color:#B5C76E }
a:hover { color:#fff }
p { margin: 0; margin-bottom: 10px; }
blockquote { margin: 0; margin-bottom: 10px; margin-left: 30px; }

/*___________________MAIN LAYOUT________________*/
#wrapper { width:940px; margin:10px auto; background:url(../images/main-bg.gif) repeat-y; border-right:1px solid #1F1E1E; border-left:1px solid #1F1E1E; border-top:1px solid #1F1E1E }
#wrapRt { width:690px; float:right; position:relative }
#logo { width:250px; height:142px; margin:0; float:left; position:relative; background:url(../images/logo.jpg) no-repeat }
#randomBanner { width:690px; height:130px; z-index:1 !important; }
#breadcrBg { width:690px; height:40px; margin:0; background:#000 }
#breadcrumb { color:#fff; float:left; position:relative; padding:12px 0 0 25px; font-size:0.9em }
#breadcrumb a { color:#fff }
#searchBg { float:right; position:relative; height:24px; width:184px; display:inline; background:url(../images/search-bg.gif) no-repeat; margin:10px 15px 0 0 }
#main { width:100%; border-collapse:collapse; margin:0; float:left; padding:0  }
.inner { padding:20px }
#mainRight { width:650px; float:right; position:relative; padding:15px 20px }
#leftColumn { width:250px; height:auto; float:left; overflow:hidden }
#rightColumn td { width:200px; height:auto; overflow:hidden; margin:0; background:#414141; border-collapse:collapse }
#footer { width:911px; padding:10px 15px; background:#1F1E1E; text-align:center; font-size:0.9em; margin: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; color:#fff; 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 { 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 { font-style:italic; 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/menu-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. */
/*Grey Module*/
.moduletable, .moduletable_menu { padding:0 0 15px 0; margin:0; background:#504F4F; width:100%; color:#fff; border-bottom:1px solid #3C3C3C }
.moduletable h3, .moduletable_menu h3 { background:url(../images/grey-mod.gif) no-repeat left; margin:0; padding:13px 0 12px 26px; color:#fff; font-size:1.2em; font-weight:bold }
.moduletable div, .moduletable_menu div { background:none; padding:0 13px;}
.moduletable a, .moduletable_menu a { color:#fff }
.moduletable .button, .moduletable_menu .button { background:url(../images/button-grey.png) no-repeat }
.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 */

/*Grey Module*/
.moduletable_grey { padding:0 0 15px 0; margin:0; background:#504F4F; width:100%; color:#fff; border-bottom:1px solid #3C3C3C }
.moduletable_grey h3 { background:url(../images/grey-mod.gif) no-repeat left; margin:0; padding:13px 0 12px 26px; color:#fff; font-size:1.2em; font-weight:bold }
.moduletable_grey div { background:none; padding:0 13px;}
.moduletable_grey a { color:#fff }
.moduletable_grey .button { background:url(../images/button-grey.png) no-repeat }
.pollstableborder_grey, .poll_grey { text-align:left; width:auto }
.moduletable_grey .bannergroup_grey { padding:0; margin:0; width:100% }

/*Orange Module*/
.moduletable_orange { padding:0 0 15px 0; margin:0; background:#C98205; width:100%; color:#fff; border-bottom:1px solid #A06806 }
.moduletable_orange h3 { background:url(../images/orange-mod.gif) no-repeat left; margin:0; padding:13px 0 12px 26px; color:#fff; font-size:1.2em; font-weight:bold }
.moduletable_orange div { background:none; padding:0 13px;}
.moduletable_orange a { color:#fff }
.moduletable_orange .button { background:url(../images/button-orange.png) no-repeat }
.pollstableborder_orange, .poll_orange { text-align:left; width:auto }
.moduletable_orange .bannergroup_orange { padding:0; margin:0; width:100% }

/*Red Module*/
.moduletable_red { padding:0 0 15px 0; margin:0; background:#8E3D2A; width:100%; color:#fff; border-bottom:1px solid #692A1A }
.moduletable_red h3 { background:url(../images/red-mod.gif) no-repeat left; margin:0; padding:13px 0 12px 26px; color:#fff; font-size:1.2em; font-weight:bold }
.moduletable_red div { background:none; padding:0 13px;}
.moduletable_red a { color:#fff }
.moduletable_red .button { background:url(../images/button-red.png) no-repeat }
.pollstableborder_red, .poll_red { text-align:left; width:auto }
.moduletable_red .bannergroup_red { padding:0; margin:0; width:100% }

/*Blue Module*/
.moduletable_blue { padding:0 0 15px 0; margin:0; background:#417992; width:100%; color:#fff; border-bottom:1px solid #23556B }
.moduletable_blue h3 { background:url(../images/blue-mod.gif) no-repeat left; margin:0; padding:13px 0 12px 26px; color:#fff; font-size:1.2em; font-weight:bold }
.moduletable_blue div { background:none; padding:0 13px;}
.moduletable_blue a { color:#fff }
.moduletable_blue .button { background:url(../images/button-blue.png) no-repeat }
.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; background:#8D985C; width:100%; color:#fff; border-bottom:1px solid #6C763D }
.moduletable_green h3 { background:url(../images/green-mod.gif) no-repeat left; margin:0; padding:13px 0 12px 26px; color:#fff; font-size:1.2em; font-weight:bold }
.moduletable_green div { background:none; padding:0 13px;}
.moduletable_green a { color:#fff }
.moduletable_green .button { background:url(../images/button-green.png) no-repeat }
.pollstableborder_green, .poll_green { text-align:left; width:auto }
.moduletable_green .bannergroup_green { 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:#ccc }
.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:#96CFE8 }
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:68px; 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/bullet5.gif) no-repeat top left; padding-left:20px; margin:0 0 2px 8px; margin-bottom:20px }
.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:20px; padding:1px 0 0 8px; font-weight:bold; text-decoration:none; text-align:left; float:right; font-size:0.9em }
a.readon:hover { color:#333; 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 #EFB768; margin:5px }
.componentheading, .contentheading { font-size:1.5em; color:#EFB768 }
.componentheading { margin:0 0 10px 0; padding:7px 0 7px 15px; border-bottom:1px dotted #EFB768; border-top:1px dotted #EFB768 }
.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:6px 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:#000; border-right:1px solid #303030; 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 }