/**************************************************
General Body Styles
**************************************************/
body {
     text-align:center;
     background-color: #667838;
     background-repeat: no-repeat;
     background-image: url(../images/bg_main.jpg);
     background-position: top center;
     padding: 0;
     margin:0; }
#index { }
#wrapper {
     width: 790px;
     text-align: left;
     margin: 0 auto;
     padding: 0; }
/**************************************************
Logo Box Styles
**************************************************/
.logo_box {
     width: 790px;
     height: 157px;
     background-image: url(../images/logobox_left.jpg);
     background-position: top left;
     background-repeat: no-repeat; }
.logo_box img {
     float: right; }
/**************************************************
Navigation Styles
**************************************************/
.navigation {
     text-align: center;
     width: 790px;
     font-weight: normal; }
.navigation img {
     float: left; }
/**************************************************
Header Styles
**************************************************/
.header h1 {
     float: left;
     width: 842px;
     padding-top: 275px;
     /* height of the replacement image */
    height: 0px;
     overflow: hidden;
     margin: 0;
     background-image: url(../images/header_index2.jpg); }
/**************************************************
Main Content Styles
**************************************************/
.content {
     float: left;
     width: 760px;
     min-height: 550px;
     background-image: url(../images/bg_main_content.jpg);
     background-repeat: repeat-y;
     background-color: #fefefb;
     padding: 0 0 0 30px; }
/**************************************************
Main Content Styles
**************************************************/
.c_one {
     float: left;
     width: 490px;
     background-image: url(../images/content_divider.jpg);
     background-repeat: repeat-y;
     background-position: top right;
     padding-right: 30px; }
.c_two {
     float: left;
     width: 240px; }
/**************************************************
Subnavigation Styles
**************************************************/
.sub_nav img {
     float: right; }
/**************************************************
Footer Styles
**************************************************/
.footer {
     font-size: 10px;
	 text-align: center;
     margin: 0 auto;
     clear:both;
     height: 200px;
     background-image: url(../images/bg_footer.jpg);
     padding-top: 40px;
     background-repeat: no-repeat;
     background-position: top center; }
.footer h2 {
     font-size: 10px;
     color: #303c86;
     margin: 0 0 10px 0;
     font-style: normal; }
.footer a:hover {
     color: #d5652d; }
/**************************************************
Header Replacement Text Styles
**************************************************/
h1#general_replace {
     margin: 0;
     overflow: hidden;
     height: 0;
     background-repeat: no-repeat;
     background-position: top left; }
h1.replace1 {
     /* height of the replacement image */     
     padding-top: 21px;
     /*background-image: url(../images/h1_sierra_state_parks.png);*/ }
/**************************************************
General Text Styles
**************************************************/
h1 {
     color: #303c86;
     font-family: Times, "Times New Roman", serif;
     font-size: 25px;
     font-weight: normal; }
b {
     color: #1144a9;
     font-family: Times, "Times New Roman", serif;
     font-size: 25px;
     font-weight: normal; }
h2 {
     color: #67442f;
     font-family: Times, "Times New Roman", serif;
     font-size: 18px;
     font-weight: normal;
     font-style: italic; }

body, th, td, p, li, ul {
	 font-family: Verdana, Helvetica, Arial, sans-serif;
     font-size: 12px;
     color: #594437; 
	 } 	

.title {
     color: #303c86;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     font-weight: bold; }


/**************************************************
Links
**************************************************/
a:link {
	font-weight: normal; 
	text-decoration: underline; 
	color: #303c86;
	} 	
a:visited {
	font-weight: normal; 
	text-decoration: underline; 
	color: #303c86;
	}	
a:hover {
	font-weight: normal; 
	text-decoration: none; 
	color: #7c563d; 
	}

/**************************************************
Subpage Table Styles
**************************************************/
.table_content {
     float: left;
     width: 790px;
     min-height: 550px;
     background-image: url(../images/bg_main_content.jpg);
     background-repeat: repeat-y;
     background-color: #fefefb;
     }
.table_main_content {
	padding-left: 30px;
    padding-right: 30px;
    background-image: url(../images/content_divider.jpg);
    background-repeat: repeat-y;
    background-position: top right; }
	
/**************************************************
Random Stuff
**************************************************/

.storeMenuBox{
	width: 170px;
	padding-right: 25px;
	padding-left: 40px;
	}
	
.imageFloat {
	float: right;
	padding-left: 20px;
	}
	
.imageFloat2 {
	float: left;
	padding-right: 20px;
	}
	
.small {
	font-size: 11px;
	}
	
.box {
	padding: 10px;
	width: 100%;
	border: 1px solid #75523a;
	font-size: 11px;
	color: #323d84;
	}
	
.alertBox {
	border: 3px solid #ff0000;
	width: 400px;
	padding: 15px;
	font-weight: bold;
	color: #000;
	}
	
.alertText {
	font-size: 30px;
	font-weight: bold;
	color: #000;
	}
	
	
/*************************************************
DROP DOWN MENU
*************************************************/

#dropmenudiv{
	position:absolute;
	background-color: #644632;
	color: #fff;
	border:1px solid #fefefd;
	border-bottom-width: 0;
	font:normal 12px Arial;
	line-height:24px;
	text-align: left;
	z-index:100;
	}

#dropmenudiv a{
	width: 100%;
	display: block;
	color: #fff;
	background-color: #644632;
	text-indent: 3px;
	border-bottom: 1px solid #fefefd;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	line-height:24px;
	}

#dropmenudiv a:hover{ /*hover background color*/
	color: #fff;
	background-color: #a0775b;
	text-align: left;
	}

/* Sample CSS definition for the example list. Remove if desired */
.navlist li {
	list-style-type: square;
	width: 155px;
	background-color: #7f593f;
	text-align: left;
	} 
	
	
/************************************************* 
SHOPING CART STUFF 
**************************************************/

/*
Product title
*/
.ProductTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #624531;
}

.DialogTitle {
	font-size: 18px;
	font-weight: bold;
	color: #624531;	
	}
	
.SidebarBoxCenterBG {
	font-size: 14px; 
	font-weight: bold; 
	color: #624531;
}

/*
Caption for product details section
*/
.ProductDetailsTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #624531;
}

/*
Labels for product details
*/
.ProductDetailsLabel {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #624531;
}

/*
Product details
*/
.ProductDetails {
	COLOR: #46332c;
}

/*
Product price title
*/
.ProductPriceTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #624531;
}

/*
Product price title for alternative currency
*/
.ProductPriceConverting {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #624531;
}

/*
Product price
*/
.ProductPrice {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #624531;
}

/*
Smaller representation of product price
*/
.ProductPriceSmall {
	FONT-WEIGHT: bold; COLOR: #ff3300;
}

.CommonButtonBG {
	background-image: url('http://www.sierrastateparks.org/shop/skins/default/en/images/but_bg.gif');
}

.SubmitButtonBG {
	background-image: url('http://www.sierrastateparks.org/shop/skins/default/en/images/but_bg.gif');
}

.SearchButtonBG {
	background-image: url('http://www.sierrastateparks.org/shop/skins/default/en/images/rect_button_bg.gif');
}

.SearchBoxBG {
	background-image: url('http://www.sierrastateparks.org/shop/skins/default/en/images/searchbox_bg.gif');
}

.Button {
	FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #FFFFFF;
}
A.ButtonLink:link {
	FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #FFFFFF; TEXT-DECORATION: none;
}

A.ButtonLink:visited {
	FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #FFFFFF; TEXT-DECORATION: none;
}

A.ButtonLink:hover {
	FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #a9a97e; TEXT-DECORATION: none;
}

A.ButtonLink:active {
	FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #FFFFFF; TEXT-DECORATION: none;
}

a.SidebarItems:link {
	font-weight: normal; 
	text-decoration: underline; 
	color: #303c86;
	} 	
a.SidebarItems:visited {
	font-weight: normal; 
	text-decoration: underline; 
	color: #303c86;
	}	
a.SidebarItems:hover {
	font-weight: normal; 
	text-decoration: none; 
	color: #7c563d; 
	}