BODY
{
	font-family: Verdana, Tahoma, Helvetica, Sans-Serif;
	font-size: 12px;
	}

#pagewraphome
{
	width: 840px;
	background: #333333 url(images/bg_floral_faded.gif) top left no-repeat ;
	margin-top: 20px;
	font-family: Verdana, Tahoma, Helvetica, Sans-Serif;
	margin-right: auto;
	margin-left: auto;
	}

#pagewrap
{
	width: 840px;
	margin-top: 20px;
	font-family: Verdana, Tahoma, Helvetica, Sans-Serif;
	margin-right: auto;
	margin-left: auto;
	}

#topwrap
{
		width: 840px;
	}

#toplogo
{
	float: left;
	width: 280px;
	height: 80px;
	margin-bottom: 10px;
	}

#topnavbar
{
	float: left;
	width: 840px;
	height: 33px;
	background-color: rgb(77, 47, 31); 
	}
	
#topnavlinks
{
	width: 610px;
	height: 33px;
	margin-top: 8px;
	margin-left: 10px;
	float: left;
	}

#topnavlinks a:visited
{
	font-size: 12px;
	text-decoration: none;
	color: rgb(137, 183, 183);
	}

#topnavlinks a:link
{
	font-size: 12px;
	text-decoration: none;
	color: rgb(137, 183, 183);
	}

#selected
{
	font-weight: bolder;
	}

.topnavlink
{
	margin-right: 50px;		
	}

#topnavend
{
	width: 200px;
	height: 33px;
	margin-top: 8px;
	margin-right: 10px;
	text-align: right;
	float: right;
	font-size: 12px;
	color: rgb(137, 183, 183);
	}


/******* CONTENT ********/
#contentwrap
{
	float: left;
	width: 840px;
	margin-top: 20px;
	}

/******* LEFT NAV ********/
#leftnavwrap
{
	float: left;
	}

#leftnavhome
{
	width: 550px;
	height: 290px;
	margin-left: 2px;
	margin-right: 2px;
	background: #FFFFFF url(images/home_img.gif) top right no-repeat ;
	}
	
#leftnav
{
	width: 350px;
	height: 290px;
	margin-left: 2px;
	margin-right: 2px;
	background: #FFFFFF url(images/nav_image_permanent.png) top right no-repeat ;
	}
	
.navlink
{
	font-size: 14px;
	color: rgb(77, 47, 31);
/*	color: #102670;	*/
	text-decoration: none;
	}

.navitem
{
	margin-bottom: 8px;
	margin-left: 4px;
	}


/******* CONTENT SPACE ********/
#contenthome
{
	float: left;
	width: 270px;
	}
	
#content
{
	float: right;
	width: 454px;
	margin-top: 10px;
	margin-left: 6px;
	font-size: 12px;
	border-top: solid 1px rgb(77, 47, 31);
	border-left: solid 1px rgb(77, 47, 31);
	padding: 4px 0px 0px 10px;
	/*height: 400px;*/
	}

#content h1
{
	font-size: 13px;
	font-weight: bold;
	/*text-align: center;*/
	}

#content h2
{
	font-size: 14px;
	font-weight: bold;
	/*text-align: center;*/
	}

#content h3
{
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	}

.contentboldlink
{
	font-size: 16px;
	font-weight: bold;
	color: rgb(77, 47, 31);
	text-decoration: none;
}

.contentlink
{
	font-size: 13px;
	color: rgb(77, 47, 31);
	text-decoration: none;
}

.contentblue
{
	font-size: 13px;
	color: rgb(137, 183, 183);
	text-decoration: none;
}


/******* FEATURE IN CONTENT SPACE ON HOME ********/
#featureright
{
	float: right;
	width: 240px;
	height: 300px;
	font-size: 12px;
	line-height: 23px;
	}

#featureright h1
{
	font-size: 13px;
	text-align: center;
	}

#featureright a, #featureright a:visited
{
	font-size: 16px;
	font-weight: bold;
	color: rgb(77, 47, 31);
	text-decoration: none;
	}

#featureright a:hover
{
	font-size: 16px;
	font-weight: bold;
	color: rgb(77, 47, 31);
	text-decoration: underline;
	}
	
/******* PROMO BOXES ********/
#promohome
{
	float: left;
	width: 840px;
	margin-top: 20px;
	}	

#promo
{
	float: left; 
	width: 300px;
	margin-top: 1px;
	margin-bottom: 10px;
	}	

.promo_inner_brown
{
	width: 270px;
	height: 180px;
	float: left;
	font-size: 11px;	
	color: #CCCCCC;
	margin-left: 8px;
	background: #FFFFFF url(images/rounded_square_brown.png) top no-repeat;
	}
	
.promo_inner_brown_long
{
	width: 300px;
	height: 180px;
	float: left;
	font-size: 11px;	
	color: #CCCCCC;
	margin-left: 8px;
	margin-top: 10px;
	background: #FFFFFF url(images/rounded_square_brown_long.png) top no-repeat;
	}

.promo_inner_blue
{
	width: 270px;
	height: 180px;
	float: left;
	font-size: 11px;	
	color: #FFFFFF;
	margin-left: 8px;
	background: #FFFFFF url(images/rounded_square_blue.png) top no-repeat;
	}

.promo_inner_blue_long
{
	width: 300px;
	height: 180px;
	float: left;
	font-size: 11px;	
	color: #FFFFFF;
	margin-left: 8px;
	margin-top: 10px;
	background: #FFFFFF url(images/rounded_square_blue_long.png) top no-repeat;
	}

.promo_inner
{
	width: 240px;
	height: 140px;
	margin-top: 16px;
	margin-left: 16px;
	}

.promo_inner h1
{
	font-size: 13px;	
	color: #CCCCCC;
	}

.promo_inner a, .promo_inner a:hover, .promo_inner a:visited

{
	font-size: 11px;	
	text-decoration: underline;
	color: #CCCCCC;
	}

.promo_inner_long
{
	width: 280px;
	height: 140px;
	margin-top: 16px;
	margin-left: 16px;
	}

.promo_inner_long h1
{
	font-size: 13px;	
	color: #CCCCCC;
	}

.promo_inner_long a, .promo_inner_long a:hover, .promo_inner_long a:visited

{
	font-size: 11px;	
	text-decoration: underline;
	color: #CCCCCC;
	}




/******* SPACER ********/
.spacer
{
	margin-top: 16px;
	width: 240px;
	}


/******* FOOTER ********/
#footerwrap
{
	float: left;
	width: 840px;
	height: 60px;
	background-color: white;
	border-top: 1px #CCCCCC solid;
	margin-top: 20px;
	margin-bottom: 20px;
	}
		
#footerleft
{
	float: left;
	width: 330px;
	margin-top: 8px;
	color: Gray;
	font-size: 10px;
	font-weight: bolder;
	}	

#footerright
{
	float: left;
	width: 500px;
	margin-top: 8px;
	color: Gray;
	font-size: 10px;
	font-weight: bolder;
	text-align: right;
	}	
	

/* common styling */
.menu {font-family: verdana, sans-serif; width:320px; height:270px; position:relative; margin:0; font-size:14px; margin:10px 0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:160px; height:27px; text-align:left; line-height:19px; font-size:14px;}
.menu ul {padding:0; margin:0; list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#666666; background: transparent url(/images/menu_bg_level1.png) repeat scroll left top;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:161px; width:160px;}
.menu ul li:hover ul li a.hide {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:160px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block;  background: transparent url(/images/menu_bg_level2.png) repeat scroll left top; color:#333333; width:170px;}
.menu ul li:hover ul li a:hover { background: transparent url(/images/menu_bg_level2_over.png) repeat scroll left top; color:#333333;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}


/* photo features */

#photoarea
{
	width: 450px;
	height: 500px;
		
	}
	
.photowarning
{
	width: 420px;
	height: 300px;
}
	
.areaview
{
	float: left;
	width: 420px;
	height: 400px;
	margin-top: 25px;
	margin-left: 25px;
	font-size: 18px;
	color: rgb(137, 183, 183);
}	

.areabefore
{
	float: left;
	width: 420px;
	height: 130px;
	}

.areabeforelabel
{
	float: left;
	width: 140px;
	height: 130px;
	text-align: center;
	padding-top: 40px;
	}

.areabeforeimg
{
	float: left;
	width: 270px;
	height: 130px;
	}

.areaafter
{
	float: left;
	width: 420px;
	height: 130px;
	margin-top: 10px;
	}

.areaafterlabel
{
	float: left;
	width: 140px;
	height: 130px;
	text-align: center;
	padding-top: 40px;
	}

.areaafterimg
{
	float: left;
	width: 270px;
	height: 130px;
	}

.areanotes
{
	float: left;
	width: 420px;
	height: 80px;
	}

.areanoteslabel
{
	float: left;
	width: 140px;
	height: 80px;
	text-align: center;
	}

.areanote
{
	float: left;
	width: 270px;
	height: 80px;
	color: Black;
	font-size: 11px;
	}

.areathumbs
{
	float: left;
	width: 420px;
	margin-top: 25px;
	margin-left: 25px;
	overflow: auto;
}

#contactform
{
	clear:both;
	float:left;	
}