/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */



html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background: URL("/graphics/bg.gif") #a4b5ff repeat-x;
	font-family:georgia, times, serif;
	font-size:14px;
	color:#74635b;
	
}

#wrap {height: 100%;}
#wrap_splash {
	background: URL("/graphics/splashbg2.gif")  center top no-repeat;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 86px;
	width:1000px;
	background: URL("/graphics/ctbg.gif") repeat-y;
	margin: 0 auto 0 auto;
	}  /* must be same height as the footer */

#main_splash {
	width:1000px;
	height:497px;
	margin: 0 auto 0 auto;
	}  


div#header {
	width:1000px;
	height:136px;
	background: url("/graphics/header.gif") no-repeat;
	margin: 0 auto 0 auto;
	padding:34px 0 0 0;
}
	
div#content {
	padding:0 0;
	margin: 0 auto 0 auto;
	background: url("/graphics/subbg.gif") no-repeat;
}

div#content_splash {
	height:497px;
	padding:0 0;
	margin: 0 auto 0 auto;
	border:1px solid;
}

#footer {position: relative;
	margin-top: -86px; /* negative value of footer height */
	height: 86px;
	width:100%;
	background:#fff;
	clear:both;} 
	
#footer_splash {
	width:100%;
	height: 86px;
	background:#fff;
	clear:both;} 
	
#footerinside {
	background: url("/graphics/footer.gif") #fff no-repeat;
	width:1000px;
	height: 86px;
	margin: 0 auto 0 auto;
	color:#ef9abb;
	position:relative;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* main nav */


#leftmenu {
	width: 280px;
	height:400px;
	padding: 49px 0 0 36px;
	float:left;
}




/* content formatting */

#pagecontent {
	width: 618px;
	padding: 60px 31px 20px 22px;
	overflow: auto;
	line-height:21px;
	float:right;
}

#events {
	width: 578px;
	padding: 60px 51px 20px 22px;
	overflow: auto;
	line-height:21px;
	float:right;
}

#shopcontent {
	width: 578px;
	padding: 60px 51px 20px 22px;
	overflow: auto;
	line-height:21px;
	float:right;
}


#pagecontent img {
	float:right;
	display:inline;
	margin:0 0 28px 28px;

}

.srchbox {
	border-style: hidden;
    border-width: 0px;
	background: url("/graphics/srchbox.gif") no-repeat;
	font-size: 12px; 
	font-style:italic;
	color: #75635b; 
	font-family:georgia, times, serif;
	width:106px; 
	height:20px;
	padding:4px 9px 0 12px;
}

.emlbox {
	border-style: hidden;
    border-width: 0px;
	background: url("/graphics/emlbox.gif") no-repeat;
	font-size: 12px; 
	font-style:italic;
	color: #75635b; 
	font-family:georgia, times, serif;
	width:202px; 
	height:20px;
	padding:4px 9px 0 12px;
}

#left_foot {
	float: left;
	padding-top: 39px;
	padding-left:33px;
}

#right_foot {
	float: right;
	padding-top: 39px;
	padding-right:33px;
}


#right_foot a{
	color: #ef9abb;
	text-decoration: none;
}

#right_foot a:hover{
	color: #c50000;
	text-decoration: underline;

}

#left_foot a{
	color: #ef9abb;
	text-decoration: none;
}

#left_foot a:hover{
	color: #c50000;
	text-decoration: underline;

}


#clear {
	clear: both;
}

div.clear {
	clear: both;
}






/* text styles */

form {
	margin: 0;
}

a {
	color: #0f2eba;
	text-decoration: underline;
	 outline: none;

}
a:hover {
	color: #d04077;
	text-decoration: underline;
}

a.imedia {
	color: #2a363b;
	text-decoration: underline;
}
a.imedia:hover {
	color: #c50000;
	text-decoration: underline;
}





#newslist{
padding: 0;
font-size: 12px;
text-align:left;
}

#newslist ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#newslist li {
margin: 0;
}

li a.newslist {
display: block;
padding: 0;
color: #000000;
text-decoration: underline;
height:28px;
}

li a.newslist:hover{
color: #7f2319;
	text-decoration: underline;
}










h1 {
	font-weight:normal;
	font-size:27px;
	font-style:italic;
	color: #d04077;
	text-transform: capitalize;
	margin:0 0 0 0;
}


p { 
	margin:16px 0 16px 0;
}

.contact td {
font-size: 14px;
text-align:right;
font-weight: bold;

}

.error {
	font-size:15px;
	line-height:17px;
	color: #1b1a1d;
	padding:10px 20px 20px 20px;
}



/* catalog styles */

a.catalog {
	color: #01177a;
	text-decoration: none;
}
a.catalog:hover {
	color: #0266c4;
	text-decoration: none;
}
.catalogText {	
	text-decoration: none;
	font-size: 10pt;
}
.catalogTitle {
	color: #5C4033;
	text-decoration: none;
	font-size: 11pt;
	font-weight: bold;
}
td.cartdisplay {
	background: #eaeaea;
	border-bottom: solid 1px #bababa;
	padding: 6px 8px;
	}

td.cartdisplaytop {
	border-bottom: solid 1px #bababa;
	padding: 2px 8px;
	font-weight: bold;
	}
	
td.cartname {
	font-weight: bold;
	font-size:11px;
	}
td.cartoptions {
	font-size: 11px;	
	}
td.cartsub {
	padding: 6px 8px;
	}
.border {
	border: solid 1px #eeaf04;
}


/* links page  */

h5 {
	font-weight:bold;
	font-size:14px;
	text-transform: uppercase;
	margin:20px 0 5px 0;
	color: #e32b00;
}

	
div.links {
	padding: 8px 0 8px 10px;
	border-top: solid 1px #ccc6b4;
	width: 90%;
}

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

div.links a:hover{
	color: #e32b00;
	text-decoration: underline;
}






/* menu codes */


	

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#underlinemenu{
	width: 982px;
	height:35px;
	margin: 0 auto 0 auto;
	padding:5px 0 0 18px;
	background: url("/graphics/topmenubg.gif") no-repeat;
}

#underlinemenu ul{
margin: 0;
padding-left: 0;
float: left;
font-weight:normal;
font-size:17px;
line-height:17px;
text-transform:lowercase;
width: 100%;
}

* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#underlinemenu ul li{
display: inline;
}


#underlinemenu ul li a{
float: left;
color: #fff;
padding: 6px 10px 0 10px;
margin:0 7px;
height:24px;
text-decoration: none;
font-weight:bold;
}

#underlinemenu ul li a:hover{
color: #fff;
background: #ea6d9d;
}


li a.underlinemenu2 {
float: left;
color: #fff;
padding: 6px 10px 0 10px;
margin:0 7px;
height:24px;
text-decoration: none;
font-weight:bold;
background: #96a8f2  ! important;
text-transform:uppercase ! important;
}

li a.underlinemenu2:hover {
color: #fff;
background: #ea6d9d ! important;
}






#underlinemenu3{
	margin: 0 auto 0 auto;
}

#underlinemenu3 ul{
margin: 0;
padding-left: 0;
float: left;
font-weight:normal;
font-size:17px;
text-transform:lowercase;
width: 100%;
}

* html #underlinemenu3 ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#underlinemenu3 ul li{
display: inline;
}


#underlinemenu3 ul li a{
float: left;
color: #fff;
padding: px 10px 0 10px;
margin:0 7px;
height:19px;
text-decoration: none;
font-weight:bold;
}

#underlinemenu3 ul li a:hover{
color: #fff;
background: #ea6d9d;
}



li a.underlinemenu3 {
float: left;
color: #fff;
padding: 4px 10px 0 10px;
margin:0 7px;
height:20px;
text-decoration: none;
font-weight:bold;
background: #96a8f2  ! important;
text-transform:uppercase ! important;
position:absolute; top:35px; left:420px; font-size:12px;
}

li a.underlinemenu3:hover {
color: #fff;
background: #ea6d9d ! important;
}






	


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#blueblock{
	width: 165px;
	height:400px;
padding: 0 135px 0 0;
font-size: 14px;
text-align:left;
text-transform:capitalize;
	background: url("/graphics/sidemenubg.gif") no-repeat;
}

* html #blueblock{ /*IE 6 only */
w\idth: 165px; /*Box model bug: 180px minus all left and right paddings for #blueblock  from the UL and LI */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
margin: 0;
}

li a.blueblock {
display: block;
padding: 9px 0 0 0;
color: #d04077;
/*font-style:italic;*/
text-decoration: none;
width: 165px;
}

html>body li a.blueblock { /*Non IE6 width*/
width: auto;
}

li a.blueblock:hover{
color: #c50000;
	text-decoration: none;
}