html { height: 100%; width: 100%; font-family: Arial, Helvetica, Sans Serif; line-height: 150%; font-size: 12px; color: #000; background: #FFF url(../images/sky.jpg) top center repeat-x; background-attachment: fixed;}

body { width:100%; margin:0 auto; }

* { margin:0; padding:0;}

.clearfix { clear:both; }

img { border:none; }

ul { list-style:none; }

li { list-style:none; }

h1 { font-size:2em; }

/*********************************/

td , p { line-height:150%; font-family:  Arial, Helvetica, sans-serif; font-size:12px; color:#555;}

strong { line-height:150%; font-family:  Arial, Helvetica, sans-serif; font-size:12px; color:#555; }

a:link, a:visited { font-family : Arial, Helvetica, sans-serif; font-size : 11px; color : #336666; font-weight:bold; text-decoration : none;}

a:hover { font-family : Arial, Helvetica, sans-serif; color : #ff0000; text-decoration : underline;}

img {border: none;}

/*********************************/

#main_container { width: 780px; margin:40px auto;}

.logo { width: 200px; float: left; }

.top_right { width: 400px; float: right; text-align: center; }

#top_nav { width: 600px; margin:0px auto; float: right; text-align: right;position: relative;    }


#top_head { margin:0; padding:0; width: 780px; height: 108px; background: url(../images/top_head.png) no-repeat;}

.inner_head  { padding: 20px 30px 0;}

.inner_bottom { padding: 5px 30px 0;}

#low_bottom { margin:0; padding:0; width: 780px; height: 108px; background: url(../images/low_bottom.png) no-repeat;}


#main_body { width: 780px!important; margin:0 auto!important; padding:0; background: url(../images/body_bg.png) repeat-y;  }

.main_nav { width: 600px; margin:0px auto; height: 30px; }

#header { width: 730px; margin:0px auto; }

.inner_body { padding: 10px 20px;  }

#content_main { width:730px; margin: 0 auto;  }

.horizontal_mod { width: 740px; margin: 0 auto; padding: 0;}

.mod1 { float: left; width:240px; margin-left:5px;}

.mod2 { float: left; width:240px; margin: 0 0 0 5px;}

.pathways_wrapper { margin:10px 0; padding: 0 10px;  background: #EEE; border-bottom: 1px dashed #CCC; border-top: 1px dashed #CCC; height:25px; line-height:25px; }

.pathway , .pathway a { font-size: 11px;padding: 0; font-weight: bold; color: #444; }

.pathways { float: left; }

.searchbox { float: right; padding: 4px 0; }

.footer_menu { float: left;margin: 0; padding: 0;text-align: left;}

.copyright { float: right; width:350px;text-align: right; font-size: 11px; color:#888; font-weight: bold; }

/* JOOMLA MENU CSS */

ul.menu_top { list-style: none; display: inline;margin: 0 30px; padding: 0;position: relative;   }
ul.menu_top li {list-style: none; display: inline;margin: 0; padding: 0;position: relative;   }
ul.menu_top li a {color: #999;text-decoration: none; padding: 2px 10px; font-weight: bold;}
ul.menu_top li a:hover {color: #555;text-decoration: none;font-weight: bold;}
ul.menu { list-style: none; display: inline; margin: 0 ; padding: 0;position: relative;   }
ul.menu li {display: inline;margin: 0; padding: 0;  width: 110px!important; line-height: 25px!important; background: url(../images/tab_menu.png) no-repeat; }
ul.menu li a {text-align:center;color: #000;text-decoration: none; padding: 3px 10px; font-size: 13px; width: 110px!important; line-height: 25px!important;}

ul.menu_footer { list-style: none; display: inline;margin: 0 px; padding: 0;position: relative;   }
ul.menu_footer  li {list-style: none; display: inline;margin: 0; padding: 0;position: relative;   }
ul.menu_footer  li a {padding: 0 10px 0 0 ; color:#888; text-decoration: none; }

/* HORIZONTAL MAIN NAVIGATION */

.hornav_wrapper { background: url(../images/hornav.png) top center no-repeat!important; height: 25px; overflow: visible; width:730px; margin: 0 auto; }

#hornav  { display:block; position:relative; padding: 0 30px; top: 0; }

#hornav ul  { margin:0; padding:0; width:auto; list-style:none; position: absolute; z-index:999; }

#hornav ul li { margin:0; padding:0; line-height:20px; float:left; }

#hornav ul li a  { color:#999; text-align: center; line-height:25px; display: block; width: 110px; height: 25px; background: url(../images/tab_menu.png) no-repeat; padding:0px; }

#hornav ul li a:hover  { text-decoration:none; color:#333; background: url(../images/tab_menu_hov.png) no-repeat; }

#hornav ul li#current a  { text-decoration:none; color:#333; background: url(../images/tab_menu_hov.png) no-repeat!important; }

#hornav ul li#current ul li a , #hornav ul li ul li#current a , #hornav ul li ul li a { text-align: left; padding-left: 25px; color: #666; background: url(../images/arrow_menu.png) center left no-repeat!important; }

#hornav ul li ul { display:block; height:auto; width: 14em; position:absolute; z-index:99; left: -999em; top: 30px!important; background: #EEE; }

#hornav ul li ul a { color:#999; text-transform:uppercase; padding:0 10px; display: block; }

#hornav ul li ul ul { margin: -40px 0 0 14em; }

#hornav ul li li { width: 14em;height:30px; }

#hornav ul li ul { left: -999em; }

#hornav ul li:hover ul ul, #hornav ul li:hover ul ul ul { left: -999em; }

#hornav ul li:hover ul, #hornav ul li li:hover ul, #hornav ul li li li:hover ul { left: auto; }

/* JOOMLA SPECIFIC CSS */

#page , .results { width:700px!important; margin: 0 auto;}

.button { font-size: 12px; font-weight: bold; }

.search_field_option { float: left; padding: 5px; }

ul.search { list-style: none; }

span.Tips2 { cursor: pointer; }

ul.search li { background: #DDD; margin:3px 0; padding: 5px; }

.contentpaneopen , .contentpane { width : 98%;  padding : 5px 10px; }

table.searchinto { width : 99%; }

/*** MODULE STYLE ***/

.moduletable_menu h3 { color: #FFF; font-size:14px; font-weight: bold; line-height: 32px; height: 32px; }

.form-login , fieldset{ border: none; }

.moduletable h3 { color: #333; font-size:14px; font-weight: bold; line-height: 32px; height: 32px; padding:0 15px; }

.moduletable  { padding:  0; text-align: center; color: #666; }

.moduletable td{ color: #666; }

div.bmmodule h3 { line-height:25px; height:20px; padding: 5px 0px 5px 20px ; margin: 0 10px; text-align: left; font-size: 14px; font-weight: bold; background: url(../images/box_h3_divider.png) 0 100% repeat-x; }

div.bmmodule { background: url(../images/box_br.png) 100% 100% no-repeat; }

div.bmmodule div { background: url(../images/box_bl.png) 0 100% no-repeat; }

div.bmmodule div div { background: url(../images/box_tr.png) 100% 0 no-repeat; }

div.bmmodule div div div { background: url(../images/box_tl.png) 0 0 no-repeat; padding-bottom:5px; }

div.mod_content { padding: 0 10px 10px; background: none!important; }


/* JOOMLA SPECIFIC CSS2	*/

.componentheading { height : 25px; line-height : 25px; font-family : Arial, Helvetica, sans-serif; color:#666; font-size : 24px; font-weight : bold; white-space : nowrap; padding : 0; font-variant: small-caps; }

.contentcolumn { height : 35px; color : #000; font-family : Arial, Helvetica, sans-serif; font-size : 16px; font-weight : bold; white-space : nowrap; padding-left : 10px; margin : 5px; }

.contentheading  { font-family :  Arial, Helvetica, sans-serif; color : #555; padding: 0px; font-size : 24px; font-weight : bolder; line-height : 30px; height : 30px; margin: 0; overflow: visible; }

.contentpagetitle { height : 25px; color : #fff; font-family : Tahoma, Arial, sans-serif; font-size : 16px; font-weight : bold; white-space : nowrap; margin :0; }

a.contentpagetitle:link, a.contentpagetitle:visited, a.contentpagetitle:hover { font-family :  Arial, Helvetica, sans-serif; color : #FFF; padding-left: 10px; font-size : 20px; font-weight : bolder; line-height : 56px; height : 56px; margin: 0; float:left; overflow: visible; }

.heading_right { float:right; margin-top: 15px; height: 41px; width: 18px; }

.titleh2 { height: 56px; background: url(../images/site_bg.png) repeat; }

.iteminfo , .articleinfo { background: url(../images/site_bg2.png) repeat; padding: 5px; margin: 2px 0 10px 0; }

td.buttonheading { padding: 2px 3px 0 0; }

.createdby  { font-size: 10px; font-family:Arial, Helvetica, sans-serif; color: #666; background: url(../images/icon-user.gif) no-repeat; height: 20px; padding-left: 20px; }

.createdate { font-size: 10px; font-family:Arial, Helvetica, sans-serif; color: #666; background: url(../images/icon-date.gif) no-repeat; height: 20px; padding-left: 20px; }

.modifydate { font-size: 10px; font-family:Arial, Helvetica, sans-serif; background: url(../images/icon-date.gif) no-repeat; color: #666; height: 20px; padding-left: 20px; }

.content_rating { padding-left:7px!important;padding-left:5px; color:#fff; }

.pagenav { text-align : center; font-family : Tahoma, Arial, sans-serif; font-weight : bold; font-size : 11px; text-decoration : none; width : auto; padding : 3px ; height : 25px; line-height : 25px; margin : 3px; border: solid 1px #ff0000; background: #333; color:#fff; }

.pagenav:hover { background: #555; }

.pagenavbar , .pagenavbar a:hover { font-family : Tahoma, Arial, sans-serif; font-size : 10px; margin-right : 10px; float : left; padding : 2px; text-decoration : none; }

.pagenav:link ,
.pagenav_next ,
.pagenav_prev ,
.pagenav_prev a:hover ,
.pagenav:visited ,
.pagenav_next a:hover { font-family : Tahoma, Arial, sans-serif; font-weight : bold; font-size : 11px; text-decoration : none; }

/* content tables */
td.sectiontableheader { color: #444; font-weight: bold; padding: 4px; }

tr.sectiontableentry0 td{ padding: 4px; text-align:left; color: #999; }

tr.sectiontableentry1 td { padding: 4px; text-align:left; color: #999; }

tr.sectiontableentry2 td { padding: 4px; text-align:left; color: #999; }

table.contentpane td td { border-bottom: 1px solid #555; color: #ccc; }

table.contentpane td td:hover,table.contentpane td td:focus { background:#FFFFCC; color:#333; z-index: 1; }

td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { padding: 3px; text-align:left; color: #999; }

.hr_line { border-top:1px solid #555; }

.break_line { margin:5px 0 ; height:5px; border-top: 2px dotted #CCC; }

.readon { float: right; background: url(../images/readon.png) no-repeat; height: 20px; width:65px; text-align: right; }

.readon:hover , .readon:focus { float: right; background: url(../images/readon2.png) no-repeat; height: 20px; width:65px; }

a.readon:link , a.readon:visited { font-family :  Arial, Helvetica, sans-serif; font-size : 10px; padding: 0 5px; text-decoration: none; font-weight: bold; color: #666; }

a.readon:hover { text-decoration: none; color: #333; }

.mostread_news li , .latestnews_news li   { text-align : center; line-height : 20px; padding:0px; margin : 2px; }

li.mostread_news , li.latestnews_news { background: none; border-bottom : 1px dotted #ccc; line-height : 20px; height : 25px; padding:0px 10px; margin : 2px 5px; }

.category { padding-left : 5px; }

.error { font-style : italic; text-transform : uppercase; padding : 5px; color : #efefef; font-size : 12px; }

.message { color : #383838; font-family : Verdana, Arial, Helvetica, sans-serif; font-weight : bold; font-size : 14px; text-decoration :none; text-align : center; font-variant : small-caps; }

.contact_email { padding : 4px; margin : 4px; }

.highlight { background-color : #c4df0e; color : #666666; padding : 0; }

code { color : #dddddd; background-color : #fafafa; padding : 2px; border-left : 4px solid #d8d7d7; border-right : 4px solid #d8d7d7; }

form { margin : 0; padding : 0; font-size:10px; }

div.search input { width: 145px; height:15px; border: 1px solid #ccc; }

.inputbox { border: 1px solid #CCCCCC; background: #FFFFFF; }

.inputbox:hover, .inputbox:focus { background: #FFFFCC; }

/*****************************************/

.skip, .hideme, .print { position: absolute; top: -1000em; left: -1000em; height: 1px; width: 1px; }

.skip:focus, .skip:active { position: static; top: 0; left: 0; height: auto; width: auto; }

/*** PAGINATION STYLE ***/

ul.pagination { margin: 15px auto; padding: 0 ; }

ul.pagination li { margin: 3px 5px 3px 0px; padding: 2px 5px; display: inline; background: #99CCFF; font-weight: bold; color: #FFF; }

ul.pagination li span  { padding: 2px 5px; font-weight: bold; }

ul.pagination a:link , ul.pagination a:visited , ul.pagination a:hover { text-decoration: none; color: #FFF; }

.pagenavbar { padding-left: 14px; }

.pagenavcounter { padding: 8px 14px 0 14px; }


/**/

.modal{ }