@import url(reset.css);

/*_______________GENERAL SETUP________________*/
body { font-size:76%; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif }
#body {
	color:#5C574E;
	background-color: #abafb7;
	background-image: url(../images/bgtemp.jpg);
	background-repeat: repeat;
	background-position: left top;
}
html { height:100% }
body, td {
	line-height:130%;
}
td { vertical-align:top }
a {
	color:#f1f1e9
}
a:hover {
	color:#ffffff;
	text-decoration:underline
}

/*___________________MAIN LAYOUT________________*/
#outerWrap { width:1138px; min-height:800px; height:auto !important; height:800px; margin:0 auto; background: url(../images/outer-wrap.png) top no-repeat  }
#contentWrap {
	width:950px;
	margin:0 auto;
	padding-bottom:15px;
	overflow: hidden;
	background-color: #f1f1e9;

}
#bgwrapper {
	width:1024px;
	margin:0 auto;
	background-image: url(../images/centerwrapbg.jpg);
	background-repeat: repeat-y;
} 
	
#headerLogo { background:url(../images/header-logo.png) no-repeat; width:950px; height:202px; margin:0 auto } 
#logo { width:450px; height:140px; margin:0 auto }
.search {
width:210px;
}
.search .inputbox {
	background-color:#FFFFFF;
	border:1px solid #9a9a9a;
	color:#11648e;
	display:block;
	width:150px;
	height:14px;
	font-size:0.9em;
	margin-top: 11px;
	margin-right: 30;
	margin-bottom: 0;
	margin-left: 30;
}
#main {
	width:490px;
	float:left;
	margin:0 0 15px 0;
	background-color: #e1dbcf;
	border: 1px solid #a59887;
}
#mainRight {
	width:710px;
	float:right;
	margin:0px 10px 0 0;
	background:#e1dbcf;
	border:1px solid #a59887;
}
#mainLeft { width:720px; float:left; margin:40px 0 0 10px !important; margin:40px 0 0 5px; background:#e5e9ec }
#mainFull { width:920px; margin:40px auto 0 auto; background:#e5e9ec }
.padding { padding:13px }
#leftColumn {
	width:210px;
	float:left;
	padding:0;
	margin:0px 10px 0 10px !important;
	margin:40px 10px 0 5px
}
#rightColumn { width:210px; float:right; padding:0; margin:0px 10px 0 0 !important; margin:40px 5px 0 0  }
#footer {
	font-size:1em;
	height:80px;
	position: relative;
	color: #CCCCCC;
	background-color: #000000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
}
#footer div {
	text-align:center;
	margin: auto;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}


/*__________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:17px; line-height:17px; padding-left:0 }
ul.menu a { display:block; background:url(../images/list.gif) left no-repeat; font-weight:bold; margin:0 0 0 0; text-decoration:none; cursor:pointer }
ul.menu a:hover { background:url(../images/list.gif) left no-repeat; text-decoration:underline }
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/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 STYLES________*/
.moduletable, .moduletable_text, .moduletable_menu, .moduletable_login, .moduletable_noimage {
	padding:0 0 10px 0;
	margin:0 auto 5px auto;
	width:210px;
	background-color: #322e2b;
	color: #f1f1e9;
}
.moduletable h3, .moduletable_text h3, .moduletable_menu h3, .moduletable_login h3, .moduletable_noimage h3 {
	width:210px;
	height:45px;
	color:#f1f1e9;
	font-size:1.2em;
	font-weight:bold;
	line-height:40px;
	background-image: url(../images/blockheader2.jpg);
	background-repeat: no-repeat;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}

.moduletable_menu a { font-weight:bold }

.moduletable div div, .moduletable_text div div, .moduletable_menu div div, .moduletable_login div div, .moduletable_noimage div div { background:none; padding:5px 13px 0 13px;}
.pollstableborder, .poll { text-align:left; width:auto }
.moduletable .bannergroup, .moduletable_text .bannergroup, .moduletable_menu .bannergroup { padding:0; margin:0; width:100% }
.moduletable .cont ul, .moduletable_menu .cont ul, .moduletable_text .cont ul, .moduletable_login .cont ul, .moduletable_noimage .cont ul { margin:0 0 0 5px; padding:0; border:0 }

.moduletable li { list-style:none; background:url(../images/menu-list.gif) no-repeat 0 5px; padding-left:10px; }
#leftColumn li, #rightColumn { list-style:none }

.moduletable_login li, .moduletable_login li { list-style:none; margin:0; padding:0; font-size:0.9em  } /*LOGIN (left or right) */
.moduletable_login .inputbox { height:14px }
.moduletable p, .moduletable br { margin:0 0 5px 0 }

/*SLIDESHOW (user 5) */ 
.moduletable_flashBanners {
	padding:0;
	width:464px;
	height:294px;
	background:#000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
#main .moduletable_flashBanners ul li { background:none }

/*________________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:5px }
.contentpaneopen .buttonheading img { padding:0; margin:0 }
.imgRight { float:right; border:3px double #fff  }
.imgLeft { float:left; border:3px double #fff }
.img {  border:3px double #fff }
/*End Image Styless*/

hr { height:1px; color:#efd9b1 }
.createdate, .small, .modifydate, .pagenavcounter {
	font-size:0.8em;
	padding:2px 0;
	color:#80786b
}
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:1px }
div .contentpane { width:100% }
.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 }
.input .inputbox { width:80% }
.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:#F1F1E9;
	background:url(../images/read.gif) no-repeat;
	display:block;
	width:95px;
	height:31px;
	padding:0 0 0 10px;
	font-weight:bold;
	text-decoration:none;
	float:right;
	font-size:0.9em;
	line-height:29px
}
a.readon:hover {
	color:#fff
}
.article_separator { background:url(../images/article-div.gif) repeat-x center; display:block; height:6px; width:97%; margin:7px auto }
.article_column { padding-right:10px; }
.column_separator {
	border-left:1px solid #232323;
	padding-left:10px;
}
.pagenav  { font-size:1em }
.contenttoc td { padding:2px 5px }
.contenttoc { border:1px dotted #11648e; margin:5px }
.componentheading, .contentheading {
	font-size:1.3em;
	color:#5C574E;
	font-weight:bold
}
.componentheading { margin:0 0 10px 0; padding:7px 0 7px 15px; border-bottom:1px dotted #11648e; border-top:1px dotted #11648e }
.buttonheading a { margin:0 2px }
legend { margin: 0; padding: 0 10px }
#modlgn_remember { width:20px; border:none }

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:#fff; border-right:1px solid #e3f4fc; 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 __________________*/

/* System Standard Messages */
#system-message { color:#000 }
#system-message { margin-bottom: 20px; }
#system-message dd.message ul { list-style:none; 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:10px 0 10px 40px; text-indent:0px }
/* System Error Messages */
#system-message dd.error ul { list-style:none; 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 0 10px 40px; text-indent:0px;}
/* System Notice Messages */
#system-message dd.notice ul { list-style:none; 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 0 10px 40px; text-indent:0px;}
#system-message .message ul li { list-style:none; background-image:none }

/* -- buttons */
#editor-xtd-buttons { padding:5px }
.button2-left, .button2-right, .button2-left div, .button2-right div { float:left }
.button2-left a, .button2-right a, .button2-left span, .button2-right span { display:block; height:22px; float:left; line-height:22px; color:#000; cursor:pointer } /*font-size */
.button2-left span, .button2-right span {cursor:default; color:#000 }
.button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span { padding:0 6px }
.page span { color:#000; font-weight:bold }
.button2-left a:hover, .button2-right a:hover { text-decoration:none; color:#0B55C4 }
.button2-left a, .button2-left span { text-decoration:none; padding:0 24px 0 6px }
.button2-right a, .button2-right span { text-decoration:none; padding:0 6px 0 24px }
.button2-left { background: url(../../system/images/j_button2_left.png) no-repeat; float:left; margin-left:5px }
.button2-right { background: url(../../system/images/j_button2_right.png) 100% 0 no-repeat; float:left; margin-left:5px }
.button2-left .image { background: url(../../system/images/j_button2_image.png) 100% 0 no-repeat }
.button2-left .readmore { background: url(../../system/images/j_button2_readmore.png) 100% 0 no-repeat }
.button2-left .pagebreak { background: url(../../system/images/j_button2_pagebreak.png) 100% 0 no-repeat }

/* Component Specific Fixes */
#component-contact table td { padding: 2px 10px }
#page_cap {
	background-image: url(../images/page_top.jpg);
	background-repeat: no-repeat;
	margin: auto;
	height: 34px;
	width: 1024px;
}
#header_container {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
}
#header_container #header-left {
	background-image: url(../images/headerleft.jpg);
	background-repeat: no-repeat;
	height: 230px;
	width: 37px;
	float: left;
}
.cont {
width:210px;
}
#header_container #header-right {
	background-image: url(../images/headerright.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 230px;
	width: 37px;
}
#header_container #header-display {
	height: 230px;
	width: 950px;
	float: left;
}
#body #outerbgwrap {
	background-image: url(../images/headerwrapbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: auto;
}
#body #headerbar {
	background-image: url(../images/headerbarrepeat.jpg);
	background-repeat: repeat-x;
	height: 67px;
}
#body #outerbgwrap #1024_wrap {
	background-image: url(../images/centerwrapbg.jpg);
	margin: auto;
	width: 1024px;
}
#body #footerbar {
	background-image: url(../images/footerbar.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: auto;
	height: 40px;
	font-size: 14px;
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	text-decoration: none;
}
#body #footerbar a{
	text-decoration: none;
}
#body #footerbar a:hover{
	text-decoration: none;
	color:#FFFFFF;
}
