﻿/* Main Page Styles .home class */
.home body  
{
	background: #12324B url(/!img/degray_mp_background_tile.jpg) center top repeat-x;
}

.home #Wrapper  
{
	width:954px; 
	margin:0 auto; 
	position: relative;
}

.home #Hdr 
{ 
	padding:0 12px 0 12px; 
	height:430px; 
	position:relative; 
	overflow:hidden; 
}

.home #Logo  
{
	width:230px; 
	height:380px; 
	float:left; 
	padding-top: 50px; 
}

.home .MPFlash 
{ 
	background-color:transparent; 
	width:700px; 
	height:430px; 
	float:left; 
	overflow:hidden; 
	position:relative; 
	z-index:1; 
}

.home #Rotator *  
{
	background-color:transparent!important; 
}

/* Interior Styles */
body  
{
	background: #12324B url(/!img/degray_mp_background_tile.jpg) center top repeat-x; 
}
    
#Wrapper  
{
	width:954px; 
	margin:0 auto; 
	position: relative;
	
}

#Hdr  
{
	padding:50px 12px 0 12px; 
	* margin-left: -8px; 
	height:220px; 
	position:relative; 
	text-align: center; 
	border: 0!important;
}

#Logo  
{
	width:229px; 
	height:220px; 
	float:left; 

	* padding-left: 8px; 
}

#Rotator  
{
	width:700px; 
	height:220px;

	float:left; 
	overflow:hidden; 
	position:relative; 
	z-index:1; 
	text-align: right; 
	padding-left: 1px; 
	* padding-left: 2px; 
}

/* Absolutley Positioned areas over main page and interior promos */
/* Main page*/
#BookOnline b {position: absolute; cursor: pointer; display: block; width: 224px; height: 90px; left: 16px; top: 488px;}    
#Gift b {position: absolute; cursor: pointer; display: block; width: 224px; height: 90px; left: 248px; top: 488px;}    
#EnewsSignup b {position: absolute; cursor: pointer; display: block; width: 224px; height: 90px; left: 481px; top: 488px;}        
#PhotosVideo b {position: absolute; cursor: pointer; display: block; width: 224px; height: 90px; left: 712px; top: 488px;} 

/* Interior */        
#BookOnlineInt b {position: absolute; cursor: pointer; display: block; width: 224px; height: 90px; left: 16px; top: 747px; z-index: 10;}    
#GiftInt b {position: absolute; cursor: pointer; display: block; width: 224px; height: 90px; left: 16px; top: 842px; z-index: 10;}    
#EnewsSignupInt b {position: absolute; cursor: pointer; display: block; width: 224px; height: 90px; left: 16px; top: 937px; z-index: 10;}        
#PhotosVideoInt b {position: absolute; cursor: pointer; display: block; width: 224px; height: 90px; left: 16px; top: 1032px; z-index: 10;}

/************************************************************
Content Container
************************************************************/
.ContentWrapper
{
    /*width: 940px;*/
    width: 954px;
    margin: 0 auto;
    padding: 0;
    background-image: url(/!img/mp/degray_mp_body_tile.png);
    background-repeat: repeat-y;
}

.ContentAreaContainer
{
    width: 928px;
    margin: 0 auto;
    background-image: url(/!img/mp/degray_mp_body_top.png);
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 12px;
}

/************************************************************
 Promo Buttons
 ************************************************************/
 .PromoButtonBar
 {
    width: 930px;
    height: 102px;
    margin: 0;
    padding:0 12px;
 }

 .PromoButtonBar ul
 {
    width: 930px;
    height: 102px;
    list-style: none;
    margin: 0;
    padding: 0;
 }

 .PromoButtonBar ul li
 {
    float:left;
    margin: 0;
    padding: 0;
 }
 
 .BooksOnlineButton
 {
    width: 230px;
    height: 102px;
    background-image: url(/!img/mp/degray_mp_promo_01.gif);
 }
 
 .GiftCertificateButton
 {
    width: 232px;
    height: 102px;
    background-image: url(/!img/mp/degray_mp_promo_02.gif);
 }
 
 .EnewsButton
 {
    width: 232px;
    height: 102px;
    background-image: url(/!img/mp/degray_mp_promo_03.gif);
 }
 
 .PhotoVideoButton
 {
    width: 236px;
    height: 102px;
    background-image: url(/!img/mp/degray_mp_promo_04.gif);
 }
 
 .PromoButtonTextBox
 {
    width: 215px;
    margin: 0 auto;
    color: #fff;
    font-size: 11px;
    padding-top: 35px;
    padding-left: 14px;
 }
 
 .PromoButtonTextBoxMainPage
 {
    width: 210px;
    color: #fff;
    font-size: 11px;
    padding-top: 42px;
    padding-left: 15px;
 }
 
 .PromoButtonTextBoxLink
 {
    text-align: right;
 }
 
 .PromoButtonTextBoxLink a
 {
    color: #fff;
    text-decoration: underline;
    margin-left: 8px;
 }
 
 .PromoButtonTextBoxLink a:hover
 {
    color: #fffd76;        
 }
 
 .PromoButtonTextBoxLink a:visited
 {
    color: #fff;
    text-decoration: underline;        
 }
 
 /******************************************************************
 Content Area
 *******************************************************************/
 .ContentBoxBacking
 {
    width: 932px;
    background-color: #fff;
    margin: 0 auto;
 }
 
 .ContentBox
 {
    margin: 18px;
 }
 
 .MainPageContent
 {
    width: 680px;
    padding-left: 18px;
    padding-bottom: 12px;
    line-height:1.6em;
 }
 
 .MainPageRightBar
 {
    width: 205px;
    float: right;
    font-size: 10px;
 }
 
 .MainPageRightBar a
 {
    text-decoration: none;
    color: #2b6eaf;
 }
 
 .MainPageRightBar a:hover, a:visited
 { 
    color: #6aa91d;
 }
 
 .ContactInfo
 {
    margin-top: 12px;
 }
 
 .GreenHeaderText
 {
    color: #6ca91e;
    font-weight: bold;
    font-size: 11px;
 }
 
 .ReferralLinks a
 {
    color: #747474;
 }
 
 .InfoHeading
 {
    font-size: 11px;
    font-weight: bold;
 }
 
 .MPInfoBox
 {
    width: 700px;
 }
 
 .MPInfoLinks
 {
    float: left;
    width: 570px;
    padding-top: 30px;
 }
 
 .StateParkLinkImageBox
 {
    width: 117px;
    margin: 0 auto;
    padding-right: 20px;
 }
 
 .StateParkInteractiveGuide
 {
    width: 117px;
    height: 142px;
    background-image: url(/!img/int/degray_int_promo_stateparkguide1.gif);
 }
 
 .StateParkInteractiveGuide:hover
 {
    width: 117px;
    height: 142px;
    background-image: url(/!img/int/degray_int_promo_stateparkguide2.gif);
 }
 
 .SpecialNotices
 {
    font-size: 2em;
    color: Red;
    font-weight: bold;
 }
 
 /***************************************************************
 Footer Area
 ***************************************************************/
 .Footer
 {
    width: 928px;
    height: 90px;
    margin: 0 auto;
    border-top: solid 1px #ccc;
 }
 
 .FooterContent
 {
    width: 900px;
    height: 65px;
    margin-top: 15px;
    margin-left: 20px;
 }
 
 .Footer a:link, a:visited
 {
    text-decoration: none;
    color: #2b6eaf;
 }
 
 .Footer a:hover
 {
    color: #6aa91d;
 }
 
 .FooterLogoGraphic
 {
    float: left;
 }
 
 .FooterLinks
 {
    float: left;
    margin-left: 16px;
    margin-top: 10px;
    font-size: 10px;
 }
 
 .FooterBottomCap
 {
    height: 14px;
 }
 

