body {
	background-color:#FFFFCC;
	/*ffcc66 */
    font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin-top:0;
	margin-left:0;
	padding-top: 0px;

}

.printonly {display:none;}

p.bannerheading {
	font-family:verdana,arial,sans-serif;
	font-weight:bold;
	font-size:2em;
	margin-top:1px;
	color:#660000;
	text-align:center;
	margin-bottom:1em;
	margin-left: 0px;
}
h1 {
	font-family:verdana,arial,sans-serif;
	font-weight:bold;
	font-size:2em;
	margin-top:1px;
	color:#CC6600;
	border-bottom: solid 1px #CC6600;
	padding-bottom:2px;
	}
	
h2 {
	font-family:verdana,arial,sans-serif;
	font-weight:normal;
	font-size:1.5em;
	color: #CC6633;

}
h3 {color:#CC6633;font-size:1em;padding-left:8px;}

.highlight {
	font-weight:bold;
	color:#CC0033;
	padding: 0 0 0 3;
}

a.smalllink {
	font-size:.8em;
}

.smalltext {font-size:.8em; text-align:right;}
td {
	font-size:small;
}
/* positioning & appearance properties for the layers */

.caption {font-style:italic;font-size:small;text-align:center;}


/* from http://www.cssplay.co.uk/boxes/width.html - attempt to ensure a min width for the banner*/
/* for all browsers that understand min-width */
.header {position:relative; width:100%; min-width:707px;}
.holder {display:block; color:#fff; border:none;  }

/* method 1 a bodge for IE5.5 and IE6 browsers */
/*
* html .header {border-right:707px solid #fff;}
* html .holder {display:inline-block; margin-right:-707px;}
*/

/* method 2 a bodge for IE browsers IE5.01, IE5.5 and IE6 */
* html .header {border-right:707px solid red;}
/* remove float:left*/
* html .holder {position:relative; margin-right:-707px;}


#topinner1 {
	/*float:left;*/
	padding:0px;
	margin:0px;
}	
#topinner2 {
	position:absolute;
	/*float:right;*/
	right:12%;
	top:10%;
	text-align:left;
	/*width:100%;*/
	
}

#clearfix {
	clear:both;
}
div#nav {
    /*width: 25%;*/
    
	margin:0;
	padding:0;
    /*float: left;*/
	border-bottom:2px #CC9900 solid;
	padding-bottom:3px;

}


div#leftnav {
	border: none;
	width: 180px;
	height:570px;
	float:left;
	margin-right:10px;
	margin-left: 0px;
	margin-top: 50px;
	
}

div#insidemain {
	float:right;
	position: absolute;
	overflow: auto;
	overflow-x:hidden;
	overflow-y:auto;
	left: 190px;
	height: 480px;
	margin-right: 0px;
	top: 0px;
	border:none;
	padding-right: 20px;
	z-index: 10;
	width: 628px;
	
}

div#insidemain a:hover {background-color:#999999;
}

div#main {
	margin-left:0px;
	margin-top: 0px;
	padding: 0px 10px 10px 0px;
	position: absolute;
	left: 0px;
	background-color: #ffffff;
	top: 113px;
	width: 870px;
	border: solid 1px #000;
	border-top: none;
	height: 600px;
}

div#footer {
	padding: 15px;
	margin: 0px;
	border-top: thin solid #CC6600;
	text-align:center;
	font-size:0.7em;
	width: 95%;
	margin-top: 5px;

}

#footer p {
	margin:0px;
}
 #footer p.faded {
 	color:#666666;
}

/* top nav bar - the main nav links */
#topnavholder {
	width:882px;
	border: solid 1px black;
	z-index: 1;
}
#topnav {
	list-style-type:none;
	display:inline;
	text-align:right;
	padding-bottom:10px;
	margin-bottom:10px;
	border:none;
	align:right;
	width:100%;
	margin-left: 0px;
	padding-left: 0px;
}
#topnav li {
	display:inline;
	border-right:1px solid #000;
	padding: 2px 7px 2px 6px ;
	text-align:center;
	color:#000000;
	font-weight:bold;
	font-size:1em;
	
}

/* define style of the actual links */
#topnav li a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
#topnav li a:hover {
	text-decoration:underline;
	color:#CC9900;
}

/* styles for the main navigation menu - appears at the left - links to different sections of the web site */
#navmenu {
	padding:0;
	padding-top:0;
	padding-bottom:0.5em;
	padding-left:0px;
	margin:0;
	margin-left:0;
	margin-top:0px;
	list-style-type:none;
	text-align:left;
	border:none;
	z-index:3;
	width: 100%;
	/*background-color:#ffffff;*/
	
	}
#navmenu li {
	/*text-align: center; */
	list-style-type:none;
	font-size:.9em;
	font-weight:normal;
	margin:3px 0px 6px 5px;
	border: 1px solid #CC6633;
	border-left: 5px solid #CC6633;
	border-right:none;
	border-top:none;
	padding: 2px 0px 2px 1px;
	text-align:left;
	color:#666666;
	background-color: #FFFFCC;
	width: 75%;
	display:block;

			/*background-color:#0082d6;*/
			}
#navmenu li a {font-weight:bold;
			border:solid 2px #FFFFCC;
			/*border-bottom:none;*/
			text-decoration:underline;
			width:100%;	
			display:block;
			
} 

#navmenu li a:link {
color:#CC6633;
text-decoration:none;
width:100%;
}



#navmenu li a:visited {
color:#CC3333;
text-decoration:none;
width:100%;}

#navmenu li a:hover {
color:#fff;
text-decoration:none;
background-color:#663333;
width:100%;
/*width:auto;
border:#ccc solid 2px;*/
	
}


#navmenu li.current {
color:#990000;
} 

#navmenu li ul.dropdownmenu  {
	margin-left:0;
	position:absolute;
	
	width: 136px;
	visibility: hidden;
	z-index: 9;
	background-color:#fff;
	border:1px solid #000;
	padding-left:0;
	padding-bottom:4px;
	
}

#navmenu li ul.dropdownmenu1 {
left: 11px;
	top: 80px; /* if this is increased too much, the dropdownmenu is below the element whose onmouseover made it visible, so it disappears again due to the onmouseout. Need to keep it slightly overlapped.*/
	}
	
	#navmenu li ul.dropdownmenu2 {
left: 11px;
	top: 137px; /* if this is increased too much, the dropdownmenu is below the element whose onmouseover made it visible, so it disappears again due to the onmouseout. Need to keep it slightly overlapped.*/
	}

#navmenu li ul.dropdownmenu li{
	border: none;
	background-color:#fff;
	margin:0 0 0 2px;
	padding:0 0 0 2px;
	display:block;
	
	
}
#navmenu li ul.dropdownmenu li a {
	display:block;
	text-decoration:underline;
	border:none;
	font-size:1.1em;
}
#navmenu li ul.dropdownmenu li a:hover {
	text-decoration:underline;
	/*background-color:#fff;*/
	border:none;
}
/* this is used to shift menu list items down when a sub-menu above them is visible, to keep the sub-menu
displayed.*/
.shiftedmenu {
position:relative;
top: 40px;
}
/* End of nav menu styles */

/* Start sub-nav styles - used for a sub-navigation menu within a section, across top of the main content area */
ul.subnav { list-style-type:none;display:inline;margin:0;padding:0;
}

ul.subnav li {display:inline;
list-style-type:none; 
color:#000000; 
font-size:.9em;
font-weight:bold;
margin:0px;
border-right: 2px solid #CC9966;
padding: 2px 4px 2px 4px ;
text-align:left;
color:#666666;}
			
ul.subnav li a {font-weight:bold;
border-bottom:none;
text-decoration:underline;
font-weight:bold;
} 

ul.subnav li a:link {
color:#FF9900;
text-decoration:underline;}



ul.subnav li a:visited {
color:#FF9900;
text-decoration:underline;}

ul.subnav li a:hover {
color:#cc9966;
text-decoration:none;
background-color:#FFFFCC;
}


ul.subnav li a.current {
color:#cc9966;
text-decoration:none;
background-color:#FFFFCC;
} 

ul.subnav li a:visited.current {text-decoration:none;}
ul.subnav li a:link.current {text-decoration:none;}

.toplevellink {margin:0;padding:0;margin-bottom:3px;}
.toplevellink a {color:#FF9900;text-decoration:underline;font-weight:bold;}
.toplevellink a.current {color:#cc9966;
text-decoration:none;
background-color:#FFFFCC;}

/* End of subnav styles */

ul.nicelist {
	list-style:none;
	margin-left: 0;
	padding-left: 0;
}

.nicelist li
{
padding-left: 40px;
background-image: url(images/cumaraleaf20.gif);
background-repeat: no-repeat;
background-position: 1em;
}

.floatright {
	float:right;
	margin-left: 3px;
	text-align: center;
}
.floatleft {
float:left;
padding:10px;
}

.clearfix {
clear:both;
}

.floatleftform {
float:left;
border:none;
padding:10px;
}

.required {color:red;}

.alignlogo {
	margin:0;
	margin-top:0px;
	border: none;
	z-index: 4;
}
.fixbanner {display:inline;}

/*
#outer #header #topinner1 div {
	background-position: right;
	margin: 0;
	padding: 0;
}
*/

.highlightbox {
	border:solid 1px #660000;
	width: 70%;
	color:#CC6600;
	padding:3px;
	padding-top:0;
	margin:0;
	margin-left:3px;
}
.highlightbox h2 {margin:0;}

/* Layout */

#top {
	width:100%;
	height:150px;
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	margin: 0;
	padding: 0;
	text-align: left;
	
	
}
#navleft {
	height:212px;
	z-index:2;
	padding: 0;
	margin: 0 0 0 0;
	color: #000;
	background-color:#FFFFCC;
	width:188px;
	position:absolute;
	top:150px;
}

#navleft p {font-size:smaller; width:75%;padding-left:5px; text-align:justify;display:block;}
#navleft a.otherlinks {font-size:smaller; width:75%;padding-left:5px; text-align:justify;display:block;}
#navleft p.boxed {
	border:solid 1px #CC6600;
	padding-right: 5px;
	;
}
#navleft h2 {font-size:1em; font-weight:bold;padding-left:5px;}
#navleft a {display:block;color:#CC6633;}
#mainarea {
	width:82%;
	/*height:374px;*/
	z-index:3;
	float:right;
	padding: 0;
	position:absolute;
	top:160px;
	left:184px;
	height: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -20px;
}
#mainarea a:hover{text-decoration:none;}

#searchbox {
	border:1px none black;
	padding:4px;
	width:304px;
	display:block;
	position:absolute;
	top:-3px;
	left: 667px;
	z-index: 10;
}

.language {
	width: 100%;
	border:none;
	height:90%;
	margin:0;
	padding:0;
	visibility: visible;
	overflow: auto;
}


table.language {border: solid 1px #000; margin:0;padding:0; }
table.language td {border: solid 1px #000;margin:0;padding:2px;}

.picholder {text-align:center;}