html, body{
    font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background: #3673b9 url(body_bg.jpg) repeat-x top center;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

* { padding: 0px; margin: 0px; }

h1 {line-height: 10px;
	font: normal 18px "Trebuchet MS", "Times New Roman", Times, serif; 
	letter-spacing: 0px;
	color: #666666;
	}
	
h2 {font-weight: bold; 
    font-size: 18px; 
	color: #898989; 
	letter-spacing: -1px; 
	line-height: 18px; 
	text-transform: uppercase;
	}
	
h3 {font-weight: bold; 
    font-size: 14px; 
	color: #898989; 
	line-height: 20px; 
	text-transform: uppercase;
	}
	
h4 {font-weight: bold; 
    font-size: 13px; 
	color: #898989; 
	line-height: 14px; 
	text-transform: uppercase; 
	}
	
h5 {font-weight: bold; 
    font-size: 12px; 
	color: #898989; 
	line-height: 13px; 
	text-transform: uppercase; 
	}
	
h6 {
    font-weight: bold; 
    font-size: 13px;
	color:#666666;
	line-height: 13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
a {
    color: #1a64b2; 
	text-decoration: none;
	}
	
a:hover {
    color: #1a64b2; 
	text-decoration: underline;
	}
	
a.image, a.image:hover  {
    border:0;
	}
	
li{ 
    margin-left: 25px; 
	}
	
ul { }

#mcontent ul li, #mcontent2 ul li {	
	list-style: inside;
	padding-left: 25px;
	margin-left: 10px;
    }
	
#mcontent  {
    width:450px;
}

#right_col p {
	margin: 11px 0px;
}

fieldset {
	width: 90%;
	padding: 5px;
	border: 1px solid #eee;
}
.both {
	clear: both;
}

#content { 
	margin: 0px auto;
	width: 898px;
	background: #1a3f90;
	padding: 0px;
}
img { border: 0 none; }

#top {
    padding: 0px;
    margin: 0px;
    background: #1a3f90 url(top_bg.jpg) no-repeat top center;
    height: 135px;
    width: 898px;
    clear: both;
    position: relative;
}

#menu {
	padding: 0px;
	width: 880px;
	padding-left: 18px;
	height: 30px;
	background: #333333 url(top_menu_bg2.jpg) no-repeat top center;
	position: relative;
	z-index:4000;
}

#top_modules #top-panel {
	position: absolute;
	top: 0px;
	left: 9px;
	width: 880px;
	height: 215px;
}

#vertical_slide {
	background: #89bdf4 url(top_modules_bg.jpg) no-repeat top center;
	height: 215px;
	color: #ffffff;
	width: 100%;
}

#boxslide {
	position:absolute;
}

.mask{
	position: relative;
	width: 880px;
	height: 205px;
	overflow: hidden;
}

.mask img{
	position: absolute;
	display: block;
	border: none;
}

#top_modules .slides {
	position: absolute;
	top: 0px;
	left: 9px;
}

#top_modules #demo-server {
	position: absolute;
	top: 137px;
	left: 302px;
	z-index: 2000;
}

#top_modules #gallery {
	position: absolute;
	top: 137px;
	left: 396px;
	z-index: 2001;
}

#menu #uls {
	text-align: left;
	width: 868px;
	padding-top: 0px;
}

#menu table.moduletable {
	margin: 0px;
	padding: 0px;
}

#menu #uls table.moduletable td {
	background: none;
}

#menu #uls ul {
	list-style: none; 
	text-align: left; 
	padding-top: 0px;
}

#mainlevel-nav li
{
	padding: 0px;
	background: transparent;
	display: inline;
	height: 41px;
	white-space: nowrap;
	list-style-type: none;
	margin: 0px;
	float: left;
}

#mainlevel-nav li a
{
	display: block;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	font: bold 12px "Trebuchet MS", "Times New Roman", Times, serif;
	text-transform: none;
	background: transparent;
	padding: 10px 12px 12px 12px;
}

#mainlevel-nav li a:hover {
	color: #ffffff;
	text-decoration: none;
	background: transparent url(../1/images/li_a_active.jpg) no-repeat top center;
}

#menu #pb {
	position: absolute;
	right: 21px;
	top: 11px;
	color: #84bbf1;
}

#menu #pb a {
	color: #ffffff;
}

#coverlogin {
	width: 898px; 
	height: 0px;  
	overflow: hidden;
	background: transparent url(main_bg.gif) repeat-y top center;
}

#sepline {
	background: transparent url(../1/images/sep_line.jpg) no-repeat top center;
	height: 1px;
}


#top_modules {
	width: 866px;
	height: 210px;
	clear: both;
	margin: 0px;
	padding: 0px 16px;
	background: #89bdf4 url(top_modules_bg.jpg) no-repeat top center;
	position: relative;
	
}

#top_modules .mod_user5, #top_modules .mod_user6, #top_modules .mod_user7 {
	float: left;
	width: 145px;
	color: #ffffff;
	height: 180px;
	padding-left: 25px;
	padding-right: 25px;
	line-height: 16px;
}

#top_modules .mod_user5 h3, #top_modules .mod_user6 h3, #top_modules .mod_user7 h3 {
	padding: 0px;
	margin: 25px 0px 10px 0px;
	font: normal 18px Georgia, "Times New Roman", Times, serif; 
	letter-spacing: 0px;
	color: #ffffff;
	text-transform: none;
}


#top_modules a {
	color: #1a64b2;
	font-weight: bold;
	text-decoration: none;
}

#top_modules a:hover {
	color: #1a64b2;
	font-weight: bold;
	text-decoration: underline;
}

#main {
	padding: 0px 9px; 
	margin: 0px; 
	width: 880px;
	background: #ffffff url(main_bg.gif) repeat-y top left;
	margin-top:-18px;
	padding-top:20px;
} 

#main #left_col {
	float: left;
	width: 200px;
	background: transparent;
}

#main #left_col div.moduletable {
	color: #868686;
}

#main #right_col {
	float: right;
	width: 673px;
	padding-right: 7px;
	padding-top: 9px;
}

#mosright {	float: right; width: 200px; background-color: transparent; margin-left: 10px; }
#mosright div.module div div div div {
background: none;
padding: 0px;
margin: 0px;
}


#main #mcontent {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background: transparent;
}

#main #mcontent2 {
	margin: 0px;
	padding: 0px 3px 0px 10px;
	background: transparent;
}

#newsflash {
	clear: both;
	padding: 0px;
	width: 645px;
	margin: 0px 25px;
	background: #ffffff;
	border-top: 1px solid #cccccc;
}

#newsflash h3 {
	font: normal 18px Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 70px;
	text-transform: none;
	letter-spacing: 0px;
	padding-left: 40px;
	background: #ffffff;
}

#newsflash table.moduletable td, #newsflash .contentpaneopen td {
	padding: 0px;
	margin: 0px;
	color: #666666;
	background: transparent;
	text-align: left;
}

#newsflash .article_seperator { 
	font-size: 1px;
}

#main_content {
	width: 445px;
	padding: 0px 25px;
}

#mosright div.module {
	margin-bottom: 10px;
}

#mosright div.module div {
	background: #ffffff url(../1/images/rm_mid_bg.gif) repeat-y top center;
	width: 200px;
	padding: 0px;
}

#mosright div.module div div {
	padding: 0px;
	width: 200px;
	background: transparent url(../1/images/rm_top_bg.gif) no-repeat top center;
}

#mosright div.module div div div {
	padding: 3px 10px 10px 10px; 
	width: 180px;
	background: transparent url(rm_bot_bg.gif) no-repeat bottom center;
}

#mosright div.module div div div form div {
	background: none;
	padding: 0px;
	margin: 0px;
}

#mosright table.moduletable th, #mosright h3 { 
	font: bold 11px Arial, Helvetica, sans-serif;
	height: 36px;
	line-height: 24px;
	text-transform: none;
	color: #898989;
	text-align: left;

	width: 160px;
	padding-left: 5px;
}

/******/

.white_space {
	height: 20px;
	display: block;
}

.sep {
	display: block;
	height: 10px;
	clear: both;
}

#footer {
	margin: 0px;
	width: 898px;
	height: 80px;
	background: #7a836c url(footer_bg.jpg) repeat-x top center;
	clear: both;
	color: #ffffff;
}

#footer p {
	color: #ffffff;
	text-align: center;
	line-height: 16px;
	padding-left: 10px;
	padding-top: 2px;
}

#footer p a {
	text-decoration: none;
	text-transform: none;
	color: #ffffff;
	font-weight: normal;
}

#footer p a:hover {
	text-decoration: underline;
}

/* Pathway Breadcrumbs */	
	.pathway {font-size: 10px;color:#ccc; font-weight: bold;}
	a.pathway {color: #1a64b2;text-decoration: none;}
	a.pathway:hover {color: #1a64b2;text-decoration: underline;}

/* Mainlevel menu */
.mainlevel { 
	height: 21px;
	width: 157px;
}

a.mainlevel {
	background: transparent url(../1/images/dots.gif) repeat-x left bottom;
	color: #666666;
	font: normal 12px "Trebuchet MS", "Times New Roman", Times, serif;
	line-height: 20px;
	text-transform: none;
	padding: 1px 0px;
	margin-left: 21px;
	text-decoration: none;
	display: block;
	text-align: left;
}
	
a.mainlevel:hover {
	color: #85b308;
	text-decoration: none;
}

#active_menu, #active_menu:hover {
	background: transparent url(../1/images/dots.gif) repeat-x left bottom;
	color: #1a64b2;
	font: bold 12px "Trebuchet MS", "Times New Roman", Times, serif;
	line-height: 20px;
	text-transform: none;
	padding: 1px 0px;
	margin-left: 21px;
	text-decoration: none;
	display: block;
	text-align: left;
}

/* End Mainlevel menu */
	
/* Sub Menu */
.sublevel { height: 18px; width: 150px;  }

a.sublevel {
	background: transparent;
	color: #999999;
	font: normal 11px "Trebuchet MS", "Times New Roman", Times, serif;
	text-transform: none;
	text-decoration: none;
	text-align: left;
	float: left;
	display: block;
	padding: 1px 0px 1px 30px;
}

a.sublevel:hover {
	color: #ff6600;
	text-decoration: none;
}

table.moduletable td table div {
	padding: 0px;
	margin-left: 18px;
	height: 20px;
}
/*
a.sublevel {
	background: transparent;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	padding: 3px 0px 4px 15px;
	margin: 0px;
	text-decoration: none;
}

a.sublevel:hover {
	color: #cc0000;
	background: transparent;
	text-decoration: underline;
}
/* End Sub Menu */

/* Add Custom Menus */

/* Add Custom Menus */

table.moduletable {
	width: 100%;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

#left_col table.moduletable th, #left_col .moduletable h3 { 
	font: bold 11px Arial, Helvetica, sans-serif;
	height: 36px;
	line-height: 24px;
	text-transform: none;
	color: #898989;
	text-align: left;



}

#left_col div.moduletable {
	text-align: left;
	padding: 10px 10px 8px 15px;
	margin-bottom: 2px;
}

table.moduletable td {height: 18px; text-align: center; } 

table.moduletable p {
	text-align: left;
}

/* Custom Modules */

ul.latestnews, ul.mostread {
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

li.latestnews, li.mostread {
	margin: 0px;
	width: 160px;
	list-style: none;
	background: #ffffff url(../1/images/arrow.gif) no-repeat left;
	padding: 2px 0px 2px 18px;
}

li.latestnews a, li.mostread a {
	color: #1a64b2;
	font: normal 11px "Trebuchet MS", "Times New Roman", Times, serif;
	text-transform: none;
	margin-left: 0px;
	text-decoration: underline;
	text-align: left;
}

li.latestnews a:hover, li.mostread a:hover {
	text-decoration: none;
}

#searchform form {
	vertical-align: top;
	height: 37px;
	display: block;
}

.moduletable-search {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	width: 652px;
	height: 30px;
	clear: both;
	display: block;
	vertical-align: top;
	background: transparent url(../1/images/search-bg.gif) no-repeat 0 0;
}

.search-search {
	padding: 2px;
	margin: 0px;
	width: 648px;
	height: 26px;
	vertical-align: top;
	clear: both;
}

.search-search .button-search {
	background: transparent url(../1/images/search-button.gif) no-repeat 0 0;
	border: none;
	color: #ffffff;
	font: bold 11px "Trebuchet MS", "Times New Roman", Times, serif;
	line-height: 19px;
	height: 26px;
	letter-spacing: 0px;
	vertical-align: middle;
	text-transform: none;
	padding: 0px;
	margin: 0px !important;
	width: 86px;
	float: left;
}

.search-search .button:hover {
	color: #ffff00;
}

.search-search .inputbox-search {
	background: transparent;
	font-size: 12px;
	padding: 6px 6px 5px 6px;
	margin: 0px 0px;
	width: 550px;
	border: 0;
	color: #666;
	float: left;
}

/* End Custom Modules */

/* *********************** END STANDARD MODULE TABLE ********************* */

/* *********************** CONTENT - SECTIONS & CATEGORIES *********************** */

td.contentheading {
	padding: 0px;
	margin: 0px;
	line-height: 10px;
	font: normal 18px "Trebuchet MS", "Times New Roman", Times, serif; 
	letter-spacing: 0px;
	color: #85b308;
	text-transform: none;
	background: #ffffff;
}

.contentheading table td {
	letter-spacing: 0px;
	font-weight: bold;
}

/* content title and links */
.contentpagetitle {background-color : transparent; }
a.contentpagetitle,a.contentpagetitle:link, a.contentpagetitle:visited 
{text-decoration: none;font-weight: normal; color: #85b308; }
a.contentpagetitle:hover { color: #85b308; text-decoration: underline; }

/* top box like a category description */
.contentdescription {
	background-color : transparent;
	padding: 10px 0px;
}

/* Main Body Text */
.contentpane {background: transparent;}

.contentpaneopen { background-color: transparent; line-height: 16px; }

/* Main Body Text */

/* article rating */
.content_rating {font-weight: normal;font-size:.8em;}
.content_vote {font-weight: normal;font-size: .8em;}

/* icons */
.buttonheading{font-size: 12px;}
.pop-ups {float: right;}
a.pop-up {border-bottom: 0;}

/* Dates */
.createdate {color: #cccccc; font-size: 11px; font-weight: normal; text-transform: none; }
.modifydate {color: #cccccc; font-size: 11px; font-style: normal; text-transform: none;}
.newsfeeddate {font-size: 11px; color: #999; font-weight: normal;}
/* Dates */

/* Writen by Authors name */
.small { 
	color: #cccccc;
	font-size: 11px;
	line-height: 17px;
	margin: 0px; padding: 0px;
	text-transform: none;
}

/* Page navigation links "<<< 1 of 10 next >>>" */
.pagenav { 
	font-size: 11px; 
	color: #999;
}
.pagebar{font-size: 11px; font-weight: bold;}
.pagenav_prev{font-size: 11px; color: #999; }
.pagenav_next{font-size: 11px; color: #999; }
a.pagenav {color: #1a64b2; text-decoration: underline; font-weight: normal; }
a.pagenav:hover {color: #1a64b2; text-decoration: none; font-weight: normal; }
.pagenavcounter{	height: 15px;  }
.back_button{font-size: 11px; letter-spacing: 1px; height: 15px; clear: both;  margin: 5px 0px; text-transform: uppercase; font-weight: bold; }

/* Read more link */
.readon {
	font-weight: bold;
	text-decoration: none;
	color: #1a64b2;
}

.readon:hover {
	text-decoration: underline;
	color: #1a64b2;
}

/* Article index   */
table.contenttoc {
	padding: 0px;
	margin: 2px;
	font-size: 11px;
	}
	
table.contenttoc th {
	background: transparent; 
	color: #06c;
}
	
table.contenttoc td {padding: 2px;}

/* Links article index */
	a.toclink:hover, a.toclink:visited, a.toclink:link {	height: 18px; }
/* End Article index  */

/*  component heading */
.componentheading {
	text-align: right;
	margin-top: 5px;
	background-color: #ffffff;
	line-height: 48px;
	font: bold 12px "Trebuchet MS", "Times New Roman", Times, serif;
	color: #cccccc;
	text-transform: uppercase;
	letter-spacing: 2px;
}

/* Sectiontable Table types listings Faqs's, weblink etc..*/
.sectiontableheader {
	background-color : #eeeeee;
	color : #666666;
	border-collapse: collapse;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px;
}

/* Table odd and Even Rows */
.sectiontableentry1 {
	background-color: #dddddd;
	color: #666666;
	font-size: 11px; 
	padding: 2px 0px !important;
	text-align: left;
}

.sectiontableentry2 {
	background-color: #f2f2f2;
	color: #666666;
	font-size: 11px; 
	padding: 2px 0px !important;
	text-align: left;
}

#right_col .sectiontableentry1 {
	background: #f9f9f9;
	color: #666666;
}

#right_col .sectiontableentry2 {
	background: #ffffff;
	color: #333333;
}

.sectiontableentry1 td, .sectiontableentry2 td {
	padding: 2px !important;
}

.sectiontableentry1 input, .sectiontableentry2 input {
	margin: 0px; 
	padding: 0px;
	background: none;
	vertical-align: middle;
}

.sectiontableentry1 label, .sectiontableentry2 label {
	margin: 0px;
	padding: 0px;
	width: 160px;
	display: block;
}

.sectiontablefooter {
	height: 18px; 
}

table.poll {
	border: none;
	margin: 0px;
	padding: 0px 5px;
}

table.poll thead td {
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 160px;
}

table.pollstableborder {
	margin: 0px;
	padding: 0px;
	border: none;
}

table.pollstableborder td {
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 130px;
}

/* End Sectiontable */

/* Category */
.category {color:#ccc;}
a.category:link, a.category:visited { height: 15px; color: #1a64b2; text-decoration: underline;  }
a.category:hover  {	height: 15px; color: #1a64b2; text-decoration: none; }
/* End category */

/* blogsection */
.blog {background-color: transparent;}
.blogsection{	height: 18px;  }
.blog_more{	clear: both; display: block; width: 430px; padding: 10px 0px; }
.blog_heading {	height: 18px;  }
/* space from bottom of article */
.article_seperator{background-color : transparent;}
/* End blogsection */

/* Search Form Module*/
.search {height: 18px;}
/* results if not search google */
.searchintro{height: 18px;}
/*Search Form keyword highlight*/
.highlight {
	background: #f0f0f0;
	padding: 0px 4px 0px 4px;
	color: #333333;
	font-weight: bold;
}
/* End Search Form */

/* wrapper title */
.wrapper{background-color : #FFFFFF;}
	
form { 
	font-size: 11px;
	margin: 0px;
}

input {
	background-color: #FFFFFF;
	font-size: 11px; color: #333; padding: 1px;
	margin-bottom:6px;
	margin-top:3px;
}

#mod_login_username, #mod_login_password {
	background: #fff;
	font-size: 11px;
	padding: 2px;
	margin: 3px 0px;
	width: 150px;
	border: 1px solid #cccccc;
	color: #666;
}

#mod_login_remember {
	background: none;
	border: none;
	height: 15px;
	vertical-align: middle;
}

.inputbox { background: #fff; 
    border: 1px solid #ccc; 
    margin: 2px 0px; 
    color: #666666;
	}
.text_area, textarea {background: #fff; border: 1px solid #ccc; color: #333;}
/* Pull down menu */
.selectbox {width: 100%;}
/* Submit Button */
.button {
	border: none;
	color: #5d5d5d;
	font: bold 12px "Trebuchet MS", "Times New Roman", Times, serif;
	background: transparent;
	margin: 0px;	
	text-transform: none;
	vertical-align: middle;
	width: 105px;
	height: 24px;
    border: 1px solid #999;
}

.button:hover {
	color: #333333;
}

#left_col select, #left_col #mod_templatechooser_jos_change_template, #left_col option {
	font-weight: normal;
	background: #fff;
	color: #666;
	border: 1px solid #cccccc;
	width: 150px;
}


/* Contact Email Form */
.contact_email {margin: 0px;padding: 5px;}

#searchphraseany, #searchphraseall, #searchphraseexact {
	background: none;
}


/*When user login to edit or sumbit articles*/
/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
}
		
.code {
	font-family: courier, serif;
	font-size: 1.2em;
	padding: 2px;
	background-color: #f0f0f0;
	color: blue;
	border: 1px solid #d5d5d5;
	margin: 0px;
	width: 90%;
}


/* Text passed with mosmsg url parameter */
.message {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 1em;
	color : #666;
	text-align: center;
   }

/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #666666;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: bold;
	color: #FFFFFF;
	padding: .2em;
   }

.offtab {
	background-color : #cccccc;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: normal;
	padding: .2em;
   }

.edit-tabs {
   padding: 1em;
   background: none;
   }

.tabpadding {padding:1px;}

.tabheading {
	background-color: #FF6600;
	text-align: left;
   }

.pagetext {
	visibility: hidden;
	display: none;
   }

	/*Body of the form*/
.adminform{background-color : #FFFFFF;}

span.alert,
span.info,
span.download,
span.note {
	display: block;
	padding:0 0 0 5px;
	margin: 15px 0;	
}

span.alert {
	color: #c00;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background: #FFD6D6;
}

span.info {
	color: #0055BB;
	border-top: 3px solid #629de3;
	border-bottom: 3px solid #629de3;
	background: #D8E5F8 url(../1/images/status-info.png) 10px 50% no-repeat;
}

li {
    margin-bottom:6px;
   }
   
#top-panel p {
    color:#FFFFFF;
	line-height:15px;
}

#accordion p {
    font-size:88%;
	color:#666666;
}

#accordion a {
    color: #1a64b2; 
	text-decoration: none;

	}
	
#accordion a:hover {
    color: #1a64b2; 
	text-decoration: nonr;
	}
	
#accordion h3 a {
    color: #666666; 
	text-decoration: none;
	}
	
#accordion div {
    padding-left:12px;
    padding-right:12px;
    padding-top:0px;
    padding-bottom:0px;
	}