/* BROWSER CHECK */

.left_col{
	background:#FFCD04;
}


#sidelinks, #sidelinks ul{
	margin:0px;
	padding:0px;	
}

#sidelinks li{
	margin:0px;
	padding:0px;
	list-style:none;	
}

#sidelinks li a{
	padding:3px 0px 0px 5px;
	margin:0px;
	list-style:none;
	display:block;
	text-decoration:none;
	border-bottom:1px dotted #2B9501;
}

#sidelinks li a:hover{
	padding:3px 0px 0px 5px;
	margin:0px;
	list-style:none;
	display:block;
	text-decoration:none;
	border-bottom:1px dotted #fff;
	background:#2B9501;
	color:#fff;
}


/*------hacks---------*/
*+html #sidelinks ul li {
 float: left;
 height: 1%;
}
*+html #sidelinks ul a {
 height: 1%;
}
* html #sidelinks ul li {
 float: left;
 height: 1%;
}

* html #sidelinks ul a {
 height: 1%;
}

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


.css_browser_check 
{ 
    display: none;
}

.menu_row{
	background:#2A7E01;
}

#footer{
	background:#ccc;
	text-align:center;
	line-height:25px;
	color:#000;
	font-size:11px;
}

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

#main_content{
	padding:2px;
}

#content_item{
	padding:3px;
	   background-color: #fffef4;
}

#content_item img{
	border:1px solid #2A7E01;
	padding:2px;
	margin:0 5px 2px 0;
}

#about_teaser{
	width:204px;
	padding:3px;
	margin:3px;
	float:right;
	border:1px dotted #ccc;
}

#about_teaser img{
	border:1px solid #2A7E01;
	padding:2px;
	margin:0 0 5px 0;
	display:block;
}

#about_teaser h3{
	margin:0px 0px 3px 0px;
	padding:2px;
	display:block;
	color:#FFF;
	background:#FE0000;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
}

#teasers{
	padding:2px;
	margin:0 0 5px 0;
}

#teasers img{
	/*border:1px solid #2A7E01;*/
	padding:2px;
	margin:0 5px 1px 0;
	float:left;
}

#teaser_one{
	width:200px;
	padding:2px;
	float:left;
	font-size:11px;
	height:140px;
	background:#f5f5f5;
}

#teaser_one h3{
	margin:0px 0px 3px 0px;
	padding:2px;
	display:block;
	color:#FFF;
	background:#FE0000;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
}

#teaser_two{
	width:200px;
	padding:2px;
	float:left;
	font-size:11px;
	height:140px;
	background:#f5f5f5;
	/*margin-left:85px;*/
}

#teaser_two h3{
	margin:0px 0px 3px 0px;
	padding:2px;
	display:block;
	color:#FFF;
	background:#FE0000;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
}

#teaser_three{
	width:200px;
	padding:2px;
	float:left;
	background:#f5f5f5;
	font-size:11px;
	height:140px;
}

#teaser_three h3{
	margin:0px 0px 3px 0px;
	padding:2px;
	display:block;
	color:#FFF;
	background:#FE0000;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
}


/* Body */
BODY {
	margin:2px 0px 2px 0px;
	background-color : #339933;

	background-attachment: fixed; 
	background-position: bottom left; 
	background-repeat: no-repeat;
	color : #000000;
	scrollbar-3dlight-color: White;
	scrollbar-base-color: #2886BE;
	scrollbar-darkshadow-color: White;
	scrollbar-face-color: #2886BE;
	scrollbar-highlight-color: #2886BE;
	scrollbar-shadow-color: #2886BE;
	scrollbar-track-color: #B7E3FF;
	scrollbar-arrow-color: White;
	}

td,tr,p,div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;

	padding:0px;
	
	
	}

/* Styles for dhtml tabbed-pages - part of mambo core - don't remove */
.ontab {
	background-color: #ffae00;
	border-left: outset 2px #ff9900;
	border-right: outset 2px #808080;
	border-top: outset 2px #ff9900;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: hand;
	font-weight: bold;
	color: #FFFFFF;
}
.offtab {
	background-color : #e5e5e5;
	border-left: outset 2px #E0E0E0;
	border-right: outset 2px #E0E0E0;
	border-top: outset 2px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: hand;
	font-weight: normal;
}
.tabpadding {
}

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

.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}


/* Links */
a:link, a:visited {
	font-size: 12px; color: #FE0000; 
	text-decoration: none;
	/*font-weight:bold;*/
	font-family:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	}

a:hover {
	color: #FF6600;	text-decoration: none;
	}

/* For content item titles that are hyperlink instead of Read On 
a.contentpagetitle:link, a.contentpagetitle:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
 	color: #FFFFFF;
	text-align:left;
	}

a.contentpagetitle:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:left;
	color: #FF6600;
	text-decoration: underline;
	font-weight: bold;
	}*/

/* Horizontal Line */
hr {
	background: #C0C0C0; height:1px; border: 1px inset;
	}

hr.separator {
	background: #C0C0C0;
	height: 1px;
	width: 75px;
	border: 0px;
}

/* --Default Class Settings-- */

/* --Heading Settings-- */


h2 {
	color: #FF0000; 
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px; 
	font-weight: bold;
	margin: 0px 0px 0px 0px;
  }

h3 {
	color: #0077aa; 
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	margin: 0px 0px 0px 0px;
  }
h4 {
	color: #0077aa; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
	}

h5 {
	color: #0077aa; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; font-weight: bold;
	}

h6 {
	color: #fff; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
	}
h4 {
padding:0px;
margin:0px;


}

hr{

height:2px;
color:#006600;
}


.strong{font-size:14px; color:#006633;}

/* -end of heading Settings-- */






/*
a.mainmenu:link, a.mainmenu:visited, a.mainlevel:link, a.mainlevel:visited {
	color: #808080; font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;
	font-weight: normal;
	}

a.mainmenu:hover, a.mainlevel:hover {
	color: #0077aa; text-decoration: underline;
	}

a.sublevel:hover {
	color: #FF0000; text-decoration: underline;
	}

a.sublevel:link, a.sublevel:visited {
	color: #0000c0; font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;
	font-weight: normal;
}
*/

#product_box{/*width:150px;*/border: 1px solid #79A20A;margin-bottom:2px;	padding-left:5px;padding-right:5px;padding-bottom:5px;margin-right:0px;}

/* Content - Sections & Categories */
.contentpane {
	}

.contentpaneopen {
	border : 0px ridge #DCDCDC;
	}

.contentheading {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
 	color: #FF0000;
	text-align:left;
	}

.contentpagetitle {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
 	color: #333333;
	text-align:left;
	}
table.container {height:500px; width=780px;}


table.contenttoc {
        color: #333300;
        }

table.contenttoc td {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-weight: normal;
        text-align:left;
}
table.rightNav td
{

background-color:#EAE77E;

}

.leftcoll{
background:#EAE77E;
}
.rightcol {
    font-weight: normal;
    text-align: left;
    width: 150px;
    background-color: #EAE77E;
	border:#003300;
	border-width:1px;

}

table.rightNav {
width:100%;
background-color:EAE77E;

}


/*
a.toclink:hover, a.toclink:visited, a.toclink:link {
	font-size: 9px;
	}

.contentdescription {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808080;
	text-align: left;
	}*/

/* Links 
a.blogsection:link, a.blogsection:visited {
	color: #0077aa; text-decoration: none; font-weight: normal;
	font-family:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	}

a.blogsection:hover {
	color: #999999;	text-decoration: underline;
	}

a.weblinks:link, a.weblinks:visited {
	color: #0077aa; text-decoration: none; font-weight: normal;
	font-family:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	}

a.weblinks:hover {
	color: #999999;	text-decoration: underline;
	}

a.readon:link, a.readon:visited {
	color: #0077AA; text-decoration: none; font-weight: normal;
	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

a.readon:hover {
	color: #999999;	text-decoration: underline;
	}
*/
table.moduletable {
	margin: 0px 0px 0px 0px;
	width: 95%;
	border-left: solid 0px #000000;
	border-right: solid 0px #000000;
	border-top: solid 0px #000000;
	border-bottom: solid 0px #000000;
	}

table.moduletable th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0077AA;
	text-align: left;
	height: 14px;
	line-height: 14px;
	white-space: nowrap;
	width: 100%;
    /* border-bottom: 2px solid #FF8311;*/
    border-bottom: 2px solid #ccccff;
	}



table.moduletable td {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	}
	


	
	
.componentheading {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
 	color: #333333;
	text-align:left;
	}

.button {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	color: #0077AA;
	border-style: solid;
	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
	background-color: White;
	}

.inputbox {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	background: #FFFFFF;
	border: 1px solid;
	}
	
	.searchbox {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background: #FFFFFF;
	border: 1px solid;
	}

/** category text format and links **/
.category {
	color: #999999; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold; text-decoration: none;
	}
/*
a.category:link, a.category:visited {
	color: #999999; font-weight: bold;
	}

a.category:hover {
	color: #0077aa;
	}*/

.poll {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 14px
	}

.sectiontableentry1, .contentpane {
	}

.sectiontableentry2 {
	}

.sectiontableheader {
	color : #FFFFFF;
	font-weight : bold;
	}

.frontpageheader {
	font-size: 13px;
    color : #0077aa;
    font-weight : bold;
    }

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0077ff;
	text-decoration: none;
	font-weight: normal;
	}

.smalldark {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #333333;
        text-decoration: none;
        font-weight: normal;
        }


.newsfeedheading {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #333333;
        text-align:left;
        }

.newsfeeddate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0077ff;
	font-weight: normal;
}

.createdate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0077ff;
	text-decoration: none;
	font-weight: normal;
	}

.modifydate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #808080;
	text-decoration: none;
	font-weight: normal;
	}

ul {
	margin: 0px 0px 0px 0px;
	}

li {
	list-style: inside url(../images/arrow.png) 3px;
	list-style-image: url(../images/arrow.png);
	}

.fase4rdf {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #000000; font-weight: normal;
	}
/*
a.fase4rdf:link {
	font-size: 11px; font-weight: normal; color: #0077aa;
	}

a.fase4rdf:hover {
	font-weight: bold; color: #808080;
	}*/

table.navigation
{

background-color:##FFCD01;
display:block;
}




table.searchintro {
  	background-color: #FFFFFF;
	border: solid 1px #777777;
	}

table.contact {
	background-color: #FFFFFF;
	border: 1px solid #0077ff;
	}

table.contact td.icons {
	}

table.contact td.details {
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.pagenav {
	font-weight: normal;
	color: #808080;
}
/*
a.pagenav, a.pagenav:visited {
	color: #0077ff;
}

a.pagenav:hover {
	color: #386593;
}*/

.pagenavbar {
	
}

/* Content voting */
.content_rating {
	font-weight: normal;
	font-size: 8pt;
}

.content_vote {
	font-weight: normal;
	font-size: 8pt;
}

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
}


.newsflash {
	color: Black;
}
/* Text passed with mosmsg url parameter */
.message {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 10pt;
	color : #ff6600;
	text-align: center;
}
.highlight 
{
    background: yellow;
}


div.nav
{
    position: absolute;
    left: 5px;
    top: 10px;
    width: 200px;
    margin-left: 0px;
    margin-right: 0px;
}

div.titlebar
{
    position: absolute;
    left: 5px;
    top: 5px;
    width: 220px;
}


div.main
{
	 margin-top: 5px;
    /*margin-left:215px; 
    margin-right:210px; */

}


div.info
{
    position: absolute;
    top: 20px;
    right: 10px;
    width:190px;
}
#right_col{float:right;width:168px;padding:2px 0px 2px 5px;margin:2px 0 10px 0;	border-left: 1px solid #79A20A/*border-left: 1px solid #79A20A;	border-bottom:1px solid #79A20A;*/}



/* HORIZONTAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
#menu{background-color:#2A7E01;height:21px;padding:2px;font-weight:normal;}

#menu a:link, #menu a:active, #menu a:visited, #menu a:hover{
	color:#fff;
}

.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:13px;
 font-weight:bold;
 
 font-weight:normal;
 color:#FFFFFF;
 background-color:#eee;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 1.0em; margin-top: 13px; /* I'm using ems and px to allow people to zoom their font */
 left: -1px;
 width: 150px;
  font-weight:normal;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 148px;
  font-weight:bold;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 border-right: 1px solid #fff;
 margin-right: 2px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin-right: 0;
 margin-bottom: 0px;
 font-weight:bold;
 border:1px solid #fff;
 border-top:none;
 width:150px;
 background-color:#2A7E01;
}
.menulist ul>li:first-child{border-top:1px solid #fff}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
  font-weight:bold;
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 3px;
 color: #fff;
 text-decoration:  none;
 font-weight:normal;

}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color:#FFF;
 background-color: #DE5A00;
}
.menulist a.highlighted {
 color: #FFF;
 background-color: #DE5A00;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*+html .menulist ul li {
 float: left;
 height: 1%;
}
*+html .menulist ul a {
 height: 1%;
}
* html .menulist ul li {
 float: left;
 height: 1%;
}

* html .menulist ul a {
 height: 1%;
}
/* End Hacks */