@import url(layouts.css);
@import url(components.css);
@import url(navigation.css);
@import url(forms.css);


/* #######################  GENERAL SETTINGS ############################ */
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 0px; padding:0px; background:#FFFFFF
}
img {border:0px
}

ul {margin:0; padding:0; list-style:none
}
li {background: url(../images/li_bg.gif) left top no-repeat; padding:0 0 0 16px;
}


#wrapper{width: 100%
}
.clear {clear: both; font-size:0px; height:1px

}
/* header*/
#header_wrapper { width:100%; background:url(../images/headel_bg.jpg) repeat-x left top; height:141px
} 
#header_wrapper #header {width: 1192px; margin:0px auto; padding:0px; background:url(../images/header_img.jpg) top left no-repeat; height: 141px; position: relative; text-align:left}
#header_wrapper #header_right { width:50%; background:url(../images/header_right.jpg) repeat-x left top; height:141px; position:absolute; top:0px; right:0px;
} 
#header_wrapper #header #logo { position:absolute; left:146px; top:46px
}
#header_wrapper #header #top{position: absolute; right: 146px; top: 17px; width: 318px
}
/* menu*/
#menu_wrapper {height:37px; width:100%; background: url(../images/menu.jpg) left top repeat-x
}
#menu_wrapper #menu {width: 900px; margin:0px auto; padding:0px; height: 37px; position: relative; text-align:left; background:url(../images/menu_bg1.gif) left top no-repeat}
a.mainlevel { margin:0px 61px 0 0px; padding:0px; font-size:14px; color:#042030; text-decoration:none}

/* menu*/
#online_wrapper {height:30px; width:100%; background:#dfe5e6
}
#online_wrapper #online {width: 900px; margin:0px auto; padding:0px; height: 30px; position: relative; text-align:left; background:#dfe5e6
}
a.pathway {  font-size:12px; color:#007b92; text-decoration:none
}


/* content*/
#content_wrapper{width: 900px; margin: 0px auto; padding-top: 25px; text-align:left
}
#content_wrapper #content{width: 665px; float:left
}
#content_wrapper #right{width: 215px; float: right
}
.contentheading { font-size:20px; color:#007c93
}
.componentheading { font-size:0px
}
a.readon { font-size:13px; color:#ff9000; font-weight:bold; text-decoration:none
}
.createdate { font-size:11px; color:#5b5b5b; padding-left:22px; background: url(../images/create.gif) no-repeat left
}
.small {font-size:11px; color:#5b5b5b; padding-left:22px; background: url(../images/written.gif) no-repeat left
}
.modifydate {font-size:11px; color:#5b5b5b
}
.system-pagebreak { padding:5px 19px 0 0
}

.button {
}

/*latest*/
#latest { width:225px; float:left; padding:0px
}
#latest_in { background:url(../images/latest_bottom.gif) no-repeat left bottom #fcf7c2; width:215px; font-family: Arial; font-size: 13px; color:#007c93
}
#latest_in h3 { background:url(../images/latest_top.jpg) no-repeat left top; padding: 0 0 0 49px; font-size:13px; color:#04151f; line-height:36px; margin:0px
}
#latest_in div.moduletable, #popular_in div.moduletable, #quick_in div.moduletable { padding:0 0 15px 0
}
#latest_in a, #popular_in a, #quick_in a { font-family: Arial; font-size: 13px; color:#007c93; text-decoration:none
}
ul.latestnews, ul.mostread, ul.quick {margin:0; padding:15px 0 0 0; list-style:none
}
li.latestnews, li.mostread, li.quick {background: url(../images/latest_bg.gif) left top no-repeat; padding:0 0 0 34px;
}

#popular{ width:225px; float:left; padding:0px
}
#popular_in { background:url(../images/popular_bottom.gif) no-repeat left bottom #e6ebec; width:215px; font-family: Arial; font-size: 13px; color:#007c93
}
#popular_in h3 { background:url(../images/popular_top.jpg) no-repeat left top; padding: 0 0 0 49px; font-size:13px; color:#dfe5e6; line-height:36px; margin:0px
}

#quick{ width:215px; float:right; padding:0px
}

#quick_in { background:url(../images/latest_bottom.gif) no-repeat left bottom #fcf7c2; width:215px; font-family: Arial; font-size: 13px; color:#007c93
}
#quick_in h3 { background:url(../images/quick_bg.jpg) no-repeat left top; padding: 0 0 0 49px; font-size:13px; color:#04151f; line-height:36px; margin:0px
}
.search { padding-top:5px 
}
#search .inputbox { width:289px; border:0px; height:22px; background:url(../images/search_bg.gif) no-repeat left top; font-family:Arial; font-size:12px; color:#616161; padding:5px 0 0 29px
}

#footer_wrapper {width:100%; background: url(../images/footer_bg.gif) left top repeat-x #031923
}
#footer {width: 900px; margin:0px auto; padding:16px 0 23px 0; position: relative; text-align:left; background:url(../images/footer_bg.gif) left top repeat-x #031923; color:#5c7c82
}
#footer a { color:#5c7c82; text-decoration:underline
}
#footer a:hover { color:#5c7c82; text-decoration:none
}



/* #######################  END GENERAL SETTINGS ############################ */