/*---Body */

.site_name {
	
	font-size: 36px;

	font-weight: normal;

	color: #004488;

}

body {

	background-color: #FFFFFF;

	background-image: url(../images/background.jpg);

}

td, tr, p, div {

  font-family : Georgia, Century Schoolbook, New Times Roman, serif;

  font-size : 12px;

  color : #000000;

}

a:link, a:visited {

	color: #660000; text-decoration: none;

	font-weight: bold;

}



a:hover {

	color: #000099;	text-decoration: none;

	font-weight: bold;

}



hr, hr.separator {

	height : 1px;

	width : 100%;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #D9D0BD;

	border-bottom-color: #EFEBE2;

}

/*ul, li {

  margin: 0;

  padding: 0;

  list-style: none;

}*/

ul {

margin: 0 5%;

padding: none;

list-style: none;

background-image: url( ../images/arrow.gif);

}

li {

line-height: 15px;

padding-left: 0px;

padding-top: 0px;

background-image: url( ../images/arrow.gif);

background-repeat: no-repeat;

background-position: 0px 2px;

list-style: circle;

}


/* Mambo Menu Styling

 * ------------*/



/* menu -nav */

#mainlevel-nav {

margin: 0; padding: 0;

}

#mainlevel-nav a {

	display: block;

	float: center;

	text-decoration: none;

	color: #660000;

	background: url(../images/menu_bg.png) no-repeat 0px -0px;

	font-size: 12px;

	line-height: 20px;

	font-weight: bold;

	white-space: nowrap;

	width: 60%;

	text-align: left;

	margin: 0px;

	padding-top: 1px;

	padding-left: 6px;

}

#mainlevel-nav li {

	list-style:none;

	float: left;

	margin: 0;

	width: 20%;

	font-size: 11px;

	white-space: nowrap;

	text-indent: 15px;

	bottom: 5px;

	display: block;

}

#mainlevel-nav a {

float: none;

}

#mainlevel-nav a:hover {

	color: #000099;

	background-position: 0px -26px;

}


/* menu */

a.mainlevel:link, a.mainlevel:visited {

	color: #660000;

	width: 60%;

	line-height: 20px;

	background-image: url(../images/topeye_14.png);

	background-position: 0px 0px;

	font-weight: bold;

	padding-top: 2px;

	text-decoration: none;

	text-align: left;

	padding-right: 15px;

	display: block;

	float: left;

}

a.mainlevel:hover {

	background-position: 0px -26px;

	color: #000099;

}


a.mainmenu:hover {

color: #FF6600; 

}


a.sublevel:link, a.sublevel:visited {

	color: #294470;

	text-decoration: none;

	padding-right: 25px;

	padding-left: 4px;

	width: 138px;

	line-height: 14px;

	text-align: right;

}


a.sublevel:hover {

color: #990000;

text-decoration: none;

}


/* mambo core stuff */

table.moduletable {

	width: 100%;

	margin-bottom: 5px;

	padding: 0px;

	border-spacing: 0px;

	border-collapse: collapse;

}

table.moduletable th {

	margin-top:5px;
	
	width:100%;
	
	color: #fbf8f1;

	line-height: 25px;

	}

table.moduletable td {

	color: #fbf8f1;

	line-height: 25px;
}


.pathway {

	color: #000099;
	
text-decoration: bold;

}

a.pathway, a.pathway:visited {

	color: #762123;
	
text-decoration: bold;

}

a.pathway:hover {

color: #000099;

}


/*** General Mambo Styles*/

.back_button{}

.pagenavbar {

	color: #CC6633;

} 

.pagenav, a.pagenav, a.pagenav:visited{

	color: #000099;
	
	height: 20px;

	padding-right: 2px;

	padding-left: 2px;

	text-align: center;

	padding-top: 2px;

	border: 1px solid #BECC91;

}

a.pagenav:hover{

	color: #CC6633;

}

	

.small {

	font-size: 10px;

	font-weight: bold;

	color: #B68A78;

}

/**

 * Mambo Form Styles

 * -----------------

 * Here are 2 styles that Mambo uses to let users control

 * how their forms and buttons may look.

 */

 

.button {

	background-color: #FFFFFF;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #C9A250;

	border-right-color: #663300;

	border-bottom-color: #663300;

	border-left-color: #C9A250;

	font-size: 11px;

	font-weight: bold;

	color: #990000;

	margin-top: 2px;

	margin-bottom: 2px;

}

.required {

	background-color: #FFFFFF;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #C9A250;

	border-right-color: #663300;

	border-bottom-color: #663300;

	border-left-color: #C9A250;

	font-size: 11px;

	color: #990000;

	}

#emailForm_response {
	width: 99%;
	display: none;
	font: bold 10pt sans-serif;
	border: 1px solid red;
	background: #FCC;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
#emailForm_response {
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 6px;
}

/**

 * Mambo Tabbed Frontend Admin Interface

 * -------------------------------------

 * The CSS styles here defines how the frontend admin interface

 * will look like when editing and adding news through frontend.

 */


.ontab {}

.offtab {}

.tabpadding {} 

.tabheading {}

.pagetext {}


/**

 * Mambo General styling for Sections/Categories/Contents

 * ------------------------------------------------------

 * These stylings are either sometimes or often used across

 * Sections, categories and contents. They, therefore, deserves

 * to be mentioned and separated from others.

 */

.createdate {

	font-size: 10px;

	color: #BEB370;

} 

.modifydate {} 

.readon, a.readon:link, a.readon:visited{

	color: #660000;

	float: right;

	background-image: url(../images/topeye_23.png);

	background-repeat: no-repeat;

	border: #7A713D;

	background-position: 0px -4px;

	padding-right: 6px;

}

a.readon:hover{

	color: #000099;

	float: right;

	padding-left: 20px;

	background-image: url(../images/topeye_24.png);

	background-repeat: no-repeat;

	border: #7A713D;

	background-position: 2px -24px;

	padding-right: 12px;

}

/** 

 * Mambo Styling for Contents

 * --------------------------

 * All the styling for contents are listed

 * below.

 */


.contentpane {}

.contentpaneopen {}

.contentdescription {}

table.contenttoc {}

table.contenttoc td {}

.content_rating {}

.content_vote {}

/* Henry entered below*/

table.contentpane, table.contentpane tr, table.contentpane td {

	padding-right:10px;

	padding-left:20px;

}


table.contentpaneopen td{

	color:#000000;

	font-weight: normal;

	font-family: Georgia, Century Schoolbook, New Times Roman, serif;	

	padding:0px 10px 0px 10px;

	text-align:left;

}


table.contentpaneopen td.createdate{

	color:#666666;

	background-color:#FFFFFF;

	font-size:9px;

	padding-right:20px;

}


table.contentpaneopen td.contentheading{

	color:#C64934;

	font-weight:bold;

	font-size:14px;

	padding-left:8px;

	padding-right:0px;

}


table.contentpaneopen td.modifydate{

	color:#666666;

	background-color:#FFFFFF;

	font-size:9px;

	padding-right:20px;

}


/**

 * Mambo Styles for Categories

 * ---------------------------

 * The following are the styling for "Category" items

 * generated from the Sections area

 */

 /* For content item titles that are hyperlink instead of Read On */

.contentheading, .componentheading{}

/*Henry bookmarks*/

.bookmark{

	position:absolute;

	left:214px;

	top:135px;

	background: url( ../images/bukmark_line.gif);

	height:30px;

	width:518px;

	z-index:30;

}



.bookmark_buttons{

	position:absolute;

	left:181px;

	top:108px;

	width:75%;

	height:28px;

	float:left;

	z-index:30;

}

.contentpagetitle, .category {

background-image: url(../images/topeye_19.png);

	background-position: 2px -2px;

	background-repeat: no-repeat;

	color: #660000;

	font-weight: bold;

padding-left: 18px;

}

a.contentpagetitle:link, a.contentpagetitle:visited, a.category:link, a.category:visited {

	font-size: 12px;

	font-weight: bold;

 	color: #660000;

	text-align:left;

	}



a.contentpagetitle:hover, a.category:hover {

	color: #000099;

	font-weight: bold;

	background-image: url(../images/topeye_22.png);

	background-position: 2px -2px;

	}


/**

 * Mambo Blog styling

 * ------------------

 * Not too sure where this is used yet. I tried the blog section

 * but it doesn't seem to use it. If you have info on this,

 * email me. I'll update this part.

 */

.blogsection{}
	
/* henry*/	
.blog_more{	
	color:#C64934;	

	background-color:#FFFFFF;

	line-height: 18px;

	padding-left:12px;

	padding-bottom:15px;

}

/**

 * Mambo's Built-in Component's Syling

 * -----------------------------------

 * These stylings are used for Mambo's built-in components

 * such as newsfeeds, weblinks, contact, search and polls.

 * A commented subtitle will guide you which is for which

 */

 /*  Polls  */

.poll {

	font-size: 9px;

	color: #546237;

}

table.pollstableborder {

	border: 1px solid #8189C0;

}


/**

 * Mambo Sections Styles

 * ---------------------

 * Styling of sections tables 

 */
 .pix_10{

	height:15px;

}
 
 .per_100{

	margin-top:0px;

	height:100%;

}	


.sectiontableheader {

	background-color: #f1e4cc;

	color: #000099;
	
	border-bottom: 1px solid #7087DC;
	
	padding:4px;

	font-weight: bold;

	border: #615A29;

}


.sectiontableentry1 td{

  padding:16px;

  background-color: #fbf8f1;

	border-top: 1px solid #000099;
	
}


.sectiontableentry2 td{

	padding:16px;

  background-color: #fbf8f1;
  
  border-top: 1px solid #000099;	

}


/*  Weblinks */

.weblinks{} 


/*  Newsfeeds */

.newsfeedheading {} 

.newsfeeddate {} 

.fase4rdf {} 


/* Search page */

table.searchintro {} 


/*  Contact's table settings  */

table.contact {

	} 

table.contact td.icons {

	} 

table.contact td.details {

	background-color: #eef3ff;

	font-size: 0.9em;

	font-weight: bold;

	font-family: Georgia, Century Schoolbook, New Times Roman, serif;

}