/* HTML or Element selectors : Standard HTML Tags  for the entire site */


div#topPage
{
	margin: 0;
	padding: 10px 15px 10px 5px;
	background-color: #DE7008;
	color: #F5DEB3;
	text-align: left;
	font-size: 275%;
	font-variant: small-caps;
	font-weight: bolder;
}
#top-menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
#top-menu li
{
	float: left;
	margin: 0 0.05em;
	padding: 0;
	text-align: center;
}

#top-menu li a
{
	background: #F5E39E bottom left repeat-x;
	height: 1.25em;
	line-height: 1.25em;
	float: left;
	font-size: 1em;
	display: block;
	color: #9E5205;
	border: 0.1em solid #9E5205;
	text-decoration: none;
	text-align: center;
	padding: 0px 6px 3px 6px;
}

#top-menu li a:hover {color: black;
	background-color: #FFF9DE;
	text-decoration: underline;
}

/* *****************************************************

The body content - the area not in the Dynamic Web Template
**************************************************** */
div#bodyContent
{
	position: static;
	top: auto;
	float: right;
	width: 80%;
	
	margin: 0% 1% 1% 1%;
	border-left: solid 0px #6E6952;
 	padding: 1% 0% 0% 1%;
}

/* *****************************************************
Navigation Bar - Left hand side - I am trying various options
**************************************************** */
 
div#navBar
{
	position: static;
	top: auto;
	width: 140px;
	margin: 1% 1% 1% 1%;
	padding: 1% 0% 0% 0%;
}
ul.navBar 
{
	list-style: none;
	margin-left: 0px;
	padding: 0;
	font-weight: bold;
	font-size: 80%;
}
ul.navBar2 
{
	list-style: none;
	margin-left: 0px;
	border: 1px solid navy;
	padding: 0;
	font-weight: bold;
}
ul.navBar ul
{
	margin: 0px 0px 9px 0px;
	font-weight: normal;
	background-color: #FFF9DE;
}
ul.navBar li 
{
	list-style-position: outside;
	list-style: none;
	margin: 0px 4px 0px 4px;
}
.navBar a:link {color: black;
	text-decoration: none;
}

.navBar a:visited {color: black;
	text-decoration: none;
}

.navBar a:hover {color: black;
	background-color: #FFFCEE;
	text-decoration: underline;
}

.navBar a:active {color: black;
	text-decoration: underline;
}

/* *****************************************************
Photo - most pages have a photo controlled by this
**************************************************** */
 
div#photo {display:none;}

 

/* *****************************************************
General information at the bottom of each page 
**************************************************** */

div#botPage {
        border-top:thin black solid;border-bottom:thin black solid;
	position: static;
	top: auto;
	float: right;
	width: 100%;
	margin: 0px;
	padding: 10px;
	font-size: 84%;
	text-align: center;
}

.botMenu a {margin: 10px;padding: 10px;}

.botSearch {
    margin: 5px; padding: 5px;
    border: thin solid gray;
    background-color: white;
    clear: both;
    width: 70%;
}
.footerLeft {width:33%;float:left;}
.footerCenter {width:33%;float:left;margin-top:40px}
.footerRight {width:33%;float:left;}

#photoSmall
{
	text-align: center;
	margin-top: 0px;
	margin-bottom: 12px;
	border: none;
}
#photoSmall a:link    {color: maroon;text-decoration: none;}
#photoSmall a:visited {color: maroon;text-decoration: none;}
#photoSmall a:hover   {color: black;text-decoration: none;}
#photoSmall a:active  {color: black;text-decoration: none;}

/* gallery format */ 

.gallery li {
	margin: 9px;
	width: 150px;
	height: 200px;
	border: outset 2px #6E6952;
	background: #FFF9DE;
	list-style: none;
	padding: 10px 5px 5px 5px;
	color: #6E6952;
	text-align: center;
	float: left;
	font-weight: bold;
	font-size: 90%;
}
.gallery a:link    {color: maroon;text-decoration: none;}
.gallery a:visited {color: maroon;text-decoration: none;}
.gallery a:hover   {color: black;text-decoration: none;}
.gallery a:active  {color: black;text-decoration: none;}
.gallery img {
	border: none;
	padding-top: 10px;
}

.client hr {clear:both;}
.client h2 {clear:both; text-align:center;}
ul.client ul 
{
	list-style-position: outside;
	list-style: none;
	text-align: center;
}

ul.client li
{
	list-style: none;
	margin: 12px;
	height: 200px;
	text-align: center;
	float: left;
}

.adBox {
	float: right;
	margin: 0px 5px 5px 5px;
	padding: 5px;
    background-color: #FFFCEE;
}