/* 
-----------------------------------------------
  Page Structure
----------------------------------------------- */


body {
	background: transparent url(http://www.whyy.org/91FM/ybyg/images/garden_bg_bkg.jpg) top center no-repeat;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 0;

}


.subnav {
	background: transparent url(http://www.whyy.org/91FM/ybyg/images/garden_subnav.jpg) no-repeat scroll 0 0;
	width: 900px;
	height: 70px;
}

.main {
	background: transparent url(http://www.whyy.org/91FM/ybyg/images/garden_main2.jpg) no-repeat scroll 0 0;
	border: solid 2px #F9A11B;
	padding-top: 160px;
	width: 600px;
	height: 400px;
}

.show {
	background: transparent url(http://www.whyy.org/91FM/ybyg/images/bkg.png) no-repeat scroll 0 0;
	color: #000000;
	border: 1px solid #F9A11B;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px;

}

.featurebox {
	display: inline;
	float: left;
	margin: 5px 0px 0px 5px;
	background: transparent url(http://www.whyy.org/91FM/ybyg/images/black_bkg.png) no-repeat scroll 0 0;
	color: #ffffff;
	border: 3px solid #F9A11B;
	height: 140px;
	padding: 5px 7px 0 5px;
	width: 260px;
}

.featurebox2 {
	display: inline;
	float: right;
	margin: 5px 5px 0px 0px;
	background: transparent url(http://www.whyy.org/91FM/ybyg/images/black_bkg.png) no-repeat scroll 0 0;
	border: 3px solid #F9A11B;
	height: 140px;
	padding: 5px 7px 0 5px;
	width: 275px;
}

.recent1 {
	background: transparent url(http://www.whyy.org/91FM/ybyg/images/div1bkg.jpg) no-repeat scroll 0 0;
	color: #000000;
	background-color: #f3fbf4;
	border: 1px solid #F9A11B;
	padding-left: 0px;
	width: 600px;

}

#rightsidebar {
	width: 275px;
	padding-left: 10px;
	padding-top: 4px;
	text-align : left;
}

.open-box {
	background:transparent url(http://www.whyy.org/91FM/ybyg/images/open_box2.jpg) no-repeat scroll 0 0;
	width:300px;
	height:320px;
}

.donate-box {
	background:transparent url(http://www.whyy.org/91FM/ybyg/images/donate_box.jpg) no-repeat scroll 0 0;
	width:300px;
	height:280px;
}

.problems-box {
	background:transparent url(http://www.whyy.org/91FM/ybyg/images/problems_box3.jpg) no-repeat scroll 0 0;
	width:300px;
	height:792px;
}

.events-box {
	background:transparent url(http://www.whyy.org/91FM/ybyg/images/events_box2.jpg) no-repeat scroll 0 0;
	width:300px;
	height:500px;
}

.deer-box {
	background:transparent url(http://www.whyy.org/91FM/ybyg/images/deer_box.jpg) no-repeat scroll 0 0;
	
	width:300px;
	height:550px;
}

.sendevents-box {
	background:transparent url(http://www.whyy.org/91FM/ybyg/images/sendevents_box.jpg) no-repeat scroll 0 0;
	
	width:300px;
	height:285px;
}

.holiday-box {
	background:transparent url(http://www.whyy.org/91FM/ybyg/images/holiday_box.jpg) no-repeat scroll 0 0;
	
	width:300px;
	height:550px;
}

.compost-box {
	background:transparent url(http://www.whyy.org/91FM/ybyg/images/compost_box.jpg) no-repeat scroll 0 0;
	
	width:300px;
	height:570px;
}

.sponsors-box {
	background:transparent url(http://www.whyy.org/91FM/ybyg/images/sponsors_box.jpg) no-repeat scroll 0 0;
	width:230px;
	height:400px;
}

#footer {

	background: #f0f0f0;
	color: 636366;	
	clear: both; /*originally 'both'*/
	width: 100%;
	/*float: right; */
	border: solid 0px #DEDEDE; padding: 0px;
	margin-top: 15px;
	font-family: verdana, arial, tahoma;
	font-size: 7pt;
	text-align: center;
	}
	
#footer p{padding:6px;margin: 0; color: #999999;}
#footer a{color: #999999;text-decoration: none;}
#footer a:hover{color: #646366;text-decoration: underline;}



/* 
-----------------------------------------------
  Global Nav
----------------------------------------------- */


#global-navigation-inner ul li {
	display: inline;
	float: left;
	margin: 0px 0px 0 0;
}

#global-navigation-inner ul li {
	margin: 0;
}

#global-navigation-inner ul li a {
	height: 29px;
	display: block;
	text-indent: -9999px;
	background-image: url(http://www.whyy.org/91FM/ybyg/images/global_nav.png);
}

li#w-navi01 a {
	width: 60px;
	margin-right: 0px;
	background: -15px 0;
}

li#w-navi02 a {
	width: 75px;
	background: -102px 0;
}

li#w-navi03 a {
	width: 40px;
	background: -205px 0;
}

li#w-navi04 a {
	width: 60px;
	background: -265px 0px;
}

li#w-navi05 a {
	width: 60px;
	background: -355px 0;
}


li#w-navi07 a {
	width: 610px;
	background: -420px 0;
}

#global-navigation-inner ul li a:hover {
	height: 29px;
	background-image: url(http://www.whyy.org/91FM/ybyg/images/global_nav.png);
}

#w-navi01 a:hover {
	width: 60px;
	height: 29px;
	background: -15px -27px;
}

#w-navi02 a:hover {
	width: 75px;
	height: 29px;
	background: -102px -27px;
}

#w-navi03 a:hover {
	width: 40px;
	background: -205px -27px;
}

#w-navi04 a:hover {
	width: 60px;
	background: -265px -27px;
}

#w-navi05 a:hover {
	width: 60px;
	background: -355px -27px;
}


#w-navi07 a:hover {
	width: 610px;
	background: -420px 0px;
}


/* 
-----------------------------------------------
  Main Nav
----------------------------------------------- */



#main-navigation-inner ul li {
	display: inline;
	float: left;
	margin: 0px 0px 0px -20px;

}


#main-navigation-inner ul li a {
	height: 39px;
	display: block;
	text-indent: -9999px;
	background-image: url(http://www.whyy.org/91FM/ybyg/images/navgreen.jpg);
}

li#g-navi01 a {
	width: 80px;
	margin-right: 21px;
	margin-left: -20px;
	background: 0px 0px;
}

li#g-navi02 a {
	width: 205px;
	margin-right: 20px;
	background: -75px 0;
}

li#g-navi03 a {
	width: 215px;
	margin-left: 1px;
	background: -275px 0;
}

li#g-navi04 a {
	width: 190px;
	margin-left: 21px;
	margin-right: 20px;
	background: -485px -0px;
}

li#g-navi05 a {
	width: 95px;
	margin-left: 1px;
	margin-right: 12px;
	background: -665px 0;
}

li#g-navi06 a {
	width: 85px;
	margin-left: 9px;
	margin-right: 14px;
	background: -760px 0;
}

li#g-navi07 a {
	width: 104px;
	margin-left: 7px;
	background: -853px 0;
}

#main-navigation-inner ul li a:hover {
	height: 39px;
	background-image: url(http://www.whyy.org/91FM/ybyg/images/navgreen.jpg);
}

#g-navi01 a:hover {
	width: 80px;
	height: 39px;
	background: 0 -60px;
}

#g-navi02 a:hover {
	width: 205px;
	height: 39px;
	margin-right: 20px;
	background: -75px -60px;
}

#g-navi03 a:hover {
	width: 215px;
	margin-left: 1px;
	background: -275px -60px;
}

#g-navi04 a:hover {
	width: 190px;
	margin-left: 21px;
	margin-right: 20px;
	background: -485px -60px;
}

#g-navi05 a:hover {
	width: 95px;
	margin-left: 1px;
	margin-right: 12px;
	background: -665px -60px;
}

#g-navi06 a:hover {
	width: 85px;
	margin-left: 9px;
	margin-right: 14px;
	background: -760px -60px;
}

#g-navi07 a:hover {
	width: 104px;
	margin-left: 7px;
	background: -853px -60px;
}


#navcontainer ul {
	margin: 0px;
	padding : 0px;
	width : 580px;
	height : 100%;
	color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight : bold;
	font-size : 11px;
	float : left;
}

#navcontainer ul li { 
	display: inline;	
}

#navcontainer ul li a {
	padding-left: 10px;
	padding-right: 10px;
	padding-top : 5px;
	padding-bottom : 5px;
	color: #fff;
	text-decoration: none;
	float: left;
	border-right : 5px solid white;
	display : block;
}

#navcontainer ul li a:hover {
	background-color: #8F8E91;
	color: #fff;
	display : block;
}


input.button{
	background-color: #2950dd;
	color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight : bold;
	font-size : 11px;
	cursor:pointer;
	border : 0px;
	height : 70px;
	width : 57px;
	/*Lines below required to center the search button vertically and for horizontal position in IE. Requires #navlist position relative!*/
	margin-left : 5px;
	position:absolute; top:65%; left: 115.5%; height:1.9em; margin-top:-2.6em
}


#navlist {
	position: relative;
	
}

input.button_hover{
	background-color: #5678f4;
	color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight : bold;
	font-size : 11px;
	cursor:pointer;
	border : 0px;
	height : 70px;
	width : 57px;
	/*Lines below required to center the search button vertically and for horizontal position in IE. Requires #navlist position absolute above!*/
	margin-left : 5px;
	position:absolute; top:65%; left: 115.5%; height:1.9em; margin-top:-2.6em
}

input.searchbox {
	width : 209px;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size : 11px;
	color : #000;
	background : #fff;
	border : 1px solid #646366;
	margin-left : 5px;
	/*Lines below required to center the searchbox vertically and for horizontal position in IE. Requires #navlist position absolute above!*/
	position:absolute; top:55%; left: 126%; height:1.4em; margin-top:-2.6em
	
	
}



/* 
-----------------------------------------------
  Links
----------------------------------------------- */


a.contentlink {
	color: #3cb54a;
	font-weight : bold;
	text-decoration: underline;
}

a.contentlink:visited {
	color: #3cb54a;
	font-weight : bold;
	text-decoration: underline;
}

a.contentlink:hover {
	color: #646366;
	font-weight : bold;
	text-decoration: none;
}

a.questionlink {
	font-size: 14px;
	color: #F9A11B;
	font-weight : bold;
	text-decoration: none;
}

a.questionlink:visited {
	font-size: 14px;
	color: #F9A11B;
	font-weight : bold;
	text-decoration: none;
}

a.questionlink:hover {
	font-size: 14px;
	color: #F9A11B;
	font-weight : bold;
	text-decoration: underline;
}

a.answerlink {
	font-size: 10px;
	color: #F9A11B;
	font-weight : bold;
	text-decoration: none;
}

a.answerlink:visited {
	font-size: 10px;
	color: #F9A11B;
	font-weight : bold;
	text-decoration: none;
}

a.answerlink:hover {
	font-size: 10px;
	color: #F9A11B;
	font-weight : bold;
	text-decoration: underline;
}

a.secretlink {
	color: #000000;
	text-decoration: none;
}

a.secretlink:visited {
	color: #000000;
	text-decoration: none;
}

a.secretlink:hover {
	color: #000000;
	text-decoration: none;
}

/* 
-----------------------------------------------
  Content Elements
----------------------------------------------- */


#content ul {
	font-size: 11px;
	padding-left : 25px;
	margin-left : 50px;
	margin-right : 40px;
}
	
#content li {
	list-style : disc;
	line-height : 18px;
}

h1 {
	font-size: 14px;
	color : #3cb54a;
	margin : 0px;
}

h2 {
	font-size: 16px;
	color : #FFFFFF;
	padding : 0px;
}

h3 {
	font-size: 20px;
	color : #3cb54a;
	margin : 0px;
	padding : 0px;
}

p  {
	font-size: 12px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.description  {
	font-size: 12px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}

.question {
	font-size: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;

}

.newsheader {
	font-size: 16px;	
	color : #E5583D;
	margin-bottom : 10px;
	padding : 0px;
	font-weight : bold;
}

.date  {
	font-size: 12px;
	color : #646366;
	margin : 0px;
	padding : 0px;
	font-weight : bold;
	font-style : italic;
}

.caption  {
	font-size: 9px;
	color: #999999;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 18px;
	font-style : italic;

}

.list {
	font-size: 10px;
	font-weight : bold;
	padding-left: 10px;
	color : white;
}

.border {
	border : 1px solid #646366;
}

h6 {
	border-top: 1px dotted #3cb54a;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: -1px;

}