/*
	 uses magicline jquery nav by Chris Coyier
	 http://css-tricks.com
	 drop-down mods by Conscious Images LLC
	 http://consciousimages.com
	 Yep.
*/

* { margin: 0; padding: 0; }
body { font: 100% constantia, palatino; background-color: #CAD7B2;
}

header { padding: 100px 0 0 0; display: block; }
header h1 { width: 960px; margin: 0 auto; }
.nav-wrap a { color: #eee; }
.nav-wrap a:hover { color: white; }

.nav-wrap { 
	margin: 0px auto; 
	background-color: #3F6E0C; 
	border-bottom:    4px solid rgba(0,0,0,0.9);
	border-top:    4px solid rgba(0,0,0,0.9);
	 
	/* with no header: margin: 50px auto; border-top: 4px solid rgba(0,0,0,0.9); */
}


h1 {
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 1em;
}

h2 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 1em;
}

h3 {
	font-size: 18px;
	font-weight: normal;
}

h3 {
	font-size: 16px;
	font-weight: bold;
}

/* below: rest of css */

.container {
	width: 800px;
	min-height: 600px;
	background: #f4f3e5;
	margin: 0 auto;
}

.content {
	padding: 60px 60px 0px 60px;
	-moz-box-shadow: 0 15px 30px black;
	-webkit-box-shadow:	0 15px 30px black;
	box-shadow: 0 15px 30px black;
	margin-bottom: 60px;
}

a:link {
	color:#333;
	text-decoration: underline; 
}
a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

p {
	font-weight: normal;
	text-align:justify; 
	line-height:1.4em;
	margin: 1.4em 0 1.4em 0;
}

.footer {
	margin-left: -60px;   /* this is temp -- fix the content? */ 
	padding: 0px 0px 0px 0px; 
	background-color: #f4f3e5; 
	border-top: 4px solid #3F6E0C; 
	height: 220px;
	width: 800px;
	clear: both;
}

.contactfooter {
	margin-top: 60px;   /* this is temp --  fix the content? */ 
	padding: 0px 0px 0px 0px; 
	background-color: #f4f3e5; 
	border-top: 4px solid #3F6E0C; 
	height: 270px;
	width: 800px;
	clear: both;
}

.readinggroups li {
	margin-bottom: 1.6em;
}

.readinggroups {
	text-align:left!important;
	margin: 0px auto 0px auto;
	width: 60%;
}

.footerthird
{
	width: 40%;
	height: 100%;
	float: left;
}

.footerthird_l
{
	width: 30%;
	height: 100%;
	float: left;
}

.footerthird_r
{
	width: 30%;
	height: 100%;
	float: right;
}


.title {
	font-size: 1.4em;
	text-align:center!important;
}

.footer a:link {
	color:#000;
	text-decoration: underline; 
}
.footer a:visited {
	color: #000;
	text-decoration: underline;
}
.footer a:hover {
	color:#000;
	text-decoration: none; 
}

.header { 
	margin: 0px auto;  
	height: 140px;
	background: #f4f3e5;
	width:800px;
	z-index: 2;
}

.background {
	height: 140px;
	background: #f4f3e5; 
}
	
.reviewattribute {
	margin-left:80px;
}

.reviewattributeread {
	margin-left:320px;
}

.heading {
	font-size:20px;
	font-weight:bold;
	text-align:left;
	margin: 20px 0px 30px 0px;
}	

a.download  {
	padding: 10px;
	width: 100px;
	border: 2px solid #4d4d4d;
	margin: 0 auto 0 auto;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	color: #f4f3e5;
	font-weight: bold;
	background-color: #C95C53;
	background-image: -webkit-gradient(radial, 100% 100%,100,-50% -50%,100, from(rgb(201, 92, 83)),to(rgb(234, 182, 99)));
	background-image: -webkit-radial-gradient(0% 0%, rgb(234, 182, 99), rgb(201, 92, 83));
	background-image: -moz-radial-gradient(0% 0%, rgb(234, 182, 99), rgb(201, 92, 83));
	background-image: -o-radial-gradient(0% 0%, rgb(234, 182, 99), rgb(201, 92, 83));
	background-image: -ms-radial-gradient(0% 0%, rgb(234, 182, 99), rgb(201, 92, 83));
	background-image: radial-gradient(0% 0%, rgb(234, 182, 99), rgb(201, 92, 83));	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px;
	
}

a.download:hover   {
	background-image: -webkit-gradient(radial, 0% 0%,100,150% 150%,100, from(rgb(201, 92, 83)),to(rgb(234, 182, 99)));
	background-image: -webkit-radial-gradient(100% 100%, rgb(234, 182, 99), rgb(201, 92, 83));
	background-image: -moz-radial-gradient(100% 100%, rgb(234, 182, 99), rgb(201, 92, 83));
	background-image: -o-radial-gradient(100% 100%, rgb(234, 182, 99), rgb(201, 92, 83));
	background-image: -ms-radial-gradient(100% 100%, rgb(234, 182, 99), rgb(201, 92, 83));
	background-image: radial-gradient(100% 100%, rgb(234, 182, 99), rgb(201, 92, 83));
}

.reviewgradient {
	width: 80%;
	margin: 0 auto 30px auto;
	clear: both;
}


/* */
/* */
/* */
/* DROP_DOWNS*/
/* */
/* */
/* */


/* Clearfix */
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */

/* Example One */
#example-one { 
	margin: 0 auto!important; 
	list-style: none; 
	position: relative; 
	width: 800px;
}
#example-one li { 
	display: inline-block;	
}
#example-one a { 
	color: #f4f3e5; 
	font-size: 16px; 
	float: left;
	padding: 6px 10px 0px 10px;
	text-decoration: none;
	/*text-transform: uppercase;*/
	letter-spacing:2px;
}
#example-one a:hover { 
	color: #49ab28; 
}
#magic-line { 
	position: absolute;
	bottom: -2px; 
	left: 0; 
	width: 200px; 
	height: 3px; 
	background: #49ab28;
}
.current_page_item a { 
	color: white !important; 
}
.ie6 #example-one li, .ie7 #example-one li { 
	display: inline; 
}
.ie6 #magic-line {
	bottom: -3px;
}

/* above: original nav */
/* below: dropdowns */


#example-one li:hover > ul
{
	display: block;
}

/* Sub-menu */

#example-one ul
{
    list-style: none;
    margin: 0;
    padding-top: 10px;    
    display: none;
    position: absolute;
    top: 26px;
    z-index: 9999;    
    -moz-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
}

#example-one li a {
	padding-bottom: 0px;
}

#example-one ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
    background: #3F6E0C;
    border: 2px solid rgba(0,0,0,0.9);
    border-top: 0px;
   
    
}

#example-one ul li {
	box-shadow: 0 0 5px black;
	-moz-box-shadow: 0 0 5px black;
	-webkit-box-shadow:	0 0 5px black;
}


#example-one ul li:last-child
{   
    -moz-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;    
}

#example-one ul a
{    
    padding: 10px;
	height: 10px;
	width: 115px;
	height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
	text-transform: none;
}

#example-one li.current_page_item ul li a:hover {
	color: #49ab28!important;
}

*html #example-one ul a /* IE6 */
{    
	height: 10px;
}

*:first-child+html #example-one ul a /* IE7 */
{    
	height: 10px;
}

.imgborder {
	border: 2px solid #006633;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #efefef;
	padding: 12px;
}


/* the following lines do the triangle 

#example-one ul li:first-child > a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#example-one ul li:first-child > a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}


#example-one ul li:first-child a:hover:after
{
    border-bottom-color: rgba(0,0,0,0.9); 
}


#example-one ul li:last-child > a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
*/


/* Clear floated elements */
#example-one:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #example-one             { zoom: 1; } /* IE6 */
*:first-child+html #example-one { zoom: 1; } /* IE7 */

/* fancybox */

.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}

/*comments*/
			
.comments {
	font-style: italic;
	clear: both;
	margin: 30px 60px 0px 60px;
	padding: 0px;
}

.quote {
	font-weight: bold;
	float: right;
	margin-right: 60px;
}

/* the area */

.area {
	text-align: center;
	line-height:1.1em;
	margin: 1.1em 0 1.1em 0;
	
}

#artgallery {
	width: 100%;
	height: 100%;
}

.gallery_top, .gallery_bottom, .gallery_mid, .gallery_mid2 {
	width: 100%;
	height: 320px;
	clear: both;
	margin: 0px 0px 50px 0px;
}

.gallery_left {
	float: left;
	margin: 0px auto;
	width: 320px;
}

.gallery_right {
	float: right;
	margin: 0px auto;
	width: 320px;
}



/* back-to-top */

#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: 800px;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #3F6E0C;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #49ab28;
}
/* arrow icon (span tag) */
#back-top span {
	width: 54px;
	margin-left: 27px;
	height: 54px;
	display: block;
	margin-bottom: 7px;
	background: #3F6E0C url(../images/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	-moz-box-shadow: 0 2px 4px black;
	-webkit-box-shadow:	0 2px 4px black;
	box-shadow: 0 2px 4px black;
}
#back-top a:hover span {
	background-color: #49ab28;
}