/**
 *  By JoomlaDesigns.co.uk - 2007
 */

/* *********************** GENERAL SETTINGS     *********************** */
html, body{
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	background: #222;
}
/* CSS global reset for all browsers */ 
* { padding: 0px; margin: 0px; }
/*  Global Formatting */
h1 {font-size:24px;font-weight: normal; color: #666; letter-spacing: -2px; line-height: 24px;}
h2 {font-size:18px;font-weight: bold; color: #666; letter-spacing: -1px; line-height: 18px;}
h3 {font-size:14px;line-height: 20px; color: #666; font-weight: bold;}
h4 {font-size:13px;line-height: 14px; font-weight: bold; }
h5 {font-size:12px;line-height: 13px; font-weight: bold; }
h6 {font-size:11px;line-height: 12px; font-weight: bold;}
td{font-size: 11px;}
th{font-size: 11px;}
a {color: #06c; text-decoration: none;}
a:hover {color: #06c; text-decoration: underline;}
a.image, a.image:hover  {border:0;}
li{ list-style: none; }
ul { list-style: none; clear: both;}
fieldset {
	width: 560px;
	padding: 5px;
	border: 1px solid #eee;
}

.full_width { width: 100% }

/* *********************** END GENERAL SETTINGS *********************** */



#content { 
	margin: 5px auto;
	width: 1000px;
	border: 2px solid #000;
	background: #fff;
}

body.published {
background: #AADDFF;
}

body.mceContentBody {
background: white;
} 

#contact {
	background: #fff url(../images/ctop_bg.gif) top repeat-x;
	height: 50px;
	text-align: right;
	margin: 0px;
	padding: 0px;
}

#contact p {
	padding: 15px 20px 0px 20px;
	margin: 0px;
}

#contact strong {
	color: #f60;
}

#top { 
	padding: 0; 
	margin: 0px auto;
	background: #081121 url(../images/top_bg.jpg) top left no-repeat; 
	height: 214px; 
	width: 1000px;
	position: relative; 
} 

#top #titleh1 { color: #ffc; position: relative; }
#top #titleh1 #logo {
	position: absolute;
	left: 138px;	
	top: 46px;
}

#top #titleh1 h1 {
	position: absolute;
	left: 20px;
	top: 34px;
	font: bold 30px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 30px;
	letter-spacing: -1px;
	color: #fff;
}

#top #titleh1 h1 span {
	color: #f90;
	font: bold 23px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 23px;
	text-transform: uppercase;
	letter-spacing: -1px;
}

#top #titleh1 h2 {
	position: absolute;
	left: 20px;
	top: 86px;
	font: normal 18px Verdana, Geneva, Arial, Helvetica, sans-serif;	
	color: #fff;
	line-height: 18px;
	letter-spacing: -1px;
}

#top #titleh1 h2 strong {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
}

#top #titleh1 h2 strong span {
	font-size: 18px;
	text-transform: none;
	color: #f90;
}

#top #titleh1 p {
	width: 330px;
	position: absolute;
	top: 132px;
	left: 20px;
	color: #fff;
}

#top #titleh1 p a {
	color: #fff;
	text-decoration: underline;
	line-height: 25px;
}

#top #titleh1 p a:hover {
	color: #fff;
	text-decoration: none;
}

#menu {
	padding-left: 15px;
 	height: 29px;
	clear: both;
	width: 985px;
	background: #fff url(../images/menu_bg.gif) top repeat-x;
}

#mainlevel-nav
{	
	list-style: none;
	height: 25px;
	background: transparent url(../images/menubg.gif) top repeat-x;
	margin: 0;	
	float: left;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 5px;
}

#mainlevel-nav li
{
	padding: 6px 0px 0px 0px;
	background: transparent;
	float: left;
	display: block;
	margin: 0;
	line-height: 15px;
	white-space: nowrap;
	list-style-type: none;
}

#mainlevel-nav li a
{
	padding: 5px 10px 4px 10px;
	text-decoration: none;
	color: #039;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#mainlevel-nav li a:hover {
	color: #f60;
	padding: 5px 10px 4px 10px;
	background: transparent;
}

#top2 {
	background: transparent;
	height: 30px;
	width: 960px;
	margin: 0px 20px;
	clear: both;
	background: #fff url(../images/top2_bg.gif) top no-repeat;
}

#top2 .contentpaneopen {
	background: none;
	line-height: 14px;
}

#top2 #breadcrumb {
	width: 760px;
	float: left;
	color: #336699;
	padding: 7px 0px 0px 10px;
}

#top2 #breadcrumb p {
	color: #000;
}

#top2 #breadcrumb p strong {
	color: #999;
}

#searchform {
	width: 190px;
	float: left;
	margin: 0px;
	text-align: right;
	padding: 4px 0px 0px 0px;
}

#searchform .moduletable, #searchform form {
	margin: 0px;
	padding: 0px;
	text-align: right;
}

#newsflash {
	margin: 0px;
	width: 100%;
	padding-bottom: 0px;
	background: #fff;
}

#newsflash th {
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	color: #06c;
	line-height: 30px;
	padding: 0px;
	margin: 0px;
	text-transform: none;
	background: transparent;
	text-align: left;
}

#newsflash .newsflash {
	width: 560px;
	margin: 0px auto;
	background: #fff;
}

#newsflash table.moduletable td {
	padding: 0px;
	color: #666;
}

#right_side {
	float: right;
	width: 770px;
	background: #fff;
	margin: 0px;
	padding: 0px;
}

#right_side2 {
	float: right;
	width: 100%;
	background: #fff;
	margin: 0px;
	padding: 0px;
}

#mosright {	float: right; width: 185px; background-color: #fff; }
#mosright .padding {
	background: #fff;
}

#mosright td {
	padding: 0px;
}

#left_side {
	float: left; 
	background-color: #fff;
}

#left_side td {
	padding: 0px;
}

#left_side .lefts { 
	float: left; 
	width: 185px; 
	padding: 0px; 
	background: #fff;
}
 
#left_side .lefts a {  }

.sep {
	display: block;
	height: 18px;
	clear: both;
}

#main {
	padding: 10px 0px; 
	margin: 0px 20px; 
	width: 960px;
	background-color: #fff;
} 

#main #mcontent {
	margin: 0px;
	background: #fff;
}

#main #mcontent2 {
	margin: 0px;
	padding: 12px 0px;
	background: #fff;
}
#mcontent .padding { background-color: transparent; padding: 5px 10px 5px 10px; width: 560px; text-align: justify;  }
#mcontent2 .padding { background-color: transparent; padding: 5px 10px 5px 10px; width: 745px; text-align: justify; }

#footer {
	margin: 0px auto;
	width: 100%;
	height: 50px;
	background: #fff url(../images/footer_bg.gif) top repeat-x;
	clear: both;
	color: #999;
}

#footer .padding { padding: 0px; height: 50px; width: 100%; margin: 0px auto; text-align: center; color: #999; background: transparent; }
#footer .padding p {
	text-align: center;
	padding-top: 15px;
}
#footer a { color: #333; font-weight: normal; text-decoration: none; }
#footer a:hover { color: #333; text-decoration: underline; } 

/* *********************** END LAYOUT SETTINGS  *********************** */

/* *********************** NAVIGATION SECTION   *********************** */
/* Pathway Breadcrumbs */	
	.pathway {font-size: 11px;color:#999; font-weight: bold;}
	a.pathway {color:#0066CC;text-decoration: underline;}
	a.pathway:hover {color:#0066CC;text-decoration:none;}

/* Mainlevel menu */
.mainlevel { 
	height: 17px;
	width: 185px;
}

a.mainlevel {
	background: #fff;
	color: #039;
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	margin: 3px 0px 4px 0px;
	text-decoration: none;
	display: block;
	border-bottom: 1px Solid #ccc;
}
	
a.mainlevel:hover, #active_menu, #active_menu:hover {
	font-weight: bold;
	color: #f60;
	background: #fff;
	text-decoration: none;
}

a.mainlevel:hover {
	font-weight: bold;
	color: #f60;
	background: #fff;
	text-decoration: none;
}

/* End Mainlevel menu */
	
/* Sub Menu */
.sublevel {height: 18px;}

a.sublevel {
	background: #fff;
	color: #c30;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 0px 4px 15px;
	margin: 0px;
	text-decoration: none;
}

a.sublevel:hover {
	color: #f60;
	background: #fff;
	text-decoration: underline;
}
/* End Sub Menu */

/* Add Custom Menus */

/* Add Custom Menus */

/* *********************** END NAVIGATION SECTION ********************* */

/* *********************** STANDARD MODULE TABLE  ********************* */
table.moduletable {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

table.moduletable th { 
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 10px;
	text-transform: uppercase;
	color: #333;
	text-align: right;
	background: #fff url(../images/mh_bg.gif) left top no-repeat;
	padding: 45px 15px 7px 0px;

}

table.moduletable td {height: 18px;}

/* Custom Modules */

.latestnews, .mostread {
	list-style: none;
	width: 185px;
	display: block;
	padding: 2px 0px;
	margin: 0px;
}

li.latestnews. li.mostread {
	margin: 0px 4px;
	display: block;
	padding: 0px;
	width: 140px;
	list-style: none;
}

li.latestnews a, li.mostread a {
	color: #039;
	font-weight: normal;
	text-decoration: none;
}

li.latestnews a:hover, li.mostread a:hover {
	color: #f60;
	text-decoration: underline;
}

.search {
	padding: 0px;
	clear: both;
	margin: 0px;
}

.search .button {
	background: none;
	border: none;
	color: #999;
	font: bold 14px Arial, Helvetica, sans-serif;
	line-height: 14px;
	letter-spacing: -1px;
	vertical-align: middle;
	text-transform: uppercase;
	padding: 2px;
	margin: 0px;
}

.search .button:hover {
	color: #666;
}

.search .inputbox {
	border: none;
	margin: 0px;
	padding: 2px;
	height: 14px;
	width: 100px;
	background: #fff;
	border: 1px solid #ccc;
	color: #666;
	vertical-align: middle;
}

.search .inputbox:hover {
	border: 1px solid #999;
	padding: 2px;
}

/* End Custom Modules */

/* *********************** END STANDARD MODULE TABLE ********************* */

/* *********************** CONTENT - SECTIONS & CATEGORIES *********************** */
.contentheading {
	padding: 0px;
	line-height: 30px;
	font: normal 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	color: #036;
	width: 100%;
	background: #fff;
}

.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: #999;border-bottom: 0px;}
a.contentpagetitle:hover {color: #000;border-bottom: 0px dashed #ccc; text-decoration: none;}

/* 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: 17px;}
/* 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: #666; font-size: 11px; font-weight: bold;}
.modifydate {color: #ccc; font-size: 11px; font-weight: normal; font-style: italic;}
.newsfeeddate {font-size: 11px; color: #999; font-weight: normal;}
/* Dates */

/* Writen by Authors name */
.small { 
	color: #ccc;
	font-size: 11px;
	line-height: 17px;
	margin: 0px; padding: 0px;
}

/* 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: #f60; text-decoration: none; font-weight: bold; }
a.pagenav:hover {color: #f30; text-decoration: none; font-weight: bold; }
.pagenavcounter{	height: 15px;  }
.back_button{font-size: 12px; height: 15px; clear: both; display: block; }

/* Read more link */
.readon {
	font-size: 11px; 
	color: #06c;
	text-decoration: underline;
}

.readon:hover {
	text-decoration: none;
	color: #06c;
}

/* Article index   */
table.contenttoc {
	padding: 0px;
	margin: 2px;
	font-size: 11px;
	}
	
table.contenttoc th {
background: #fff; 
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:left;
	margin-top: 5px;
	background-color: transparent;
	line-height: 35px;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #333;
	text-transform: none;
	width: 100%;
}

/* Sectiontable Table types listings Faqs's, weblink etc..*/
.sectiontableheader {
	background-color : #F7FBFF;
	color : #336699;
	font-weight : bold;
	border-collapse: collapse;
	font-size: 11px;
	}

/* Table odd and Even Rows */
.sectiontableentry1 {
	background-color: #fff;
	font-size: 11px; 
	height: 30px;
	margin: 2px 0px;
	text-align: left;
}

.sectiontableentry2 {
	background-color: #fff;
	font-size: 11px; 
	height: 30px;
	margin: 2px 0px;
	text-align: left;
}

.sectiontableentry1 input, .sectiontableentry2 input {
	margin: 0px 3px; 
	padding: 0px;
	height: 15px;
	background: #fff;
	vertical-align: middle;
}

.sectiontablefooter {
	height: 18px; 
}
/* End Sectiontable */

/* Category */
.category {color:#333;}
a.category:link, a.category:visited { height: 15px; color: #c30; text-decoration: none;  }
a.category:hover  {	height: 15px; color: #c30; text-decoration: underline; }
/* End category */

/* blogsection */
.blog {background-color: transparent;}
.blogsection{	height: 18px;  }
.blog_more{	clear: both; display: block; width: 480px; padding: 10px 0px; }
.blog_heading {	height: 18px;  }
/* space from bottom of article */
.article_seperator{background-color : none;}
/* End blogsection */

/* Search Form Module*/
.search {height: 18px;}
/* results if not search google */
.searchintro{height: 18px;}
/*Search Form keyword highlight*/
.highlight {
	border: 1px dashed #c30;
	background: #eee;
	padding: 0px 2px 0px 2px;
	color: #333;
}
/* End Search Form */

/* wrapper title */
.wrapper{background-color : #FFFFFF;}
/* *********************** END CONTENT - SECTIONS & CATEGORIES *********************** */

/* *********************** FORM SECTION  *********************** */	
form { 
	font-size: 11px;
	margin: 0px;
}

input {
	background-color:#FFFFFF;
	font-size: 11px; color: #333; padding: 1px;
}

#mod_login_username, #mod_login_password {
	background: #fff;
	font-size: 11px;
	padding: 2px;
	margin: 3px 0px;
	width: 100px;
	border: 1px solid #ccc;
	color: #666;
}

#mod_login_remember {
	border: none;
	height: 15px;
	vertical-align: middle;
}

.inputbox { background: #fff; border: 1px solid #ccc; margin: 2px; color: #999; }
.text_area {background: #fff; border: 1px solid #ccc; width: 470px; color: #999; }
/* Pull down menu */
.selectbox {width: 100%;}
/* Submit Button */
.button {
	border: none;
	color: #039;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 1px 5px;
	background-color: #fff;
	margin: 2px 0px;	
	border: 1px solid #ccc;
}

.button:hover {
	color: #06c;
}

/* Contact Email Form */
.contact_email {margin: 0px;padding: 5px;}


/* *********************** END FORM SECTION *********************** */

/* *********************** TABBED EDITING *********************** */
/*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;}
/* *********************** End TABBED EDITING *********************** */
