/* CSS Document */

body {
	margin-top: 0px;
	background-color:#FFFFFF ; 
}

.whitetxt{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #ffffff; 
padding: 0px 10px 0px 10px;
 
}

.cmscontent, .cmscontent TD { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #4e4e4e; 
padding: 0px 10px 0px 10px;

}


IMG.grey {
	border: solid #e6e6e6 double 2px;
} 

IMG.noborder { 
border: 0px; 
} 
 

H1 
{
	padding-top:10px;
	padding-bottom:10px;
	color: #00461b;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
} 
 
H2 
{
	padding-top:10px;
	padding-bottom:13px;
	color: #8eb395;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
} 
 
H3 
{
		padding-top:10px;
	padding-bottom:13px;
	color: #00461b;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
} 

H4 {
	color: #00461b;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
} 

/* for bread*/

A.noline { 
color: #00461b; 
text-decoration: none; 

} 
 
A { 
color: #00461b; 
text-decoration: underline; 

} 
 
A:hover { 
text-decoration: underline; 
color:#7b9a81;
} 
 
HR { 
border-color: #00461b; 
border-style: solid; 
height: 1px 
} 
 
OL { 
 
} 
 
UL {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4e4e4e;
	list-style: url(images/green-bullet.jpg)
} 

UL.white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4e4e4e;
	list-style: url(images/white-bullet.jpg)
} 
 
LI { 
 
} 

/* NAV STARTS */


/* Fix IE. Hide from IE Mac \*/

* html ul.topnav li { float: left; height: 1%; }
* html ul.topnav li a { height: 1%; }
* html ul.topnav li ul.subnav li { float: left; height: 1%; }
* html ul.topnav li ul.subnav li a { height: 1%; }
* html ul.topnav li ul.subnav li ul.subnav li { float: left; height: 1%; }
* html ul.topnav li ul.subnav li ul.subnav li a { height: 1%; }

/* End */


/* top nav bar container,all ul and li elements will be inside this div which is with class topnavcontainer */
div.topnavcontainer
{
	/*padding of the whole nav bar*/
	padding: 1px 0px 0px 0px; 
	/*total width of the whole nav bar*/
	width: 770px;
	height: 36px;	
}

/* blow above div*/
/* ul which is with class topnav, for the whole top menu*/
/* ul which under above ul, for the whole submenu*/
ul.topnav, ul.topnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	cursor: pointer;

}


/* root list items,li which under ul with class topnav, for each button of top menu  */
ul.topnav li {
	float: left;
	position: relative;
	height: 36px;
	width: auto;
}

head:first-child+body ul.topnav li {
	width: auto;
}

/* not found popup class in page source code yet */
ul.topnav li ul.subnav li.popup {
	float: left;
	position: relative;
	width: 150px;
}

/* second level lists */
/* for whole submenu, ul which with class subnav, which under li, which under ul with topnav class*/
/* for second level ul element only*/
ul.topnav li ul.subnav 
{
	display: none;
	position: absolute;
	top: 50;
	left: 0;
}

/* third and forth level lists */
ul.topnav li ul.subnav li ul.subnav, 
ul.topnav li ul.subnav li ul.subnav li ul.subnav 
{ 
	display: none;
	position: absolute;
	top: 0px;
	left: 156px;
	_left: 135px;
}

ul.topnav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

/* lists nested under hovered list items */

/* for ul element under li*/
ul.topnav li:hover ul, 
ul.topnav li ul.subnav li.popup:hover ul, 
ul.topnav li:hover ul.subnav li.popup:hover ul li.popup:hover ul.subnav, 
ul.topnav li.over ul, 
ul.topnav li.over ul.subnav li.popupover ul, 
ul.topnav li.over ul.subnav li.popupover ul.subnav li.popupover ul 
{ 
	display: block;

}


/* setup elements within <a></a> in top menu,under li which under ul with topnav class*/
ul.topnav li a {
	text-decoration: none;
	color: #929292;
	
	
}

/* style of nav text when mouseover*/
ul.topnav li a:hover {
	text-decoration: none;
	
}

/* Top Level List Items */
/* initiailising value for each button of top nav */
ul.topnav li div
{

	position: relative;
	font-family: Verdana;
	/* font size for each nav button text*/
	font-size: 12px; 
	font-weight: bold;
	display: block;
	padding: 7px 2px 7px 2px;
	border: solid 1px #dbdbdb; 
	white-space: nowrap;
	/* for each button width*/
	width: auto;
	min-width: 102px;
	_width: 102px;
	text-align: center;
	background-color:#e6e6e6;

}



/* Top Level List Items MouseOver */
ul.topnav li:hover div, 
ul.topnav li.over div 
{
  background-color: #00461b;
  border: #00461b;
  

}

/* when top menu mouse over and hover, what submenu and subsubmenu looks like,(submenu) List Items (without submenus) */
/* when top menu item mouseover*/
/* what submenu items looks like*/
ul.topnav li:hover ul.subnav li div, 
/* what subsubmenu items looks like*/
ul.topnav li:hover ul.subnav li:hover ul.subnav li div, 
/* subsubsubmenu*/
ul.topnav li:hover ul.subnav li:hover ul.subnav li:hover ul.subnav li div, 
ul.topnav li.over ul.subnav li div, 
ul.topnav li.over ul.subnav li.popupover ul.subnav li div, 
ul.topnav li.over ul.subnav li.popupover ul.subnav li.popupover li div
{
	display: block; 
	padding: 12px;
	margin: 0px;
	width: 150px;
	font-family: Verdana;
	font-size: 11px;
	font-weight:normal ;
	white-space: normal;
	background: none;
	background-color: #00461b;
	height: auto;
	text-align: left;
	border:none; 
 
	
}

/* List Items MouseOver (without submenus) */
ul.topnav li:hover ul.subnav li:hover div, 
ul.topnav li:hover ul.subnav li:hover ul.subnav li:hover div, 
ul.topnav li:hover ul.subnav li:hover ul.subnav li:hover ul.subnav li:hover div, 
ul.topnav li.over ul.subnav li.over div, 
ul.topnav li.over ul.subnav li.popupover ul.subnav li.over div, 
ul.topnav li.over ul.subnav li.popupover ul.subnav li.popupover ul.subnav li.over div
{
	display: block;
	padding: 12px;
	margin: 0px;
	width: 150px;
	font-family: Verdana;
	font-weight:normal ; 
	font-size: 11px; 
	white-space: normal;
	background-color: #a5beaa; 
	height: auto;
	text-decoration: none; 
	color: #00461B;

}

ul.topnav li:hover ul.subnav li:hover div a, 
ul.topnav li:hover ul.subnav li:hover ul.subnav li:hover div a, 
ul.topnav li:hover ul.subnav li:hover ul.subnav li:hover ul.subnav li:hover div a, 
ul.topnav li.over ul.subnav li.over div a, 
ul.topnav li.over ul.subnav li.popupover ul.subnav li.over div a, 
ul.topnav li.over ul.subnav li.popupover ul.subnav li.popupover ul.subnav li.over div a
{
	color: #00461B;
}

/* List Items (with submenus) */
ul.topnav li:hover ul.subnav li.popup div, 
ul.topnav li:hover ul.subnav li.popup ul.subnav li.popup div, 
ul.topnav li.over ul.subnav li.popup div, 
ul.topnav li.over ul.subnav li.popupover ul.subnav li.popup div
{
	display: block;
	padding: 5px;
	margin: 0px;
	width: 150px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	background-color: #00461b;
	padding-left: 16px;
	height: 25px;
	
}

/* List Items Over (with submenus) */
ul.topnav li:hover ul.subnav li.popup:hover div, 
ul.topnav li:hover ul.subnav li.popup ul.subnav li.popup:hover div, 
ul.topnav li.over ul.subnav li.popupover div, 
ul.topnav li.over ul.subnav li.popupover ul.subnav li.popupover div
{
	display: block;
	padding: 5px;
	margin: 0px;
	width:150px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	background-color: #a5beaa;
	padding-left: 16px;
	height: 25px;
	text-decoration: none; 
	color: #00461B;

}

ul.subnav li 
{
	 /* clear: both; no floating elements allowed, means all submenu elements will be drop down*/
	clear: both;
	width: 150px;
	color :Black;
}


/* NAV ENDS */

	
	INPUT.button {
	 border :0; 
	 COLOR: #ffffff; 
	 BACKGROUND-COLOR: #00461b;
	  padding-bottom:2px;

}

/* set background color for current page button*/
ul.topnav li div.highlightbutton
{
   background-color: #00461b;
    border-color:  #00461b;
}

ul.topnav li div a.menuLink
{
	color: #00461b;
}

ul.topnav li div.menuLinkDiv
{
	color: White;	
}

.menuLinkDiv
{
	color: Black;	
}

ul.topnav li div a.menuLink:hover
{
	color: White;
}

ul.topnav li div a.highlightbutton 
{
	color:#ffffff;
	}
	

	
ul.topnav li div a#highlightbuttonid 
{
	color:#ffffff;
	}
	
	
/* submenu elements between <a></a>*/	
ul.topnav li ul.subnav li div a{
	text-decoration: none;
	color: #ffffff;
}

ul.topnav li ul.subnav li div a:hover
{
		text-decoration: none;
	color: #00461b;
	}
/* for contact form*/
FIELDSET {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; MARGIN: 3px; WIDTH: 520px; PADDING-TOP: 6px
}
TABLE.form TH {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; TEXT-ALIGN: right
}
TABLE.form TD {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
INPUT.button {

	padding:20px,10px,20px,10px;
	BORDER-RIGHT: #4c4c4c 1px solid; 
	BORDER-TOP: #4c4c4c 1px solid; 
	BORDER-LEFT: #4c4c4c 1px solid; 
	COLOR: #929292; 
	BORDER-BOTTOM: #4c4c4c 1px solid; 
	BACKGROUND-COLOR: #e6e6e6;
}
.formtable TH
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 11px;
font-weight :normal ;
color: #a3ce63; 
padding: 0px 0px 0px 0px;	
}

.formtable TD 
{
	padding: 0px 0px 0px 0px;	
	 word-spacing :7px;
 
}

/* starts flash text*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-hasFlash span.navFlashGrey
{
	visibility: hidden;
	text-decoration: none;
	 color: #00461b;
	 font-size: 17px;
	 text-align:center ;
	 width: 100%;
	}
	
	.sIFR-hasFlash span.navFlashWhite
{
	visibility: hidden;
	text-decoration: none;
	 color: #FFFFFF;
	 font-size: 17px;
	 text-align:center ;
	 width: 100%;
	}
	


.sIFR-hasFlash H1 
{
	padding-top:10px;
	padding-bottom:10px;
	color: #00461b;
	font-size: 7px;
	font-weight: bold;
	margin: 0px;

} 

.sIFR-hasFlash H2 
{
	padding-top:10px;
	padding-bottom:13px;
	color: #8eb395;
	font-size: 1px;
	font-weight: bold;
	margin: 0px;

}

.sIFR-hasFlash H3 
{
	padding-top:10px;
	padding-bottom:10px;
	color: #00461b;
	font-size: 5px;
	font-weight: bold;
	margin: 0px;

}