@import url(reset.css);

/*_______________GENERAL SETUP________________*/
body { font-size:14px; font-family:"Times New Roman", Times, serif; background:#cedbc6 url(../images/bg.gif) repeat-x; color:#2b2b2b }
html { height:100.1% }
body, td { line-height:120%  }
a { color:#0A77AA }
a:hover { color:#0A5172 }

/*___________________MAIN LAYOUT________________*/
#headerLogo { width:1014px; height:161px; background:url(../images/header-logo.png) no-repeat; margin:0 auto; padding:0 }
#wrapper { width:940px; margin:0 auto }
#logo { height:156px; width:161px; float:left } 
#topRight { float:right; height:161px; width:619px }
.search .inputbox { background:none; border:none; color:#000; display:block !important; display:inline; width:200px; height:13px; padding:2px 9px; margin:35px 35px 0 0; float:right; font-size:0.9em; font-family:"Times New Roman", Times, serif}
#mainRight { width:560px; float:right; margin:10px 0 0 0 }
#mainRightTp { background:url(../images/top-content.png) no-repeat; height:42px; width:560px }
#mainRightMid { background:url(../images/mid-content.png) repeat-y; width:560px }
.mainContent { padding:0 12px 12px 12px; margin:0 }
.mainContent2 { padding:0 0 15px 0; margin:0 auto; width:900px }
#mainFull { width:940px; margin:5px auto 0 auto }
#mainFullTp { background:url(../images/top-content-full.png) no-repeat; height:42px; width:940px }
#mainFullMid { background:url(../images/mid-content-full.png) repeat-y; width:940px }
#leftColumn { width:360px; float:left; margin:20px 0 0 0 }
#leftColumn a { color:#000 }
#footer { width:940px; height:125px; margin:8px auto; font-size:0.9em; color:#fff; background:url(../images/login.png) }
#footer a { color:#fff }
#copyright { float:left; width:390px; margin:20px 0 0 10px; display:inline }

/*__________VERTICAL SIDE 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:0 0 0 10px; 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-left:5px; padding-left:10px; z-index:50 !important; text-decoration:inherit; font-weight:normal } /* submenu link color */ 
/*_________END VERTICAL SIDE MENU STYLES________*/


/*__________MODULE STYLES________*/
/* DEFAULT MODULES (position- right) */
.moduletable, .moduletable_menu, .moduletable_text { padding:0 0 14px 0; margin:5px auto 0 auto; width:350px; background:url(../images/mod-div.gif) no-repeat bottom }
.moduletable h3, .moduletable_menu h3, .moduletable_text h3 { padding:10px 0 5px 20px; margin:0 0 0 8px; font-size:1.25em; font-weight:bold; color:#000 }
.moduletable .cont, .moduletable_text .cont, .moduletable_menu .cont { background:none; padding:0 16px; margin:0 }
.moduletable_menu .cont ul.menu { margin:0 0 0 16px }
.moduletable .cont ul { padding:0 0 0 30px; background:none; margin:0 }
.moduletable .contentpaneopen td { background:none; padding:0 13px;}
.poll td { margin:0; padding:0; text-align:left }

/*WHO'S ONLINE MODULE (user 3)*/
.moduletable_online { float:left; width:231px; height:38px; padding:10px 0 0 14px; background:url(../images/whos-online.png) no-repeat; margin:25px 0 0 25px; font-size:.9em; line-height:14px  } 

/*SLIDESHOW MODULE (user 5)*/
.moduletable_flashBanners { float:left; width:534px; margin:0 0 10px 0; background:url(../images/flash-banners-bg.gif) no-repeat } 

/*HOME BANNERS MODULE (user 6)*/
.moduletable_homeBanners { width:536px; height:208px; margin:0 0 10px 0; text-align:center } 
.moduletable_homeBanners img { margin:0; padding:0 }

/*GREEN MODULE (left) */
.moduletable_green { padding:0 0 25px 0; margin:0 0 10px 0; background:#a4ba98 url(../images/green-mod-bt.gif) bottom no-repeat; width:360px }
.moduletable_green .cont { background:none; padding:0 13px 0 35px;}
.moduletable_green h3 { padding:27px 0 5px 33px; color:#000; font-size:1.25em; font-weight:bold; background:url(../images/green-mod-top.gif) no-repeat; width:327px }
.moduletable_green .cont ul { margin:0; padding:0 13px }
.moduletable_green .cont ul.menu { margin:0 0 0 -14px }

/*LOGIN MODULE (user 7) */
.moduletable_login { padding:10px 0 0 0; margin:0; width:460px; color:#fff; font-size:1em; float:right; display:inline }
.moduletable_login .cont { margin:0; padding:0; background:none }
.moduletable_login li, .moduletable_login p { list-style:none; float:left; margin:0 7px 0 0}
.moduletable_login ul { margin:0; padding:0 }
.moduletable_login a { color:#fff }
.moduletable_login .inputbox { background:#fff; color:#000; width:120px }
/* Note: If positioned in the right column, remove the margin from these styles */

#modlgn_remember { width:12px; height:12px; background:#fff; margin:0 5px 0 0; padding:0; border:none  }
#form-login .button, #form-login-remember { margin:15px 0 0 0 }

/*____________END MODULE 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:10px }
hr { height:1px; color:#D1C0A0 }

/* Use imgRight and imgLeft classes for spacing, alignment, and image borders. */ 
/*Image Styles*/
.contentpaneopen img { margin:0 8px  }
.contentpaneopen { padding:0; margin:0 }
.buttonheading a { margin:0 2px }
.buttonheading { text-align:right; padding:0; margin:0 2px; }
.buttonheading img {border:0; padding:0; margin:0 }
.imgRight { margin:10px; float:right  }
.imgLeft { margin:10px; float:left }
/*End Image Styless*/

.createdate, .small, .modifydate, .pagenavcounter, .createdby { font-size:0.9em; color:#236C8C; margin:0; padding:0 }
table.contentpaneopen, table.blog, div .contentpane { width:100% }
table.contentpaneopen fieldset { border-bottom:1px dotted #ccc; padding-bottom:7px; width:99% }
table.contentpaneopen td { padding-bottom:1px }
.contentpane li { margin-bottom:8px; border-bottom:1px solid #ccc; padding-bottom:5px }
td.contentdescription { padding:8px }
.componentheading, .contentheading { font-size:1.3em; color:#648f41; padding:0; font-weight:bold }
.componentheading { margin:0 0 10px 0; padding:0 0 7px 0; border-bottom:1px dotted #648f41 }
.button { width:75px; height:20px; border:none; padding:0; margin:5px 0 0 0; color:#fff; font-size:0.9em; background:url(../images/button.png) no-repeat; font-family:"Times New Roman", Times, serif }
a.readon { color:#fff; background:url(../images/read.gif) no-repeat; width:90px; height:23px; line-height:23px; padding:0 0 0 10px; font-weight:bold; text-decoration:none; font-size:.9em; float:right }
a.readon:hover { color:#f6eacf }
.article_separator { background:url(../images/article-div.png) repeat-x center; display:block; height:18px; width:99%; margin:8px auto 0 auto }
.article_column { padding-right:10px }
.column_separator { border-left:1px dotted #ccc; padding-left:10px; }
.pagenav  { font-size:1em }
#searchForm .button { margin-left:10px }
.inputbox { width:auto; border:1px solid #ccc }


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:#eef2eb; border-right:1px dotted #fff; padding:5px; font-weight:bold }
td.sectiontableheader a { text-decoration:none }
tr.sectiontableentry1 td { padding:5px }
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 }

/* -- Editor 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 }
#component-contact img { border:none; margin:0; padding:0 }