/* File:			custom.css Description:	Custom styles for the Neoclassical Theme that you define  Use:  The <body> tag has been appended with the "custom" class, like so: <body class="custom">. You can use the "custom" class to overwrite *any* CSS declarations contained in this theme's style.css file.  For example, if you wish to change the default link color to green, you would add the  following declarations to this file:  	.custom a, .custom a:visited { color: #090; } <--- This makes links green 	 	.custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them  Why this works:  By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! */ 



body.custom { /* background: #6b6b47; font: 62.5% comic sans ms, book antiqua, arial; }*/
	
	/* body { background: #fff; color: #333; font: 62.5% Arial, Helvetica, sans-serif; } */

	/* background: #fff */

	/*sets page background to url image*/
	 background: url('/wp-content/uploads/Wood-Background.jpg') top left repeat; 

	 /* #CEEBF5 url('images/bg.jpg') top left repeat-x; */
  }  

.custom #container  { margin-top: 2em; margin-bottom: 2em; padding: 0.3em; background: #8a8a8a;  border: 0.4em; solid: #000; }

	/*changes the content_box footer color*/
	.custom #page { background: #fafafa; }    

.custom #page { width: 885px; display: block; border: 3.0px solid #000; }

#navwrap {
	height: 30px; 
	margin: 0 0 0px 0;
}    
#nav, #nav ul {
	float: left;
	width: 885px;
	list-style: none;
	line-height: 1.0;
	background: #6b6b47; /* #544A2D; */
	font-weight: normal;
	padding: 0;
	border: none;
	border-width: 0;  1px 0; 
	margin: 0; /* 0 1em 0; */
	font-size: 1.35em; 
}

#nav a {
	display: block;
/*	width: 10em; */
	color: #9ed7eb;
	letter-spacing: 0.0em;
	text-decoration: none;
	padding: .75em 1.25em;
}

#nav li {
	float: left;
	padding: 0;
	z-index: 15;
/*	width: 10em; */
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 15.4em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	background: #000; /* #544A2D; */
	padding: 0; 
	font-size: 1.0em;
	z-index: 10;
}
#nav li li {
	padding: 0 1em 0 0; 
	margin: 0;
	width: 14em;
	z-index: 10;
}
#nav li ul a {
	width: 14em; 
	padding-left: .75em;
	/*
	padding-right: -2.25em;   
*/
	text-transform: none;
	letter-spacing: normal;
	color: #9ED7EB;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #222;
	color: #9ED7EB;
}

table.data td {
	background: #eee;
   	padding: 8px;
}

h2.widgettitle {
	border-bottom: 4px solid #fff;
	width: 85%;
	font-weight: bold;
}

/* Remove comments to customize background colors */

	 .custom #right_bar { background: #000 } 

	/* .custom #left_box { background: #000 }  */

	 .custom #content_box { background: #8a8a8a } 

	/* .custom #content_inner { background: #000 } */

/* font color for links and order message area in sidebar */

	/* .custom .sidebar a {color: #000; text-decoration: underline} */
	/* .custom .sidebar a:hover { color: #eee; text-decoration: none; } */

/* sidebar text color */
	/* .custom .sidebar h2 { font-size: 1.1em; margin: 0 0 0.9em 0; line-height: 1.9em; padding: 0; border-top: 0; color: #b8b894;} */

/* rotating_image border color */

	 /*.custom #rotating_image img { display: block; border: 10px solid #000; } */	

/* for use with custom font styles */

	/*.custom #page { font: 100% comic sans ms, book antiqua, arial; } */   


