body {
 	margin:0px;
	color:#ab7e3b;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../App_Skin/bk-image.gif);
	background-repeat:repeat-x;
	background-color:#cee5a2;
}

hr {
	color:#ab7e3b;
	height:3px;
	background-color:#ab7e3b;
}

img {
	border:none;
}

a{
	color:#ab7e3b;
	text-decoration:none;
	font-weight:bold;
}

.AnchorImage 
{
	background-color: White;
	padding: 5px;
	height:187px;
	width:230px;
	float:right;
	margin-top:35px;
}

a:hover
{
	color:#754228;
}

.websiteContainer {
	text-align: left;
	margin:auto;
	width:780px;
	background-image: url(/App_Skin/bg-left-right-shadows.gif);
	background-repeat:repeat-y;
}

h1 {
	color:#b40938;
	font-size:14pt;
}

h2 {
	color:#b40938;
	font-size:14pt;
}

#menuWrap
{
	margin-left: 11px;
	position:absolute;
}

/*****************************/
/** GENERAL TEMPLATE STYLES **/
/*****************************/
#GeneralTop { height: 200px; }
#GeneralTop .TopLeft { width: 263px; float:left; background-image: url(/App_Skin/bg-gradient-right-to-left.gif); background-repeat: repeat-y; background-position: right; height: 200px; }
#GeneralTop #Logo { margin-left: 35px; margin-top: 15px;}

#GeneralTop .DonationMemberLinks { margin-left: 30px; margin-top: 25px; font-size: 10px; font-weight: normal;}
#GeneralTop .TopRight { width: 517px; float: left; height: 200px; }
#GeneralTop .TopRight #LeavesWrapper { }
#GeneralTop .TopRight #Banner {width:487px; padding:8px; height: 170px; background-color: White; position: absolute; z-index: 1;}
#GeneralTop .TopRight #Banner img { position: absolute; }

#GeneralMain { background-image: url(/App_Skin/bg-top-down-gradient.gif); background-repeat: repeat-x; width: 756px; margin-left: 11px; }
#GeneralMain .MainLeft { width: 260px; float: left; }
#GeneralMain .MainRight { width: 480px; margin-left: 4px !important; margin-left: 0px; margin-bottom: 20px; padding-top: 10px; float:left; color:#754228; min-height: 200px; height: auto !important; height: 200px; }

#GeneralMain #menuWrap { position: relative; margin-left: 0px; background-image: url(/App_Skin/bg-nav-gradient-right.gif); background-repeat: repeat-y; background-position:252px 0px; }
#GeneralMain .NavigationTopCorner { background-image: url(/App_Skin/bg-nav-top-corner-right.gif); background-repeat: no-repeat; height: 10px; width: 8px; position: absolute; margin-left: 252px;}
#GeneralMain .NavigationBottomCorner { background-image: url(/App_Skin/bg-nav-bottom-corner-right.gif); background-repeat: no-repeat; height: 10px; width: 8px; float:right;}
#GeneralMain #bottomGradeMenu { background-image:url(/App_Skin/bottom-grade-img.gif); background-repeat:repeat-x;	width:260px; height:10px; font-size: 0px;}

.leaves {
	filter:none !important;	
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Skin/leaves.png', sizingMethod='image');
	background-image: url(/App_Skin/leaves.png) !important;
	background-image: none;
	width:488px;
	height:76px;
	margin-left:8px;
	position:absolute;
	z-index: 2;
}

#TopMenu a {
     color:#8f6931;
}

#TopMenu a:hover{
     color:#754228;
}

#footer {
	color:#8f6931;
}

#footer a {
     color:#8f6931;
}

#footer a:hover{
     color:#754228;
}

/*****************/
/** Login Panel **/
/*****************/
#LoginWrapper {/*background-image: url(/App_Skin/FormGridHeader.jpg); background-repeat: no-repeat;*/ background-color: #ffffff; border: 1px solid #e9ca8e; margin-bottom: 10px;}
#LoginWrapper .LoginForm {padding: 12px 15px 15px 15px;}
#LoginWrapper .LoginTitle {font-weight: bold; font-size: 13px; margin-bottom: 20px; border-bottom: 3px solid #e9ca8e;}
#LoginWrapper .Row {border: 1px solid transparent; margin-bottom: 10px;} /* Note: transparent border required for IE7 issue */
#LoginWrapper .Row .Left{float:left; padding-top: 5px; width: 160px; text-align: right; margin-right: 10px;}
#LoginWrapper .Row .Right{float:left;}
#LoginWrapper .LoginText {border: 1px solid #9a6c3f; width: 140px; background-color: #f0f0f0; padding-left: 3px;}
#LoginWrapper .LoginAlert {border: 1px solid #9a6c3f; display: block; padding: 5px; background-color: #ffffcc; margin-top: 10px;}
#LoginWrapper .Footer {background-color: #ffffcc; border-top: 1px solid #e9ca8e; padding: 10px; font-size: 11px;}
#LoginWrapper .ButtonBeside { position: absolute; margin-top: 1px; }

/*header*/
#leftHrBottom {
	background-image:url(/App_Skin/left_hr_bottom.gif);
	background-repeat:no-repeat;
	height:24px;
	width:229px;
	float:right;
	padding-right:12px;
}

#leftHrTop {
	background-image:url(/App_Skin/left_hr_top.gif);
	background-repeat:no-repeat;
	height:24px;
	width:229px;
	float:right;
	padding-right:12px;
	margin-top:38px;
}

#eventText {
	padding:3px 30px 3px 37px;
}

#landingTextHome 
{
	width: 480px;
	margin-left: 12px;
	margin-bottom: 15px;
	padding-top: 15px;
	color:#754228;
}
#landingTextHome h2 {margin-top: 0px;}

#content 
{
	width: 480px;
	margin-left:12px;
	color:#754228;
	padding-bottom: 20px;
}

#becomeMember {
	float:left;
	width:263px;
	font-size:10px;
}

#leftContainer{
	min-height:550px;
	width: 263px;
	float:left;
	position:absolute;
}

#rightContainer{
	min-height:550px;
	float:right;
	width:517px;
	background-image:url(/App_Skin/right-grade-bottom.gif);
	background-repeat:repeat-y;
}

.HomeTopContainer {
	height:350px;
	background-image: url(/App_Skin/bg-gradient-right-to-left.gif); background-repeat: repeat-y; background-position: right;
}
.HomeTopContainer #Logo { margin-left: 35px; margin-top: 15px; margin-bottom: 25px; }

.topContainer {
	height:200px;
	background-image:url(/App_Skin/right-grade-img.gif);
	background-repeat:repeat-y;
}

.HomeBottomContainer {
	min-height:307px;
}

.bottomContainer {
	min-height:307px;
	padding-right:15px;
}

#topBanner {
	background-image:url(/App_Skin/top-banner-bk.gif);
	background-repeat:repeat-x;
	height:25px;
}


/*body*/
#TopMenu {position: absolute; width: 780px;z-index: 5000; text-align: right;}
#topMenuWrap
{
	float: right;
	margin-right: 10px;
}
.topMenuRootItem
{
	float: left;
	padding-top:5px;
	padding-bottom: 5px;
}

.topSubWrapper
{
	background-color:#e9ca8e;
	position: absolute;
	white-space: nowrap;
	text-align: left;
	margin-top: 18px;
	margin-left: -6px;
	z-index: 5000;
}
.topSubmenu
{
	/*padding-right:6px;
	padding-bottom:6px;
	padding-left:6px;
	overflow: visible;
	z-index: 5000;*/
}
.topSubmenu a, .topSubmenu a:visited {display: block; margin: 0px 6px 0px 6px; padding-bottom: 4px; padding-top: 2px;}
.MemberLogin {float:left;padding-top:5px; margin-left: 5px;}

.mainSubmenuWrapper 
{
	background-image:url(/App_Skin/mainSubmenuBottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-bottom:4px;
}

/*LEVEL 1 Menu START*/
.menulvl1 {
	background-image:url(/App_Skin/menu_bk.gif);
	background-repeat:no-repeat;
	width:263px;
	height:30px;
	display:block;
	cursor:pointer;
}

.menulvl1Text {
	display:block;
	background-image:url(/App_Skin/hoof.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-top:8px;
	padding-left:20px;
	width:226px;
	height:22px;
	cursor:pointer;
}

.menulvl1Text :hover {
	display:block;
	background-image:url(/App_Skin/hoof_hi.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:22px;
	padding-top:8px;
	cursor:hand;
	cursor:pointer;
}

.menulvl1HI {
	display:block;
	background-image:url(/App_Skin/hoof_hi.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-top:8px;
	padding-left:20px;
	width:226px;
	height:22px;
	cursor:hand;
	color:#754228;
	cursor:pointer;
}

/*LEVEL 1 Menu END*/

/*LEVEL 2 Menu START*/
.menulvl2 {
	background-image:url(/App_Skin/submenu_bk.gif);
	background-repeat:no-repeat;
	height:19px;
	width:263px;
	display:block;
	cursor:pointer;
}

.menulvl2Text {
	display:block;
	background-image:url(/App_Skin/hoof.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-top:3px;
	padding-left:34px;
	width:212px;
	height:16px;
	cursor:pointer;
}

.menulvl2Text :hover {
	display:block;
	background-image:url(/App_Skin/hoof_hi.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:16px;
	padding-top:3px;
	
	cursor:pointer;
}

.menulvl2HI
{
	display:block;
	background-image:url(/App_Skin/hoof_hi.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-top:3px;
	padding-left:34px;
	width:212px;
	height:16px;
	cursor:pointer;
	color:#754228;
}

/*LEVEL 2 Menu END*/

/*LEVEL 3 Menu START*/
.menulvl3 {
	display:block;
	padding-top:3px;
	padding-left:71px;
}

.menulvl3Text {
	background-image:url(/App_Skin/submenu_bk.gif);
	background-repeat:no-repeat;
	height:19px;
	width:263px;
	display:block;
}

.menulvl3Text :hover
{
	display:block;
	background-image:url(/App_Skin/submenu_l3_hi.gif);
	background-repeat:no-repeat;
	height:19px;
	width:263px;
	cursor:hand;
}

.menulvl3HI
{
	background-image:url(/App_Skin/submenu_l3_hi.gif);
	background-repeat:no-repeat;
	height:19px;
	display:block;
	padding-left:71px;
	padding-top:3px;
}
/*LEVEL 3 Menu END*/

#subBannerGradeRight{
	background-image:url(/App_Skin/right-grade-img.gif);
	background-repeat:repeat-y;
	height:150px;
	float:right;
}

#logo {
	float:left;
}

#HomeBanner{	
	height:310px;
	width:480px;position: absolute; z-index: 1;
}
#HomeBanner img {border: 12px solid white; position: absolute;}

#rightImgGrade {
	background-image:url(/App_Skin/right-grade-img.gif);
	background-repeat:repeat-y;
	height:159px;
	width:15px;
	margin-left:8px;
	position:absolute;
}

#rightImgGradeHome {
	background-image:url(/App_Skin/right-grade-img.gif);
	background-repeat:repeat-y;
	height:309px;
	width:15px;
	margin-left:8px;
	position:absolute;
}

#bottomGradeImg {
	background-image:url(/App_Skin/bottom-grade-img.gif);
	background-repeat:repeat-x;
	width:504px;
	height:10px;
	overflow:hidden;
	float:left;
}

#bottomGradeMenu{
	background-image:url(/App_Skin/bottom-grade-img.gif);
	background-repeat:repeat-x;
	width:252px;
	height:10px;
	font-size: 0px;
}

#bottomRightImgGrade {
	background-image:url(/App_Skin/right-grade-img.gif);
	width:13px;
	height:10px;
	float:right;
}


#topLeavesLeft {
	float:right;
}

#premenuText {
	float:left; 
	margin-left:16px;
}

/*footer*/
#footer {
	background-image:url(../App_Skin/bk-footer.gif);
	background-repeat:repeat-x;
	width:780px;
	height:39px;
}

#leftFooter{
	background-image:url(/App_Skin/left_footer_corner.gif);
	float:left;
	height:39px;
	width:11px;
}

#rightFooter{
	background-image:url(/App_Skin/right-footer-corner.gif);
	height:39px;
	width:10px;
	float:right;
}

/******************/
/** CMS SECTION **/

.msgbox { font-weight: bold; margin: 2px; }
.msgbox div { color: #AB0000; height: 32px; padding: 3px; }
.msgbox div p { margin: 0; padding: 8px 15px 9px 37px; text-align: left; }
.msgbox div img { float: left; width: 26px; margin: 3px 8px 3px 3px; }
.msgbox div#msgSuccess { background-color: #b8e38e; border-left: 4px solid #060; color: #060; }
.msgbox div#msgFail { background-color: #ffb6b6; border-left: 4px solid #c80000; color: #c80000; }
.msgbox div#msgInfo { background-color: #a2b4d4; border-left: 4px solid #013388; color: #013388; }
.msgbox a { color: White; color: Blue; text-decoration: underline; }

.Clear {clear:both;}
