@import "global.css";

body {
background: #49240d;
font-family: Arial, serif;
}	


/* CONTAINER */

#container {
width: 100%;
margin: 0 auto;
}

#topbg {
background: #020000 url(images/top-bg.jpg) 0 0 repeat-x;
height: 13px;
}

#bg{
width: 100%;
background: #f0ddb1 url(images/inside-bg.jpg) 0 0 repeat;
margin: auto;
clear: both;
float: left;
min-height: 925px;
}

#pagecontainer {
clear:both;
width: 833px;
margin: auto;
margin-top: 30px;}

#pagetop {
clear: both;
background: transparent url(images/inside-pagetop.png) 0 0 no-repeat;
width: 833px;
height: 8px;
}

#pagecontent {
background: transparent url(images/inside-pagecontent.png) 0 0 repeat-y;
clear:both;
float:left;
padding-left:35px;
width:833px;
padding-bottom: 15px;
}

	#top {
	float: left;
	clear: both;
	width: 825px;
	margin-top: 30px;}
		
		#logo {
		float: left;
		width: 279px;
		height: 76px;
		margin-bottom:15px;}
		
		#navtop {
		background: url(images/inside-navtop-bg.png) 0 0 repeat-x;
		float:left;
		margin-left:66px;
		height: 35px;
		width: 450px;
		margin-top:35px;
		}
	
	#header{
	background: url(images/inside-header-bg.png) 0 0 repeat-x;
	clear: both;
	float: left;
	height:98px;
	width:764px;
	}
	
		#headerimage{
		float: left;
		padding:8px 3px 3px 9px;
		width: 746px;
		height: 84px;
		}
	
	#content {
	clear: both;
	float: left;
	width: 775px; 
	}
	
	


	
		#left {
		background: url(images/inside-content-bg.png) 0 0 repeat;
		clear: both;
		float: left;
		margin-right:33px;
		padding:14px 5px 10px 11px;
		width:485px;}
		
			#left #row1 {
			clear: both;
			float: left;
			margin-top: 5px;
			padding-left:15px;
			color: #49240d;
			border-left: 4px solid #49240d;
			width: 460px;
			}
			
		#right {
		background: transparent;
		float: left;
		width:230px;
		height:auto;
		min-height:207px;}
			
			#right #row1 {
			background: url(images/inside-secnav-bg.jpg) 0 0 no-repeat;
			clear: both;
			float: right;
			width: 237px;
			height: 69px;			
			}
		
				#right #row1 #image {
				clear: both;
				float: left;
				width: 55px;
				height: 59px;
				margin-left:5px;
				margin-top:5px;}
				
				#right #row1 #link {
				float: left;
				color: #49240d;
				margin-left:5px;
				margin-top:5px;}
			
			#right #row2 {
			background: url(images/inside-secnav-bg.jpg) 0 0 no-repeat;
			clear: both;
			float: right;
			width: 237px;
			height: 69px;	
			}	
				#right #row2 #image {
				clear: both;
				float: left;
				width: 55px;
				height: 59px;
				margin-left:5px;
				margin-top:5px;}
				
				#right #row2 #link {
				float: left;
				color: #49240d;
				margin-left:5px;
				margin-top:5px;}
				
			#right #row3 {
			background: url(images/inside-secnav-bg.jpg) 0 0 no-repeat;
			clear: both;
			float: right;
			width: 237px;
			height: 69px;	
			}	
			
				#right #row3 #image {
				clear: both;
				float: left;
				width: 55px;
				height: 59px;
				margin-left:5px;
				margin-top:5px;}
				
				#right #row3 #link {
				float: left;
				color: #49240d;
				margin-left:10px;
				margin-top:5px;}

		 #mailinglist {
			background: transparent;
			width: 237px;
			color: #522d15;
			font-size: 12px;
			float: left;
			clear: both;
			margin-top: 10px;
			
			}

		#bottom {
		clear: both;
		float: left;
		background: #fff;
		margin-top: 20px;
		width: 744px;
		height: 89px;
		padding: 10px;}
	
	
#pagebottom {
clear: both;
background: transparent url(images/inside-pagebottom.png) 0 0 no-repeat;
width: 833px;
height: 8px;
}


#footer {
width: 833px;
margin: 0 auto;
margin-top: 10px;
}

	#address {
	font-size: 14px;
	color: #8f6e4a;
	text-align: center;
	}
	
	#copyright {
	margin-top: 2px;
	font-size: 11px;
	color: #67381a;
	text-transform: uppercase;
	font-weight: 100;
	text-align: center;
	}
	
		#caffeinated {
		margin-top: 5px;
		margin: 0 auto;
		width: 160px;
		}
	
		#caffeinated a { display: block; text-indent: -9999px; height: 28px;}
		#caffeinated a { width: 160px; height: 14px; background: transparent url(images/inside-caffeinated.png) top left 			no-repeat; }
		#caffeinated a:hover { background-position: bottom right;}



/* TOP NAV */
ul.navtop {
list-style: none;
padding-top:8px;
}

ul.navtop li {
display:inline;
}

ul.navtop li a {
display: inline;
color: #fff;
font-family: Helvetica, sans-serif;
font-size: 16px;
text-decoration: none;
font-weight:100;
padding-left:15px;
padding-right:15px;
}

ul.navtop li a:hover {
background: url(images/inside-navtop-bg-hover.png) 0 0 repeat-x;
color: #fff;
padding-bottom:10px;
padding-top: 8px;
}



ul.navtop li.Selected,
ul.navtop li.Selected a {
background: url(images/navtop-bg.gif) 0 0 repeat-x;
color: #fff;
padding-bottom: 10px;
padding-top: 8px;
}



/* sub NAV */
#subnav ul{
display: inline;
}

#subnav li {
display: inline;
margin-top: 8px;}

.subnavitem li{
display:inline;}

#subnav .subnavitem{
background:transparent url(images/subnav-bg.jpg) no-repeat scroll right center !important;
color:#e5d3bf;
font-family:Helvetica,sans-serif;
font-size:13px;
font-weight:100;
padding:8px 4px;
text-decoration:none;
height:auto;
width: 200px !important;
}

#subnav .subnavhover {
background:transparent url(images/subnav-over.jpg) no-repeat scroll right center !important;
color:#FFF;
font-family:Helvetica,sans-serif;
font-size:13px;
font-weight:100;
padding:8px 4px;
text-decoration:none;
height:auto;
width: 200px !important;
}


#subnav .subnavselected{
background:transparent url(images/subnav-over.jpg) no-repeat scroll right center !important;
color:#FFF;
font-family:Helvetica,sans-serif;
font-size:13px;
font-weight:100;
padding:8px 4px;
text-decoration:none;
height:auto;
width: 200px !important;
}	

#subnav {
background: #731410;
margin:5px 0 13px !important;
padding-bottom:0;
padding-left:0;
padding-right:0 !important;
padding-top:0;
width:763px !important;
}





/* SPA sub NAV */

			#spasubnav {
			height:auto;
		margin-left:3px;
			width:230px;
			}
		



#spasubnav ul{
display: inline;
}

#spasubnav li {
display: inline;
margin-top: 8px;}


#spasubnav .spasubnavitem{
color:#49240D;
font-family:Helvetica,sans-serif;
font-size:14px;
font-weight:100;
padding-left:30px;

text-align:left;
text-decoration:none;
background: url(images/spa-secnav-bg.jpg) 0 0 no-repeat;
height: auto;
padding-bottom:11px;
padding-top:13px;
}

#spasubnav .spasubnavhover {
background: url(images/spa-secnav-bg-hover.jpg) 0 0 no-repeat;
font-family:Helvetica,sans-serif;
font-size:14px;
font-weight:100;
padding-left:30px;
padding-bottom:11px;
padding-top:13px;
text-align:left;
text-decoration:none;

color:#FfF;
cursor: hand !important;

}

#spasubnav .spasubnavselected {
font-family:Helvetica,sans-serif;
font-size:14px;
font-weight:100;
padding-left:30px;
padding-bottom:11px;
padding-top:13px;
text-align:left;
text-decoration:none;
background: url(images/spa-secnav-bg.jpg) 0 0 no-repeat;
color:#FfF;
cursor: hand !important;
}