@import url(reset.css);

/*_______________GENERAL SETUP________________*/
body { font-size:13px; font-family:Arial, Helvetica, sans-serif; background:#d2c08e  }
#body { background:#d2c08e url(../images/bg.png) repeat-x top; color:#fff }
html { height:100.1% }
body, td { line-height:130% }

.ho  {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 130%;
	font-weight: normal;
	}

td { vertical-align:top }
a { color:#fff }
a:hover { color:#d2c08e; text-decoration:underline }

/*___________________MAIN LAYOUT________________*/
#wrapper { width:955px; margin:0 auto }
#headerLogo { background:url(../images/header-logo.png) no-repeat; width:955px; height:227px  }
#breadcrumb { float:left; color:#fff; height:21px; margin:7px 0 0 0 }
#breadcrumb a { color:#ebe3d0 }
.search .inputbox { background:none; border:0; color:#fff; display:block; width:200px; height:14px; margin:7px 0 0 0; padding:0 5px; float:right; font-size:0.9em; display:inline } 
#logo { width:450px; height:140px; margin:0 auto }
#contentWrap { width:940px; margin:15px auto 0 auto; padding:0 }
#mainBg { background:#000 }
#mainBg:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
#mainBg { display:inline-block } /* Hide from IE Mac \*/
#mainBg { display:block } /* End hide from IE Mac */
* html #mainBg { height:1px } /*for IE6 and down*/
#mainBgTop { width:940px; height:21px; background:url(../images/content-top.png) no-repeat }
#mainBgBt { width:940px; height:21px; background:url(../images/content-bottom.png) no-repeat; margin:0 auto }
#main { width:620px; float:left; margin:0 0 0 15px !important; margin:0 0 0 7px; padding:0 }
#mainFull { width:910px; margin:0 auto }
#rightColumn { width:270px; float:right; padding:15px 0 0 0; margin:0 15px 0 0 !important; margin:0 7px 0 0; background:#222222 url(../images/right-top.gif) top no-repeat }
#rightColumnBt { background: url(../images/right-bottom.gif) no-repeat; width:270px; height:19px }
#footer { font-size:.85em; width:940px; margin:0 auto 30px auto; color:#000;  }
#footer a { color:#000 }
#copyright { width:940px; padding:25px 0 0 0; float:left; display:inline; color:#000 }

/*__________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:6px }
ul.menu a { display:block; background:url(../images/menu-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/menu-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/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 STYLES________*/
.moduletable, .moduletable_text, .moduletable_menu { padding:0; margin:0 0 10px 0; width:260px }
.moduletable h3, .moduletable_text h3, .moduletable_menu h3, .moduletable_login h3 { width:240px; padding:0 0 0 20px; color:#e7dec4; font-size:1.2em; font-weight:bold }
.moduletable .cont, .moduletable_.cont, .moduletable_menu .cont, .moduletable_login .cont, .moduletable_text .cont { background:none; padding:2px 13px 0 13px;  }
.pollstableborder, .poll { text-align:left;  }
.poll td { margin:0; padding:0; text-align:left } 
.poll td div  { text-align:left; float:left; clear:none; margin:0px; padding:0 }
.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 { margin:0 0 0 15px; padding:0; border:0 }
.moduletable li { list-style:none; background:url(../images/menu-list.gif) no-repeat 0 5px; padding-left:14px; }
#leftColumn li { list-style:none }

/*SLIDESHOW (user 5) */ 
.moduletable_flashBanners { padding:0; margin:0 auto 20px auto; background:#000; border:2px solid #373737; width:912px; height:290px }
#main .moduletable_flashBanners ul li { background:none }

/*HOME BANNERS (user 6) */ 
.moduletable_homeBanners { padding:0; margin:10px auto; background:none }
.moduletable_homeBanners img { float:left; margin:0 2px }

/*LOGIN MODULE ( user 7) */
.moduletable_login { padding:0 15px 0 0; margin:15px 0 15px 0; float:right; width:460px; display:inline  }
.moduletable_login div div { background:none; padding:0 }
.moduletable_login .cont { margin:0; padding:0 }
.moduletable_login li, .moduletable_login p { list-style:none; float:left; margin:0 7px 0 0}
.moduletable_login ul { margin:0; padding:0 }
/* Note: If positioned in the right column, remove the margin from these styles */
#modlgn_remember { width:20px; border:none; margin:0 5px 0 0 }
#form-login .button, #form-login-remember { margin:15px 0 0 0 }

/*________________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 } /* Place margin settings here for universal image spacing */
.contentpaneopen .buttonheading img, #component-contact img { padding:0; margin:0; border:none }
.imgRight { float:right; margin:8px  }
.imgLeft { float:left; margin:8px }
/*End Image Styless*/

hr { height:1px; color:#ccc }
.createdate, .small, .modifydate, .pagenavcounter { font-size:0.8em; padding:2px 0; color:#e30d0d }
table.contentpaneopen, table.blog { width:100% }
div .contentpane { width:98% }
table.contentpaneopen td { padding-bottom:1px }
.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 #d7ccbd; width:auto }
.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.png) no-repeat; display:block; width:105px; height:27px; text-align:center; font-weight:bold; text-decoration:none; float:right; font-size:0.9em; line-height:27px }
a.readon:hover { color:#ebe3d0 }
.article_separator { background:url(../images/article-div.gif) repeat-x center; display:block; height:6px; width:97%; padding:9px 0; margin: 0 auto }
.article_column { padding-right:10px; }
.column_separator { border-left:1px solid #ebe3d0; padding-left:10px; }
.pagenav  { font-size:1em }
.contenttoc td { padding:2px 5px }
.contenttoc { border:1px dotted #ccc; margin:5px }
.componentheading, .contentheading { font-size:1.3em; color:#ebe3d0; font-weight:bold }
.componentheading { margin:0 0 10px 0; padding:7px 0 }
.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:#363636; border-right:1px solid #000; padding:5px 10px; font-weight:bold; }
td.sectiontableheader a { text-decoration:none; }
tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding:5px }
#count { width:10% }
#tableOrdering { width:70% }
#author { width:20% }

/*_______________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 }
