@import url(reset.css);

/*_______________GENERAL SETUP________________*/
body {
 	font-size:76%;
	font-family:Tahoma, Arial, sans-serif;
	background:#ccc;
	color:#2E1302
}
html { height:100.1% }
body, td { line-height:160% }
a {
	color:#640E27
}
a:hover {
	color:#FFF
}

/*___________________MAIN LAYOUT________________*/
#wrapper {
	width:1010px;
	margin:0 auto;
	background-color: #640E27;
}
#logo {
	width:990px;
	height:150px;
	background-image: url(../images/vsnimages/header.png);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#mainBg {
	overflow:hidden !important;
	height:100%;
	width:990px;
	background-color: #CCC;
	margin-right: auto;
	margin-left: auto;
}
#randomBanner { width:910px; margin:0 auto }
#breadcrBg {
	width:990px;
	height:40px;
	background-image: url(../images/vsnimages/menu.png);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
#breadcrumb { color:#fff; float:left; position:relative; padding:10px 0 0 25px; font-size:0.9em }
#breadcrumb a { color:#fff }
#searchBg {
	float:right;
	position:relative;
	margin:7px 20px 0 0;
	height:24px;
	width:184px;
	display:inline;
	background:url(../images/search.png);
}
.mainTable { width:98.9%; margin:0 auto }
#main { width:450px; height:auto; overflow:hidden; float:left; margin:5px 25px }
#mainRight { width:670px; float:right; position:relative; margin:5px 25px }
#mainLeft { width:670px; float:left; position:relative; margin:5px 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:990px;
	height:150px;
	background-image: url(../images/vsnimages/footer.png);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
#footer .text {
	width:880px;
	text-align:center;
	font-size:0.9em;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 150px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;

}

/*__________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 { 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 { 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; text-decoration:inherit; font-weight:normal } /* submenu link color */

/*_________END VERTICAL SIDE MENU STYLES________*/


/*__________MODULE COLOR STYLES________*/

.moduletable, .moduletable_text, .moduletable_menu {
	padding:0 0 15px 0;
	margin:0 0 10px 0;
	width:100%;
	background-color: #bcbcbc;
	background-image: url(../images/mod-bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
.moduletable h3, .moduletable_text h3, .moduletable_menu h3 { background:url(../images/mod-top.png) no-repeat 0 0; padding:13px 0 20px 20px; color:#2E1302; font-size:1.2em; font-weight:bold }
.moduletable div div, .moduletable_menu div div { background:none; padding:0 13px;}
.moduletable_text div div { background:none; padding:0 5px;}
.pollstableborder, .poll { text-align:left; width:auto }
.moduletable .bannergroup, .moduletable_text .bannergroup, .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 }
hr { height:1px; color:#0D5F72 }
.imgRight { float:right; margin:0 0 10px 10px; position:relative; border:1px solid #ccc  }
.imgLeft { float:left; margin:0 10px 10px 0; position:relative; border:1px solid #ccc }
.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 }
.button {
	width:68px;
	height:20px;
	border:none;
	padding:0;
	margin:5px 0 0 0;
	color:#fff;
	font-size:0.9em;
	background-color: #666;
	background-image: url(../images/button.png);
	background-repeat: 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;
	background-color: #FFF;
}
.contentpane li { margin-bottom:8px; border-bottom:1px solid #ccc; padding-bottom:5px }
td.contentdescription { padding:8px; }
a.readon { color:#fff; background:url(../images/read.gif) no-repeat; display:block; width:85px; height:20px; padding:0 0 4px 0; font-weight:bold; text-decoration:none; text-align:center; float:right; font-size:0.9em }
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: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 #0580C0; margin:5px }
.componentheading, .contentheading {
	font-size:1.5em;
	color:#640E27;
	background:url(../images/heading.gif) left no-repeat;
	padding:4px 0 0 22px;
	margin:0 0 15px 0;
	line-height:24px;
	height:24px
}
.componentheading { border-bottom:1px dotted #0580C0; border-top:1px dotted #0580C0 }
.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:175px; height:13px; padding:6px 0 0 0; float:right; position:relative; font-size:0.9em}
h1 { font-size:1.4em;
      margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px; }
h2 { font-size:1.3em }
h3 { font-size:1.2em }
h4 { font-size:1.1em }

/*___________________Table View______________*/
td.sectiontableheader { background:#E2DAD1; border-right:1px solid #EFEAE4; 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 }