/* YGRC CSS Document */

html, body {
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	height:100%;
	width:100%;
	min-width:959px;
	color:#414141;
	background:#FFF;
}

img {
	border:none;
}

#Main a, #Footer a {
	color:#537217;
	outline:none;
	text-decoration:none;
	border-bottom:#537217 1px dotted;
}

p, ul, li {
	padding:0;
	margin:0;
}

h1 {
	font-size:32px;
	font-weight:normal;
	margin:30px 0 26px 0;
	padding:0;
}

h2 {
	font-size:24px;
	font-weight:normal;
	margin:16px 0 6px 0;
	padding:0;
}

.eventsPage h2 {
	margin-top:-14px;
}

h3 {
	font-size:18px;
	font-weight:normal;
	margin:26px 0 7px 0;
	padding:0;
}

h4 {
	font-size:18px;
	font-weight:normal;
	margin:28px 0 0 0;
	line-height:18px;
}

h5 {
	font-size:14px;
	margin:14px 0 6px 0;
	padding:0;
	line-height:12px;
}

h5.expandCollapse {
	cursor:pointer;
}

h5 span {
	font-weight:normal;
}

h6 {
	font-size:12px;
	margin:4px 0 10px 0;
	padding:0;
}

#Wrap {
	position:relative;
	width:100%;
	min-height:100%;
	margin:0 auto;
}


/* ----- Header Starts ----- */

#Header {
	background:#E7EFD9;
	width:100%;
	margin-bottom:8px;
}

#HeaderContent {
	background:#E7EFD9;
	width:911px;
	height:141px;
	margin:0 auto;
	padding:23px 24px 0 24px;
	position:relative;
}

#HeaderContent img#SiteTitle {
	margin-top:29px;
} 

#HeaderContent img#Logo {
	margin-right:10px;
	float:left;
}

/* ----- Header Ends ----- */


/* ----- Nav Starts ----- */

#Nav {
	width:912px;
	height:34px;
	margin:0 auto;
	padding:0 24px 10px 24px;
	position:relative;
}

/* Dropdown Menu */
#DropdownMenu {
	font-size:12px;
	font-weight:bold;
	height:34px;
	list-style:none;
	width:100%;
	z-index:9000000;
	position:relative;
}

#DropdownMenu li.top {
	background:#537217;
	display:block;
	float:left;
	margin-left:4px;
	z-index:4;
	text-indent:none;
	height:34px;
}

#DropdownMenu li.top:first-child {
	margin-left:0;
}

#DropdownMenu li.top a {
	color:#FFF;
	font-size:13px;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	height:13px;
	padding:10px 8px 7px 8px;
	text-indent:none;
	background:none;
	position:relative;
	z-index:800;
}

#DropdownMenu li.top:hover {
	background:#89AF40;
}

#DropdownMenu li.top.current  {
	background:#89AF40;
}

#DropdownMenu li:hover {
	position:relative; 
	z-index:200;
}

#DropdownMenu li:hover ul.sub {
	background:#89AF40;
	left:0;
	top:34px;
	z-i ndex:30000;
	height:auto;
	width:180px; 
	padding:4px;
	white-space:nowrap; 
}

#DropdownMenu li:hover ul.sub li {
	background:#E7EFDA;
	display:block;
	position:relative; 
	float:left; 
	width:100%;
	margin:0;
	padding-bottom:2px;
	font-weight:normal;
	height:auto;
}

#DropdownMenu li:hover ul.sub li:first-child {
	padding-top:8px;
}

#DropdownMenu li:hover ul.sub li:last-of-type {
	padding-bottom:8px;
}

#DropdownMenu li:hover ul.sub li a {
	background:#E7EFDA;
	display:block; 
	width:auto;
	height:10px;
	text-indent:none;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#333;
	margin:0;
	padding:5px 12px 10px 12px;
}

#DropdownMenu li:hover ul.sub li a:hover {
	background:#C9DD9E;
}

#DropdownMenu li:hover li:hover ul,
#DropdownMenu li:hover li:hover li:hover ul,
#DropdownMenu li:hover li:hover li:hover li:hover ul,
#DropdownMenu li:hover li:hover li:hover li:hover li:hover ul {
	left:0px; 
	top:-4px; 
	padding:8px 0px 0px 12px;
	white-space:nowrap; 
	width:210px; 
	z-index:400; 
	height:auto;
}

#DropdownMenu ul, 
#DropdownMenu li:hover ul ul,
#DropdownMenu li:hover li:hover ul ul,
#DropdownMenu li:hover li:hover li:hover ul ul,
#DropdownMenu li:hover li:hover li:hover li:hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}
/* End of Dropdown Menu */

/* ----- Nav Ends ----- */


/* ----- Main Starts ----- */

#Main {
	background:#FFF;
	position:relative;
	width:903px;
	margin:0 auto;
	padding-top:6px;
	padding:0 24px 97px 32px;
}

#Main p {
	 line-height:24px;
	 margin-bottom:8px;
}

#Main ul {
	margin-top:7px;
	margin-left:25px;
}

#Main li {
	line-height:24px;
}

#Main #LeftColumn {
	position:relative;
	float:left;
	width:366px;
}

#Main #RightColumn {
	position:relative;
	float:right;
	width:466px;
	margin-left:20px;
	margin-right:9px;
}

#Main .photo {
	background:url(../images/MainPhoto_BG.png) no-repeat;
	width:280px;
	height:226px;
	padding:21px 23px 29px 19px;
	margin:-4px -13px 10px 15px;
	float:right;
}

#Main .smallPhoto {
	background:url(../images/SmImage_BG.png) no-repeat;
	width:204px;
	height:153px;
	padding:19px 21px 25px 18px;
	margin:-2px 0 0 -6px;
}

#Main .smallVerticalPhoto {
	background:url(../images/SmImageVertical_BG.png) no-repeat;
	width:153px;
	height:204px;
	padding:20px 18px 28px 17px;
	margin:-2px 0 0 -6px;
}

.viewRecipients {
	margin-top:-4px;
	display:block;
	width:100px;
	cursor:pointer;
}

#Main ul.goldens {
	list-style:none;
}

#Main ul.goldens span {
	font-weight:bold;
	font-size:16px;
	margin-right:1px;
}

#Main ul.newsletter {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
}

/* Sitemap */
#Main.siteMap ul {
	float:left;
	list-style:none;
	margin:0 0 10px 89px;
	padding:0;
	width:158px;
	font-size:12px;
}

#Main.siteMap ul li {
	line-height:18px;
}

#Main.siteMap ul.first {
	margin:0 0 10px 0;
}

#Main.siteMap h5 {
	padding-bottom:3px;
}
/* End of Sitemap */

/* Trophy Page */
#Main #LeftColumn.trophyPage {
	width:575px;
}

#Main #RightColumn.trophyPage {
	width:240px;
	margin:56px 0 0 40px;
}

.trophyDivider {
	display:block;
	width:100%;
	border-bottom:#BBB 1px solid;
	margin-top:10px;
}

#Main ul.trophyList {
	list-style:none;
	margin:6px 0 0 0;
	padding:0 0 3px 0;
	font-size:12px;
}

#Main ul.trophyList li {
	line-height:18px;
	margin-bottom:7px;
}

.trophyTable {
	font-size:12px;
}

/* End of Trophy Page */

/* Event Page */
#Main.eventsPage {
	font-size:16px;
	width:933px;
	padding-right:0;
}

#Main.eventsPage p {
	 line-height:26px;
	 margin-top:8px;
	 margin-bottom:0;
}

#Main.eventsPage #Events p {
	line-height:18px;
	margin-top:0;
}

#Main.eventsPage ul {
	margin-top:7px;
	margin-left:25px;
}

#Main.eventsPage li {
	margin-top:1px;
}

#Main table {
	border-bottom:#444 1px solid;
	border-left:#444 1px solid;
	width:100%;
	margin-bottom:8px;
}

#Main table.programs {
	width:565px;
}

#Main table.calendar {
	width:100%;
	margin-top:10px;
	font-size:12px;
}

#Main table.calendar td:first-child {
	width:90px;
}

#Main table.calendar tr.even {
	background:#ECF3E1;
}

#Main table td, #Main table th {
	border-top:#444 1px solid;
	border-right:#444 1px solid;
	padding:5px 8px 6px 8px;
	text-align:left;
}

#Main table th {
	background:#555;
	color:#FFF;
}

#Main table.programs td:first-child {
	width:80px;
}
/* End of Events Page */

/* Events Homepage */
#Main ul#Events {
	list-style:none;
	clear:both;
	margin:0 0 0 -15px;
	padding:0;
}

#Main ul#Events p {
	font-size:12px;
	line-height:18px;
	margin-left:16px;
	margin-right:20px;
}

#Main ul#Events h2 {
	font-size:24px;
	font-weight:normal;
	margin:-19px 0 14px 0;
	padding:0;
}

#Main ul#Events h5 {
	margin-left:16px;
	margin-right:20px;
	line-height:10px;
}

#Main ul#Events li {
	float:left;
	width:288px;
	margin-left:42px;
}

#Main ul#Events li:first-child {
	margin-left:0;
}

#Main ul#Events li span {
	background:url(../images/EventsBG.png) no-repeat;
	display:block;
	width:234px;
	height:182px;
	margin-left:-3px;
	padding:20px 22px 26px 19px;
}

#Main ul#Events li span a {
	border-bottom:none;
}

#Main ul#Events li span img {
	width:234px;
	height:182px;
	overflow:hidden;
}
/* End of Events */

/* Slideshow */
#SlideshowContainer {
	background:url(../images/Slideshow_BG.png) no-repeat;
 	width:403px;
	height:287px;
	padding:28px 34px 39px 29px;
	position:relative;
}


#SlideshowContainer.activities {
	float:right;
	margin-top:-6px;
	margin-left:10px;
	margin-right:-19px;
}

#Slideshow {
 	width:403px;
	height:287px;
	overflow:hidden;
}

#PlayPauseControls {
	display:none;
	position:relative;
	z-index:1000;
}

#PlayPauseControls div {
	background:url(../images/Slideshow_Pause.png) center no-repeat;
	height:55px;
	width:55px;
	position:absolute;
	top:118px;
	left:176px;
	cursor:pointer;
	z-index:1000;
}

#PlayPauseControls div.play {
	background:url(../images/Slideshow_Play.png) center no-repeat;
}
/* End of Slideshow */
div.spacer {
	clear:both;
	height:0px;
	line-height:0px;
	padding-bottom:15px;
}

span.clear {
	display:block;
	clear:both;
}

/* ----- Main Ends ----- */


/* ----- Footer Starts ----- */

#Footer {
	background:#FFF;
	position:absolute;
	bottom:0;
	height:24px;
	margin:0;
	min-width:926px;
	padding:23px 0 24px 0;
	width:100%;
	clear:both;
}

#FooterContent {
	background:#FFF;
	text-align:center;
	font-size:12px;
	line-height:18px;
	width:926px;
	margin:0 auto;
	clear:both;
}

#FooterContent a {
	border-bottom:none;
}

#FooterContent a:hover {
	border-bottom:#537217 1px dashed;
}

/* ----- Footer Ends ----- */