﻿body{text-decoration:none; margin:0px; padding:0px; border:0px; font-size:12px; font-family:Verdana, Tahoma, sans-serif, Helvetica; height:100%; line-height:1.3; background-image:url(../images/background.jpg); background-repeat:no-repeat; background-position:top; background-attachment:fixed}

/* colors */
body{color:#000}
a:link, a:visited, #maincontent a, #maincontent td.contentheading a {color:#000}
a:hover, a:active, #maincontent a:hover, #maincontent td.contentheading a:hover{color:#333}

#topmenu li a{color:#000}
#topmenu li a:hover, #topmenu li:hover a, #topmenu li.sfHover a{color:#FFF}
#topmenu li.active a{color:#FFF}
#topmenu li ul li a{color:#000 !important}
#topmenu li ul li a:hover{color:#FFF !important}

#maincontent .dfContactInfoText{color:#000}
#dfContactForm{color:#000}
#maincontent .cat-children ul dl dt, .cat-children ul dl dd, #maincontent dl.article-count dt, #maincontent dl.article-count dd{color:#000}

#maincontent .category-list{color:#000}
#maincontent .category-list a{color:#000}
#maincontent .category-list a:hover{color:#333}

#maincontent .categories-list{color:#000}
#maincontent .categories-list a{color:#000}
#maincontent .categories-list a:hover{color:#333}

#maincontent .category-desc{color:#000}
#maincontent .category-desc a{color:#000}
#maincontent .category-desc a:hover{color:#333}
#maincontent .category-desc ul li{color:#000}

#maincontent .item-title a{color:#000}

#leftcolumn div.module_hat h3{color:#000}
#leftcolumn, #leftcolumn a, #leftcolumn div.module_menu a, #user1column a, #user1column div.module_menu a{color:#000}
#leftcolumn, #leftcolumn div.module_menu, #user1column, #user1column div.module_menu{color:#000}
#leftcolumn a:hover, #leftcolumn div.module_menu a:hover, #user1column a:hover, #user1column div.module_menu a:hover{color:#036}

#title{color:#FFF}
#sitetitle{color:#FFF}

.breadcrumbs{color:#000}
a.pathway{color:#000}
a.pathway:hover{color:#333}

#banner a{color:#000}
#banner a:hover{color:#333}

#footer, #Ads, #Coypright{color:#FFF}
#footer a, #Ads a, #Coypright a{color:#FFF}
#footer a:hover, #Ads a:hover, #Coypright a:hover{color:#CCC}
span.pagination span {border:1px solid #000}
span.pagination span:hover {border:1px solid #333}

label{color:#000}

#info_msg{color:#CCC}
#info_msg a{color:#CCC}
#info_msg a:hover{color:#999}

/* Configuration */
#logo{z-index:0; margin-left:auto; margin-right:auto; width:1000px; height:200px; background-image:url(../images/logo.png); background-repeat:repeat-y; position:relative; margin-top:0px;}
#flash{z-index:1;}

#title{z-index:2; top:45px; left:45px; text-align:left; width:900px; position:absolute; font-size:35px; font-family:Verdana, Geneva, sans-serif; font-style:oblique; font-weight:bold}
#sitetitle{z-index:3; top:90px; left:45px; text-align:left; width:900px; position:absolute; font-size:15px; font-family:Verdana, Geneva, sans-serif; font-style:oblique; font-weight:bold}

/* lists */
h1,h2,h3,h4,h5,h6,blockquote,form,label,ul,ol,dl,fieldset,address{margin:0px; padding:0px}
ul,ol{margin:1px; padding:1px}
ol li{margin-left:20px}
p {margin-top: 0; margin-bottom: 5px}

/* news and pop */
.latestnews{text-align:left}
.mostread{text-align:left}

.syndicate-module img{border:0px}
a.syndicate-module{text-decoration:none}

/* user3 */
#topmenu div.moduletable{padding-left:20px}
#topmenu{width:1000px; float:left; height:30px; margin:0; z-index:100; position:relative}
/* #topmenu{width:1000px; float:left; height:30px; background-image:url(../images/mod_user3.png); background-repeat:no-repeat; background-position:center; margin:0; z-index:100; position:relative} */
#topmenu li{list-style-type:none; float:right; height:30px; text-align:left; line-height:25px; vertical-align:middle}
#topmenu ul{margin:0}
#topmenu li.active a{background:#7A7884}
#topmenu li a{border-right:2px solid #000; padding-left:20px; padding-right:20px; text-decoration:none; opacity:0.9}
#topmenu li a:hover, #topmenu li:hover a, #topmenu li.sfHover a{text-decoration:none; background:#7A7884}
#topmenu li li a{background:#7A7884 !important; opacity:0.9}
#topmenu li li.active a, #topmenu li li a:hover, #topmenu li.active li a{background:#7A7884 !important}
#topmenu li{list-style:none; float:left; height:26px; position:relative}
#topmenu li a{display:block; padding:0 20px; line-height:26px; font-weight:bold; text-transform:uppercase; font-size:11px}
#topmenu li.active a{text-decoration:none}
#topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li:hover ul ul ul ul, #topmenu li.sfHover ul ul, #topmenu li.sfHover ul ul ul, #topmenu li.sfHover ul ul ul ul{left:-999em}
#topmenu li li{display:none}
#topmenu h3{display:none}

/* dynamic layout */
#mainframe{width:1000px; margin-left:auto; margin-right:auto; background-image:url(../images/site.png); background-repeat:repeat-y}
#maincolumn{padding-left:0px; float:left; overflow:hidden}
#maincolumn_right{float:left; overflow:hidden}
#maincolumn_left{padding-left:0px; float:left; overflow:hidden}
#maincolumn_off{width:970px; overflow:hidden; margin-left:auto; margin-right:auto}
#bottom{margin-left:auto; margin-right:auto; width:1000px; height:40px; background-image:url(../images/bottom.png); background-repeat:repeat-y; margin-bottom:20px}
.blog, .blog-featured{width:98%; margin-left:auto; margin-right:auto}

/* banner */
#banner{margin-left:auto; margin-right:auto; text-align:center}
#banner img{border:0px; margin-bottom:10px}
#banner h3{Display:none}

/* pathway */
#pathway{float:left; font-size:9px; font-weight:bold; height:35px; margin-bottom:0px; width:1000px}
/*#pathway{background-image:url(../images/breadcrumb.png); float:left; font-size:10px; font-weight:bold; height:35px; margin-bottom:0px; width:1000px}*/
#pathway h3{display:none}
#pathway a{text-decoration:none}
.breadcrumbs{margin-left:40px; margin-top:2px}

/* left */
#leftcolumn{padding-left:25px; float:left; overflow:hidden; padding-top:7px;}
#leftcolumn div.module_hat{height:25px; padding-top:12px}
#leftcolumn div.module_hat h3{text-align:left; padding-left:15px}
#leftcolumn div.module_content{margin-left:auto; margin-right:auto; margin-top:-15px; margin-bottom:-15px}
#leftcolumn div.module_menu ul ul li{font-size:10px; padding:0px; margin:0px; display:block}
#leftcolumn div.module_menu li{list-style-type:none; padding:0px; margin:0px; display:block}
#leftcolumn div.module_menu li a{text-align:left; display:block}
#leftcolumn li{margin-left:15px}

/* footer */
#footer{margin-left:auto; margin-right:auto; text-align:center; margin-bottom:20px} 
#footer img{border:0px}
#footer h3{Display:none}
#footer p{margin-left:auto; margin-right:auto; text-align:center}
#footer div.moduletable{margin-left:auto; margin-right:auto; text-align:center}

/* Info */
#info_msg{text-align:center; font-size:11px}

/* editor */
fieldset{font-size:0.9em; border:0px; padding-left:10px}
table.adminform td, fieldset.metadata, fieldset{white-space:normal}
td.mceToolbarTop, span.mceToolbarContainer{white-space:normal; text-align:center; position:static !important}
td.mceToolbarTop a, td.mceToolbarTop a img{padding:0px; margin:0px; position:static !important} 
table.mceEditor, span.mceToolbarContainer, span.mceMenuButton{position:static !important}
#maincontent textarea, textarea#text, textarea.inputbox {width:330px !important; overflow:auto}
textarea#metadesc, textarea#metakey, input#created_by_alias{width:250px !important; overflow:auto}

/* login */
label{font-weight:bold}
#modlgn-remember{margin-bottom:10px}
#modlgn-username{background:url(../images/icon_login.jpg) no-repeat left #FFF; height:25px; line-height:24px; padding-left:24px; width:75%; border:solid 1px #CCCCCC; font-size:14px; font-weight:bold}
#modlgn-passwd{background:url(../images/icon_password.jpg) no-repeat left #FFF; height:25px; line-height:24px; padding-left:24px; width:75%; border:solid 1px #CCCCCC; font-size:14px; font-weight:bold}

.logout-button{margin-top:10px}

input.button, button.button, button.validate{ cursor:pointer; padding:3px 5px 3px 7px; font-weight:bold; line-height:1.2em; font-family:arial}
.login-fields{margin:10px 0}
.login-fields label{float:left; width:9em}
.login-description img, .logout-description img{float:left; margin-right:20px}
.login-description, .logout-description{overflow:hidden; padding-left:5px; margin:20px 0 10px 0}
.logout-description{margin-bottom:20px}

/* buttons */
.buttonheading{font-size:10px}
.buttonheading_blog{font-size:10px; background:none !important; border:none !important}
.buttonheading img, .buttonheading_blog img{border:0}

.button {margin-top:5px; margin-bottom:5px}
* html .button{padding:2px 0 !important; /*IE 6*/}
*+html .button{padding:2px 0 !important; /*IE 7*/}

/* tooltip */
.tip{font-size:0.8em; text-align:left; padding:3px; max-width:400px; background-color:#FFF; color:#000; border:1px dotted #000}
.tip-title{font-weight:bold} 

/* new details */
.article-info{margin:0px 0 10px 0px; font-size:0.8em}
dt.category-name, dt.create, dt.modified, dt.createdby{float:left}
.archive .article-info dd, .article-info dd{margin:2px 0 0px 0; line-height:1.5em}
dd.createdby{}
.article-info dd span{text-transform:none; display:inline-block; padding:0 5px 0 0px; margin:0 10px 0 0px}

/* new icons */
#mainframe ul.actions{text-align:right; padding:0; width:100%; margin:0}
#mainframe ul.actions li{display:inline; padding:0px 5px 0px 0px}
#mainframe ul.actions a{text-decoration:none}
.actions img{border:0}

/* new position  */
.blog-featured {padding: 0}

.items-leading {padding:0; margin-bottom:10px;overflow:hidden;}
.row-separator {display:block; clear:both; margin:0; border:0px; height:1px}
.item-separator {display:none; margin:0px;}
.cols-1{display: block; float: none !important; margin: 0 !important;}

.cols-2 .column-1{width:47%; float:left; margin:0;}
.cols-2 .column-2{width:47%; float:right; margin:0;}

.cols-3 .column-1{float:left; width:30%; padding: 0; margin-right:5%;}
.cols-3 .column-2{float:left; width:30%; margin-left:0; padding:0;}
.cols-3 .column-3{float:right; width:30%; padding:0;}

.cols-4 .column-1{width:20%; float:left;}
.cols-4 .column-2{width:20%; margin-left:4%; float:left;}
.cols-4 .column-3{width:20%; margin-left:4%; float:left;}
.cols-4 .column-4{width:20%; margin-left:0; float:right;}

.items-row{overflow:hidden; margin-bottom:10px !important}
.blog-more{padding:10px 5px}

/* main general */
#maincontent{margin:3px}
#maincontent h1{padding: 5px; font-size:1.4em; line-height:1.19em; font-weight:normal; margin:0 -5px 10px -5px}
#maincontent h2{font-size:1.6em; font-weight:normal}
#maincontent h2 a{text-decoration:none}
#maincontent h3{margin:20px 0 10px}
.item h2{margin:0 0px 0px 0px}
.item-page{margin-left:5px; margin-right:5px; padding:3px; display:block; overflow:hidden}
.item-title{ font-size:12px}
td.hits{vertical-align:top; text-align:center}

#maincontent .blog-featured h1, #main .blog h1{margin:0 0px 10px 0px}
#maincontent .cat-children ul dl dt, #maincontent .cat-children ul dl dd, #maincontent dl.article-count dt, #maincontent dl.article-count dd{ display:inline; margin:0px} 
#maincontent .items-row h2{font-weight:normal; padding:0px 0px 0px 0px; font-size:1.4em}
#maincontent ul.subcategories{margin:20px 20px 20px 10px}
#maincontent .subcategories-link{font-weight:bold}
#maincontent ul{list-style-position:outside; list-style-type:square; padding:0 0 0 15px; margin:10px 0 10px 0px}
#maincontent ol{padding:0 0 0 20px; margin:10px 0 10px 0px; list-style-position:outside}
#maincontent ul li, #maincontent ol li{ padding:0; line-height:1.7em; margin: 0}
#maincontent .category-list{padding:0 5px; display:block}
#maincontent .category-list h1{margin-left:-5px; margin-right:-5px}
#maincontent .categories-list ul{margin:0px 0 0 20px; padding:0}
#maincontent .categories-list ul li{padding: 5px}
#maincontent .categories-list ul ul{margin-left:15px}
.category-desc{line-height:1.7em; margin:10px 0; padding-left:0px}
.image-left{float:left; margin:0 5px 5px 0}
.image-right{float:right; margin:0 0 5px 5px}
.archive{padding:0 5px}
.archive form{padding:0 5px}
.blog .category-desc{padding:0 5px; margin:10px 0 25px}
.blog .cat-children .category-desc{padding:0 15px; margin:10px 0 25px}
.categories-list{padding:0 0px}
ul#archive-items{margin:20px 0 20px 0px; list-style-type:none; padding:0}
ul#archive-items li.row0, ul#archive-items li.row1{padding:10px 0; margin:10px 0}
.category{width:100%}
categroy.thead.tr{border:1px solid #fff}
.list-hits{text-align:center}

.display-limit{padding-bottom:10px;}

/* pagination */
#maincontent .pagination{padding:10px 0 10px 0px}
#maincontent .pagination ul{list-style-type:none; margin:0; padding:0; text-align:center}
#maincontent .pagination li{display:inline; padding:2px 5px; text-align:left; border:1px dotted; margin:0 2px}
.pagenav{padding:2px}
#maincontent .pagination li.pagination-start, #maincontent .pagination li.pagination-next, #maincontent .pagination li.pagination-end,#maincontent .pagination li.pagination-prev{border:1}
#maincontent .pagination li.pagination-start, #maincontent .pagination li.pagination-start  span{padding:5}
p.counter{font-weight:bold; font-size:12px; font-variant:small-caps; text-align:center}

/* pagenav */
#maincontent ul.pagenav {list-style-type:none; padding:0; overflow:hidden}
ul.pagenav li{display:inline-block; padding:0px; margin:0}
#maincontent ul.pagenav li{line-height:2em}
ul.pagenav li a{display:inline; padding:2px; text-decoration:none}
ul.pagenav li.pagenav-prev{float:left}
ul.pagenav li.pagenav-next{float:right}

/* mod_languages */
.mod-languages ul li{display:inline}

/* pagebreak */
#article-index{width:auto; float:right; border:solid 1px #eee; padding:10px; background:#f9faf9}
#article-index h3{margin:0; font-size:1em}
#article-index ul{list-style-type:disc;	color:#666}

/* mailto window */
#mailto-window{ background:#f5f5f5; padding:15px; border:solid 1px #ddd; position:relative}
#mailto-window label{width:10em}
.mailto-close{ position:absolute; right:0; top:5px; background:none}
.mailto-close a{min-width:25px; display:block; min-height:25px; overflow:visible}
.mailto-close a  span{position:absolute; left:-3000px; top:-3000px; display:inline}
#mailto-window  .inputbox{background:url("../images/content_bg.gif") repeat-x scroll 0 0 #FFFFFF; border:1px solid #ccc; padding:3px}
#mailto-window p{margin-top:20px}
#mailto-window button{margin:0 5px 0 0}

span.spacer > span.text label{white-space: nowrap; font-weight: bold; color: #666}
.red{font-weight: bold; color: #c00}
.star{color:#cc0000}

/* edit */
legend{font-size:16px}
form#adminForm{}
.edit form#adminForm fieldset{padding:20px 15px; margin:10px 0 15px 0}
.formelm{margin:5px 0}
.formelm label{width:13em; display:inline-block; vertical-align:top}
form#adminForm .formelm-area{padding:5px 0}
form#adminForm .formelm-area label{vertical-align:top; display:inline-block; width:7.9em}
.formelm-buttons{text-align:right; margin-bottom:10px}
.button2-left{}
a.modal-button, .button2-left .blank a, .button2-left a, .button2-left div.readmore a{font-size:12px; line-height:1.2em; font-weight:bold; text-decoration:none}
.contact{margin:5px}