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

}
table tr td p {margin:0;padding:0;}
table tr td {padding-left:5px;}

p.bannerheading {
	font-family:verdana,arial,sans-serif;
	font-weight:bold;
	font-size:3em;
	margin-top:1px;
	color:#000000;
	text-align:center;
	margin-bottom:1em;
	margin-left: 0px;
}
img {border: solid 1px #000;}
img.noborder {border:none;}
h1 {
	font-family:verdana,arial,sans-serif;
	font-weight:bold;
	font-size:2em;
	margin-top:1px;
	color:#000000;
	border-bottom: solid 1px #666666;
	padding-bottom:2px;
	}
	
h2 {
	font-family:verdana,arial,sans-serif;
	font-weight:normal;
	font-size:1.5em;

}

h3 {font-size:1em}

a.smalllink {
	font-size:.7em;
}
/* positioning & appearance properties for the layers */
div#outer {
    width: 100%;
    background-color:#ffffff;
    margin-top: 0px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: 0px;
    padding: 0px;
    border: none;

}

div.header {
	padding: 0px;
	margin: 0px;
	text-align: left;
	width:80%;/*to fit the banner */
	min-width:707px;
	position: absolute;
	top: 0px;
	left: 0px;
	border: none;
	
	

}

/* 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 #000000;
	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:1.2em;
	font-weight:normal;
	border: 1px solid #ff3300;
	border-left: 5px solid #ff3300;
	border-right:none;
	border-top:none;
	text-align:left;
	color:#666666;
	background-color: #fff;
	width: 75%;
	display:block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 1px;

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

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



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

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


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

#navmenu li ul.dropdownmenu {
	margin-left:0;
	position:absolute;
	left: 11px;
	top: 56px; /* 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.*/
	width: 136px;
	visibility: hidden;
	z-index: 9;
	background-color:#fff;
	border:1px solid #000;
	padding-left:0;
	padding-bottom:4px;
	
}
#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;
}
#navmenu li ul.dropdownmenu li a:hover {
	text-decoration:none;
	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;
}
.floatleft {
float:left;
margin-right: 3px;
}

.clearfix {
clear:both;
}

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

.required {color:red;}

.alignlogo {
	margin:0;
	margin-top:0px;
	border: none;
	margin-right: 10px;
}
.fixbanner {display:inline;}

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

.highlightbox {
	float:right;
	border:solid 1px #003366;
	width: 450px;
	color:#003366;
	padding:3px;
	padding-top:0;
	margin:0;
	margin-left:3px;
}
.highlightbox h2 {margin:0;}
.boxedtext {border:solid 1px #003366;}
/* Layout */

#top {
	width:100%;
	height:112px;
	z-index:1;
	position:absolute;
	top:10px;
	left:0;
	margin: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
	
	
}

#toppic {
	position:absolute;
	left: 194px;
	top:10px;
	/*background-image:url(images/mcf-people.jpg);*/
	background: white url(images/mcf-people.jpg) repeat-x left top;
	margin: 0 0 0 -20px;
	padding: 0;
	z-index:2;
	width:100%;
	height:112px;
}


#navleft {
	height:212px;
	z-index:2;
	padding: 0;
	margin: 0 0 0 0;
	color: #FFFFFF;
	background-color:#fff;
	width:201px;
	position:absolute;
	top:165px;
}
#mainarea {
	width:82%;
	height:374px;
	z-index:3;
	float:right;
	margin: 0 0 0 -20px;
	padding: 0;
	position:absolute;
	top:120px;
	left:194px;
}

.latestnews {
	color:#333333;
	border: solid 1px #ff3300;
	width: 71%;
	font-size:x-small;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 5px;
	border-left: 5px solid #ff3300;
}
.latestnews a {font-weight:bold;}
.latestnews a:hover { text-decoration:none;}
.latestnews h3 {
	font-size:1.5em;
	margin: 0px;
	padding: 0px;
}

.newsdiv {
	float:right;
	
	
}
.newsdiv h2 {display:inline;}
.newsdiv p.beside {margin:0;font-style:italic;display:inline;}

.homepagenews {border: 2px solid #ff3300;
	height: 110%;
	overflow:auto;
	padding-left:5px;
	padding-bottom:5px;
	width: 30%;}

.homepagepics {vertical-align:middle;}
.donatebox {
	width:20%;
	border: solid 2px #ff0000;
	float: right;
	padding-left: 5px;
}

.donatebox p {text-align:center;}
.donatebox form {text-align:center;}
.message {color:#FF0033;font-size:1.2em;font-weight:bold;}