@import url('inputstyle.css');
@import url('misc.css');

html,body {
	margin:0;
	padding:0;
	height:100%;
	
	background:#007637 url(../Images/wf_bg.jpg) repeat-y top;
	/*background-position: center center;*/
	
	font-family:verdana;
	font-size:small;
}

.wrapper
{
	width:770px; 
	margin:0px auto 10px auto;
	height:344px;
	/*padding :0px autp 0px auto;
	height:100%;
	min-height:100%;
	border:solid 1px red;*/
}

.navigation
{
	position:absolute;
	height:87px;
	/*width:500px;*/
	top:0px;
	width:100%;
	float:right;
	/*border:solid 1px green;	
	text-align:right;*/
}

#navitems
{
	width:650px; 
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	/*border:solid 1px red;*/
	float:right;
	text-align:right;
	padding-top:60px;
}

#navitems ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#navitems ul li
{
	display:inline;
}

#navitems a:link,#navitems a:visited
{
	color:#8c8c8c;
	text-decoration:none;
	padding:0px 6px 0px 6px;
	border-right:solid 2px #007637;
}

.banner
{
	position:absolute;
	height:267px;
	width:100%;
	top:87px;
	left:0px;
	background:#fff url(../Images/banner.jpg) no-repeat;
}

.logo
{
	/*background:#fff url(../Images/logo.png) no-repeat;*/
	width:232px;
	height:134px;	
	/*border:solid 1px #000;*/
	position:absolute;
	top:0px;
	z-index:5;
}

#emailandrea
{
	width:280px;
	height:82px;	
	/*border:solid 1px #000;*/
	position:absolute;
	top:260px;
	left:65px;
	z-index:2;
	cursor:pointer;
}

.content
{
	width:770px; 
	margin:0px auto 10px auto;
	/*border:solid 1px red;
	height:200px;*/
}

/****************home page styles*******************/
.hmlink1
{
	width:400px;
	text-align:center;
	margin-left:5px;
	/*margin:5px 0px 0px 40px;*/
	padding-top:5px;
	padding-bottom:5px;
	float:left;
	border-bottom:solid 5px #d6d6d6;
	/*border:solid 1px green;*/
}

.hmlink2
{
	width:355px;
	margin-left:10px;
	/*margin:5px 0px 0px 40px;*/
	text-align:center;
	padding-top:5px;
	padding-bottom:6px;
	border-bottom:solid 5px #d6d6d6;
	float:left;
	/*border:solid 1px red;*/
}

.hmwelcome
{
	width:400px;
	float:left;
}

#hmwelcomecontent
{
	padding:15px 5px 5px 25px;
}

#hmwelcomecontent span
{
	margin:0px 0px 50px 0px;
	color:#107f44;
	font-family:Verdana;
	font-size:15pt;
}

#hmwelcomecontent p
{
	font-family:Verdana;
	font-size:11px;
	text-align:left;
}

#hmwelcomecontent p a:link,#hmwelcomecontent p a:visited
{
	font-family:Verdana;
	font-size:11px;
	text-align:left;
	color:Blue;
}

.hmmidbar
{
	width:8px;
	height:400px;
	float:left;
	margin:10px 0px 0px 0px;
	border-right:solid 5px #d6d6d6;
}

.hmevents
{
	width:355px;
	float:left;
}

#hmeventscontent
{
	padding:15px 5px 5px 30px;
}

#hmeventscontent span
{
	margin:0px 0px 50px 0px;
	color:#107f44;
	font-family:Verdana;
	font-size:15pt;
}

#hmeventscontent div
{
	margin-top:20px;
}

#hmeventscontent div img
{
	padding-right:10px;
}

#hmeventscontent p
{
	font-family:Verdana;
	font-size:11px;
}

#hmeventscontent p a:link,#hmeventscontent p a:visited
{
	font-family:Verdana;
	font-size:11px;
	text-align:left;
	color:Blue;
}

#hmgalleft
{
	background-color:Gray;
	text-align:center;
	width:27px;
	height:75px;
	float:left;	
}

#hmgallery
{
	background-color:white;
	text-align:center;
	width:710px;
	height:75px;
	float:left;
}

#hmgalright
{
	background-color:Gray;
	text-align:center;
	width:27px;
	height:75px;
	float:left;
}
/****************home page styles ends*******************/

/***************director page styles*********************/
.bodpageheader
{
	background-color:#D6D6D6;
}

.bodpageheader p
{
	font-family:Verdana, Tahoma;
	font-size:11px;
	padding:5px 0px 5px 0px;
}

.bodimage
{
	float:left;
	width:150px;
}

.boddesc
{
	width:600px;
	margin:0px 5px 10px 10px;
	float:left;
	font-family:Verdana, Tahoma;
	font-size:11px;
}

.boddesc span
{
	font-family:Verdana, Tahoma;
	font-size:14px;
	font-weight:bold;
	color:#007637;
}

.boddesc p
{

}

.bodseparator
{
	width:600px;
	float:right;
	margin-bottom:10px;
}

.bodseparator .bodemail
{
	text-align:right;
}

.bodseparator .bodemail a:link,.bodseparator .bodemail a:visited
{
	font-weight:bold;
	color:#007637;
}
/**************director page styles ends*****************/

/***************gallery page styles*****************/
.galpageheader
{
	background-color:#D6D6D6;
	padding:10px 0px 10px 10px;
}

.galpageheader span
{
	font-family:Verdana, Tahoma;
	font-size:17px;
	font-weight:bold;
	
}

.gallcontainer
{
	width:770px;
	background:url(../Images/galbg1.jpg) repeat-x;
	/*background-color:#FFFF99;
	border:solid 1px blue;*/
}

.galleft
{
	width:295px;
	float:left;	
	/*border:solid 1px red;*/
}

.galleftcontent
{
	padding:20px;
	font-family:Verdana,Tahoma;
	font-size:12px;
	font-weight:bold;
	color:#000;
}

.gallright
{
	text-align:right;
	width:475px;
	float:left;
	/*border:solid 1px green;*/
}
/***************gallery page styles ends*****************/

/***************contact us style************************/
.cupageheader
{
	background-color:#D6D6D6;
	padding:10px 0px 10px 10px;
	margin-bottom:20px;
}

.cupageheader span
{
	font-family:Verdana, Tahoma;
	font-size:17px;
	font-weight:bold;
	
}

.cumap
{
	float:left;
	width:430px;
}

.cudivider
{
	float:left;
	width:5px;
	height:360px;
	border-right:solid 1px #000;
}

.cudesc
{
	float:left;
	padding:0px 5px 0px 10px;
	width:300px;
	font-family:Verdana, Tahoma;
	font-size:11px;
}

.cudesc a:link,.cudesc a:visited
{
	color:Blue;
}

/***************contact us style ends********************/

/*******************fundraising style************************/
.frpageheader
{
	background-color:#D6D6D6;
	padding:10px 0px 10px 10px;
	margin-bottom:20px;
}

.frpageheader span
{
	font-family:Verdana, Tahoma;
	font-size:17px;
	font-weight:bold;
	
}

.frtop p
{
	font-family:Verdana, Tahoma;
	font-size:11px;
}

.frtop a:link,.frtop a:visited
{
	color:Blue;
}
/******************fundraising style ends********************/

/*******************Newletter style************************/
.nlpageheader
{
	background-color:#D6D6D6;
	padding:10px 0px 10px 10px;
	margin-bottom:20px;
}

.nlpageheader span
{
	font-family:Verdana, Tahoma;
	font-size:17px;
	font-weight:bold;
	
}

.nlyears
{
	font-family:Verdana, Tahoma;
	font-size:11px;
	margin-bottom:10px;
}

.nlyears .active
{
	color:#000;
	font-weight:bold;
	text-decoration:none;	
}

.nlyears .inactive
{
	color:blue;
	font-weight:bold;
	text-decoration:underline;
}

.nlnewsletters table
{
	font-family:Verdana, Tahoma;
	font-size:12px;
	width:500px;
	border:solid 1px Gray;
}

.nlnewsletters table tr td
{
	border:solid 1px Gray;
}

.nlnewsletters table tr td a:link,.nlnewsletters table tr td a:visited
{
	color:Blue;
	text-decoration:none;
}

.nonewsletters
{
	margin-top:5px;
	margin-bottom:5px;
}
/******************Newletter style ends********************/

/*******************our homes style************************/
.ohpageheader
{
	background-color:#D6D6D6;
	padding:10px 0px 10px 10px;
	margin-bottom:20px;
}

.ohpageheader span
{
	font-family:Verdana, Tahoma;
	font-size:17px;
	font-weight:bold;
	
}

.ohleftbar
{
	float:left;
	width:550px;
}

.ohleftbar p
{
	font-family:Verdana, Tahoma;
	font-size:11px;
}

.ohleftbar a:link,.ohleftbar a:visited
{
	color:blue;
}

.ohrightbar
{
	float:left;
	width:210px;
}

.ohlinks
{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	/*color:#007637;*/
	text-decoration:underline;
}
.ohlinks a:link,.ohlinks a:visited
{
	color:Blue;
	font-family:Verdana;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
}

.ohimages
{
	padding-top:5px;
	text-align:left;
}
/******************our homes style ends********************/

/*******************events style************************/
.evpageheader
{
	background-color:#D6D6D6;
	padding:10px 0px 10px 10px;
	margin-bottom:20px;
}

.evpageheader span
{
	font-family:Verdana, Tahoma;
	font-size:17px;
	font-weight:bold;
	
}
/******************events style ends********************/

.footer
{
	width:770px; 
	top:10px;
	margin:0px auto 10px auto;
	/*border:solid 1px red;*/
}

.footerleft
{
	font-family:Verdana, Tahoma;
	font-size:11px;
	width:50%;
	float:left;
}

.footerleftp1
{
	float:left;
}

.footerleftp2
{
	float:left;
	font-size:11px;
	font-style:italic;
	color:#007637;
}

.footerright
{
	font-family:Verdana, Tahoma;
	font-style:italic;
	font-size:11px;
	width:50%;
	text-align:right;
	float:left;
}

/********************carousal styles*********************/
.stepcarousel
{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 270px; /*Width of Carousel Viewer itself*/
	height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt
{
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}

.stepcarousel .panel
{
	padding-left:3px;
	padding-top:4px;
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 0px; /*margin around each panel*/
    width: 75px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/********************carousal styles*********************/