@charset "UTF-8";

/*---------------FRAMEWORK-----------------*/

body  
{
	font: 100% Arial;
	background: #FFFFFF;
	margin:  0; 
/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding-top: 20px;
	text-align: center; 
/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.temp #container 
{ 
	padding: 20 0 0 0;
	width: 900px;
	height: 600px;  
/* using 20px less than a full 920px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; 
/* the auto margins (in conjunction with a width) center the page */
	text-align: left; 
/* this overrides the text-align: center on the body element. */
}

.temp a img
{
	text-decoration: none;
	border: 0px;
	color: #FFFFFF;
}



/*---------------LEFT HEADER-----------------*/

.temp #headerl 
{
	float: left; 
/* since this element is floated, a width must be given */
	width: 315px;
	height: 100px; 
/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF; 
/* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0;
}

.temp #headerl img
{
	margin: 0 10px 0 0;
 	border: 0px;
 	color: white;
 	text-decoration: none;
}


/*---------------RIGHT HEADER-----------------*/

.temp #headerr 
{ 
	margin: 0; 
/* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #headerr div's text to fill the #headerl space when the content in #headerl ends. */
	padding-top: 32px; 
/* remember that padding is the space inside the div box and margin is the space outside the div box */
	height: 100px;
} 

.headerTag
{
	font-size: 200%;
 	color: #6e5422;
 	letter-spacing: 1px;	
	padding:0 0 5px 0;
	margin-bottom: 0px;
	border-bottom: solid 1px #b0cbea;
	
}


/*-------------DD Menu-----------------*/

.menut
{
	margin-top: 5px;
}

.menum
{
	margin-top: 0px;
}

.menub
{
	margin-top: 2px;
	margin-bottom: 2px;
}



/*---------------LEFT CONTENT-----------------*/

.temp #contentl
{
	float: left;
	width: 400px;	

}

.temp #contentl h4
{
	padding-left: 30px;
}


.temp #contentl h2
{
	margin-left: 15px;
}

.temp #contentl h5
{
	margin-left: 15px;
	width: 400px;
}

.temp #contentl p h
{
	font-weight: bold;
}

.temp #contentl p h3
{
	font-size: 70%;
}


.temp #contentl p
{
	color:#6e5422; 
	margin: 10px 0 0 30px;
	width: 400px;
	font-size: 80%;
	text-align: left;
}


.temp #contentl p h a
{
	text-decoration: none;
}

a.navItems:active
{
	text-decoration: none;
	color: #666;
	margin-right: 10px;
	padding-left: 0px;
	font-style: italic;
}

a.navItems:link
{
	text-decoration: none;
	color: #666;
	margin-right: 10px;
	padding-left: 0px;
	font-style: italic;
}

a.navItems:visited
{
	text-decoration: none;
	color: #666;
	margin-right: 10px;
	padding-left: 0px;
	font-style: italic;
}

a.navItems:hover
{
	text-decoration: underline;
	color: #b0cbea;
	margin-right: 10px;
	padding-left: 0px;
	font-style: italic;
}
a.aboutItems:active
{
	text-decoration: none;
	color: #666;
	margin-right: 0px;
	padding-left: 0px;
	font-style: italic;
}

a.aboutItems:link
{
	text-decoration: none;
	color: #666;
	margin-right: 0px;
	padding-left: 0px;
	font-style: italic;
}

a.aboutItems:visited
{
	text-decoration: none;
	color: #666;
	margin-right: 0px;
	padding-left: 0px;
	font-style: italic;
}

a.aboutItems:hover
{
	text-decoration: underline;
	color: #b0cbea;
	margin-right: 0px;
	padding-left: 0px;
	font-style: italic;
}

a.purItems:active
{
	text-decoration: none;
	color: #666;
	margin-right: 0px;
	padding-left: 0px;
}
a.purItems:link
{
	text-decoration: none;
	color: #666;
	margin-right: 0px;
	padding-left: 0px;
}
a.purItems:visited
{
	text-decoration: none;
	color: #666;
	margin-right: 0px;
	padding-left: 0px;
}

a.purItems:hover
{
	text-decoration: underline;
	color: #b0cbea;
	margin-right: 0px;
	padding-left: 0px;
}

a.navItemsIn:active
{
color: #666;
margin-right: 10px;
padding-left: 10px;
text-decoration: none;
font-style: italic;
}
a.navItemsIn:link
{
color: #666;
margin-right: 10px;
padding-left: 10px;
text-decoration: none;
font-style: italic;
}

a.navItemsIn:visited 
{
color: #666;
margin-right: 10px;
padding-left: 10px;
text-decoration: none;
font-style: italic;
}

a.navItemsIn:hover 
{
color: #b0cbea;
margin-right: 10px;
padding-left: 10px;
text-decoration: underline;
font-style: italic;
}

a.servItems:link
{
	text-decoration: none;
	color: #666;
	margin-right: 10px;
	padding-left: 0px;
	font-style: italic;
}

a.servItems:active
{
	text-decoration: none;
	color: #666;
	margin-right: 10px;
	padding-left: 0px;
	font-style: italic;
}

a.servItems:visited
{
	text-decoration: none;
	color: #666;
	margin-right: 10px;
	padding-left: 0px;
	font-style: italic;
}

a.servItems:hover
{
	text-decoration: underline;
	color: #b0cbea;
	font-style: italic;
}

.work
{
	padding-left: 5px;
	font-size: 70%;
	color: #6e5422;
} 
/*-------------SMALL LEFT CONTENT----------*/

.temp #contentlsm
{
	float: left;
	width: 275px;	
	margin-left: 0px;
}

.temp #contentlsm p
{
	width: 275px;
	padding-left: 15px;
	
	
}
.temp #contentlsm h4
{
	margin-left: 30px;
}

.temp #contentlsm h5
{
	padding-left: 30px;
	width: 275px;
}

.temp #contentlsm h
{
	font-size: 90%
	text-align: left;
	margin-left: 0px;
}

.temp #contentlsm p h
{
	font-size: 90%;
	color: #000000;
	margin-left: 15px;
}

.temp #contentlsm p h a
{
	color: #7c9366;
	font-style: italic; 
}


.temp #contentlsm #purchase
{
	margin: 20px 0 0 30px;
	width: 300px;
}

.temp #contentlsm #purchase p
{	
	font-size: 80%;
	margin-left: 0px;	
}

.temp #contentlsm #purchase h
{	
	
	font-size: 80%;	
	margin-left: 30px;
}

.temp #contentlsm #purchase a
{
	font-weight: bold;
	text-decoration: none;
	font-size: 90%;
	margin-right: 0px;
	
	
}



/*---------------RIGHT CONTENT-----------------*/

.temp #contentr
{
	float: right;
	width: 415px;
	margin-right: 5px;	
}

.temp #contentr h2
{
	margin-left: 0px;
}

.temp #contentr p h
{
	font-weight: bold;
	
}

.temp #contentr p h3
{
	font-size: 70%;
}

.temp #contentr h6
{
	margin-left: 15px;
}



.temp #contentr h6 p
{
	font-size: 100%;
}

.temp #contentr p
{
	color:#6e5422; 
	margin: 10px 5px 0 15px;
	width: 410px;
	font-size: 80%;
	text-align: left;
}

.temp #contentr p a
{
	margin-right: 10px;
}	

.temp #contentr h5
{
	padding-left: 0px;
}

/*---------------LEFT HALF-----------------*/
.temp #contentlhh
{
	float:left;
	width: 390px;
	margin: 0 0 40px 45px;
}

.temp #contentlhh #hl
{
	width: 200px;
	text-align: center;
	margin: 0px 0 5px 10px;
	font-weight: bold;
}

.temp #contentlhh #hl a
{
	text-decoration: none;
	color: #000000
} 

.temp #contentlhh #hl h p a
{
	color: #6e5422;
	font-size: 90%;
}	

.temp #contentlhh img
{
	margin-top: 0px;
}

#growFooter
{
	width: 215px;
	text-align: center;
	font-size: 90%;
	padding-top: 5px;	
}
#growFooter a.bookItems:active
{
	text-decoration: none;
	color: #6e5422;
	margin-right: 10px;
	padding-left: 0px;
	font-style: italic;
}
#growFooter a.bookItems:link
{
	text-decoration: none;
	color: #6e5422;
	margin-right: 10px;
	padding-left: 0px;
	font-style: italic;
}

#growFooter a.bookItems:visited
{
	text-decoration: none;
	color: #6e5422;
	margin-right: 10px;
	padding-left: 0px;
	font-style: italic;
}

#growFooter a.bookItems:hover
{
	text-decoration: underline;
	color: #b0cbea;
	font-style: italic;
}

/*---------------RIGHT HALF-----------------*/

.temp #contentrhh
{
	float: right;
	width: 400px;
	margin: 0 5px 0 0;
	
}

.temp #contentrhh #hr
{
	width: 250px;
	text-align: center;
	margin-bottom: 5px;
	margin: 0 0 5px 40px;
	font-weight: bold;
}

.temp #contentrhh #hr a
{
	text-decoration: none;
	color: #000000
}

.temp #contentrhh #hr h p a
{
	color: #6e5422;
	font-size: 90%;
}
#engageFooter
{
	width: 350px;
	text-align: center;
	font-size: 90%;
	padding-top: 5px;
}
#engageFooter a.bookItems:link
{
	text-decoration: none;
	color: #6e5422;
	margin-right: 10px;
	padding-left: 0px;
	font-style: italic;
}
#engageFooter a.bookItems:active
{
	text-decoration: none;
	color: #6e5422;
	margin-right: 10px;
	padding-left: 0px;
	font-style: italic;
}
#engageFooter a.bookItems:visited
{
	text-decoration: none;
	color: #6e5422;
	margin-right: 10px;
	padding-left: 0px;
	font-style: italic;
}

#engageFooter a.bookItems:hover
{
	text-decoration: underline;
	color: #b0cbea;
	font-style: italic;
}
/*---------------PREVIEW-----------------*/
.temp #preview
{
	float: left;
	width: 250px;	
	margin-left: 15px;
}


.temp #preview p 
{
	padding-top: 100px;
}

a.again:active
{
	text-decoration: none;
	color: #000000;
	padding-right: 5px;
	letter-spacing: .4px;
}
a.again:link
{
	text-decoration: none;
	color: #000000;
	padding-right: 5px;
	letter-spacing: .4px;
}
a.again:visited
{
	text-decoration: none;
	color: #000000;
	padding-right: 5px;
	letter-spacing: .4px;
}

a.again:hover
{
	text-decoration: underline;
	color: #b0cbea;
	padding-right: 5px;
	letter-spacing: .4px;
}

.temp #preview h5
{
	padding: 5px 0 0 35px;
	
	
} 

a.buy:active
{
	text-decoration: none;
	color: #6e5422;
	
}
a.buy:link
{
	text-decoration: none;
	color: #6e5422;
	
}
a.buy:visited
{
	text-decoration: none;
	color: #6e5422;
	
}

a.buy:hover
{
	text-decoration: underline;
	color: #b0cbea;

}

.temp #preview h5
{
	padding: 5px 0 0 35px;
	
	
}


/*---------------LEFT BOOK HEADER-----------------*/

.temp #bookheaderl
{
	margin: 40px 0 5px 0;
	float: right;
	width: 320px;
}

.temp #bookheaderl a
{
	
	
	font-size: 90%;
	
	
}

/*---------------RIGHT BOOK HEADER-----------------*/

.temp #bookheaderr
{
	width: 260px;
	float: right;
	margin: 20px 0 5px 0;
}

.temp #bookheaderr a
{
	font-size: 90%;	
}

a.bookhover:link
{
	text-decoration: none;
	color: #7c9366;
	font-style: italic;
}
a.bookhover:active
{
	text-decoration: none;
	color: #7c9366;
	font-style: italic;
}	
a.bookhover:visited
{
	text-decoration: none;
	color: #7c9366;
	font-style: italic;
}
a.bookhover:hover
{
	text-decoration: underline;
	color: #b0cbea;
	font-style: italic;
}
/*---------------RIGHT MAIN IMAGE-----------------*/

.temp #homeimgr img
{
	margin: 5px 10px 5px 190px;
}



/*---------------LEFT MAIN IMAGE-----------------*/

.temp #homeimgl img
{
	margin: 40px 0 20px 70px;
}



/*---------------LEFT SMALL MAIN IMAGE-----------------*/

.temp #homeimglsm img
{
	margin: 40px 0 20px 70px;
}

.temp #contentlsm h2
{
	margin-left: 30px;
}

.temp #contentlsm p h
{
	font-weight: bold;
}

.temp #contentlsm p h3
{
	font-size: 70%;
}

.temp #contentlsm p
{
	color:#6e5422; 
	margin: 10px 0 0 30px;
	width: 350px;
	font-size: 80%;
	text-align: left;
}





/*---------------FLOAT TOOLS-----------------*/

.fltrt 
{ 
/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 0px;
}

.fltlft 
{ 
/* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}



.clearfloat 
{ 
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}



/*--------------- JS DD SERVICES-------------- */

* 
{
	padding: 0; 
	margin: 0

}

.dropdown 
{
	float:left; 
	padding-right:0px
	text-align: center;
	z-index: 1;
	border-bottom: solid 1px #b0cbea;
	
}

.dropdown dt 
{
	width: 117px; 
	border:0px; 
	padding:0px; 
	font-weight: ; 
	cursor:pointer; 
	text-align: center;
	
	
}

.dropdown dt:hover 
{
			
}

.dropdown dd 
{
	position:absolute;  
	width: 147px; 
	display:none; 
	background: #FFFFFF; 
	z-index:200; 
}

.dropdown ul 
{
	width: 145px; 
	border: 1px solid #B0CBEA; 
	list-style:none; 
	border-top:none
	
}

.dropdown li 
{
	display:inline
	margin-top: 3px;
}

.dropdown a, .dropdown a:active, .dropdown a:visited 
{
	display:block; 
	padding:0px; 
	color:#000000; 
	text-decoration:none; 
	background:#FFFFFF; 
	width:145px;
	text-align: center;
	font-size: 70%;
	padding: 5px 0 5px 0;
	letter-spacing: 0.8px;
	
}



.dropdown a:hover 
{
	background:#FFFFFF; 
	color: #B0CBEA;
	text-decoration: underline;
}

.pub 
{
	float:left; 
	padding-right:0px
	text-align: center;
	z-index: 1;
	border-bottom: solid 1px #b0cbea;
	
}

.pub dt 
{
	width: 117px; 
	border:0px; 
	padding:0px; 
	font-weight: ; 
	cursor:pointer; 
	text-align: center;
	
	
}

.pub dt:hover 
{
			
}

.pub dd 
{
	position:absolute; 
	overflow:hidden; 
	width: 147px; 
	display:none; 
	background: #FFFFFF; 
	z-index:200; 
}

.pub ul 
{
	width: 145px; 
	border: 1px solid #B0CBEA; 
	list-style:none; 
	border-top:none
	
}

.pub li 
{
	display:inline
	margin-top: 3px;
}

.pub a, .pub a:active, .pub a:visited 
{
	display:block; 
	padding:0px; 
	color:#000000; 
	text-decoration:none; 
	background:#FFFFFF; 
	width:145px;
	text-align: center;
	font-size: 70%;
	padding: 5px 0 5px 0;
	letter-spacing: 0.8px;
	
}



.pub li a:hover 
{
	background:#FFFFFF; 
	color: #B0CBEA;
	text-decoration: underline;
}

.con 
{
	float:left; 
	padding-right:0px
	text-align: center;
	z-index: 1;
	border-bottom: solid 1px #b0cbea;
	
}

.con dt 
{
	width: 117px; 
	border:0px; 
	padding:0px; 
	font-weight: ; 
	cursor:pointer; 
	text-align: center;
	
	
}

.con dt:hover 
{
				
}

.con dd 
{
	position:absolute; 
	overflow:hidden; 
	width: 147px; 
	display:none; 
	background: #FFFFFF; 
	z-index:200; 
}

.con ul 
{
	width: 145px; 
	border: 1px solid #B0CBEA; 
	list-style:none; 
	border-top:none
	
}

.con li 
{
	display:inline
	margin-top: 3px;
}

.con a, .pub a:active, .pub a:visited 
{
	display:block; 
	padding:0px; 
	color:#000000; 
	text-decoration:none; 
	background:#FFFFFF; 
	width:145px;
	text-align: center;
	font-size: 70%;
	padding: 5px 0 5px 0;
	letter-spacing: 0.8px;
	
}



.con .point li a:hover 
{
		
}




/*--------FOOTER---------*/

.temp #logofooter img 
{
	float: right;
	border: 0px;
 	color: white;
 	text-decoration: none;
}

.temp #footer 
{ 
	padding-bottom: 2px; 
/* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFFFFF;
	word-spacing: 20px;
	font-size: 70%;
}


a.footItems:link
{
	text-decoration: none;
	color: #000000;
	margin-right: 0px;
	padding-left: 10px;
	letter-spacing: 1.3px;

}
a.footItems:active
{
	text-decoration: none;
	color: #000000;
	margin-right: 0px;
	padding-left: 10px;
	letter-spacing: 1.3px;

}
a.footItems:visited
{
	text-decoration: none;
	color: #000000;
	margin-right: 0px;
	padding-left: 10px;
	letter-spacing: 1.3px;

}


a.footItems:hover 
{
	color: #b0cbea;
	margin-right: 0px;
	padding-left: 10px;
	text-decoration: underline;
	letter-spacing: 1.3px;
	
}

.temp #footermenu
{
	margin-top: 3px;
}	

.temp #footer img
{
	padding-top: 1px;
}

.temp #footer #happyHour	{
	width: 900px;
	height: 20px;
	padding-top: 30px;
}
.temp #footer #happyHour p	{
	font-size: 8pt;
	color: #CCC;
	text-align: center;
	word-spacing: 1px;
}
a.softGrey:link
{
	text-decoration: none;
	color: #CCC;
	margin: 0px;
	padding: 0px;
	word-spacing: 1px;
}
a.softGrey:active
{
	text-decoration: none;
	color: #CCC;
	margin: 0px;
	padding: 0px;
	word-spacing: 1px;
}
a.softGrey:visited
{
	text-decoration: none;
	color: #CCC;
	margin: 0px;
	padding: 0px;
	letter-spacing: 1px;
	word-spacing: 1px;
}
a.softGrey:hover 
{
	color: #000000;
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
	word-spacing: 1px;
	
}

/*-------DECORATIONS-----*/

.nodecoitalic
{
 text-decoration: none;
 color: #6e5422;
 font-style: italic;
}

.nodecogrey
{
	text-decoration: none;
	color: #666;
	margin-right: 10px;
	
}

.nopointer
{
 cursor: default;
 text-decoration: none; 
}

.point a:hover
{
	text-decoration: underline;
	color: #b0cbea;
}

.italic
{
	font-style: italic;
}

.bold
{
	font-weight: bold;
}

.phone
{
	font-size: 140%;
	font-weight: bold;
}

.nodeco
{
	text-decoration: none;
	color: #000000;
}

.nounder
{
	text-decoration: none;
}

/*-----------COLORS-------------*/

.green
{
	color: #7c9366;
	font-style: italic;
}

.brown
{
	color: #6e5422;
}

.black
{
	color: #000000;
}