/* Stylesheet written by Trish Roque, www.creativepathstudio.com, for for Caroline Huff website, www.carolinehuff.com */

* {
	padding: 0;
	margin: 0;
}

body {font-family: "Verdana", "Helvetica", "Arial", sans-serif; 
font-size: .9em;
background: #eae6c5 url(../images/common/canvasBG.gif) repeat scroll ;
color: #1c1912;}
h1.CHlogo {display: block; margin-bottom: 15px;  padding-bottom: 0px;
margin-left: 18%; margin-top: 15px;
}

#container {
width: 100%; height: 422px; padding: 0; margin: 0;  background: url(../images/home/bluetealBG2.gif) repeat-x scroll ;}

#content {
margin-left: 20%;  width: 800px; /* border: 2px white solid; */padding-top: 30px; height: 350px;
}

.imgWrap { float: left; clear: right;
z-index: 1;   margin-top: 10px;  margin-left: 5px; 
}

.imgWrap img { background-color: #1c1912; padding: 3px; border: 1px #433b2b solid; display: block; /* position: relative; */
} 
.signature {
display: block;  margin-bottom: 50px; padding-left: 45%; padding-top: 10px;
}

.footer {  font-size: 85%;
padding-bottom: 20px;  margin-left:18%;
}


/***************** menu *****************/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout5.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu { color: #eae6c5; 
  margin-top: 20px; margin-right: 100px;
z-index:1000; float: right; 
font-size:90%; font-weight: bold;
height:200px; text-align:right;
 /*  margin-top: 190px; margin-right: 15px;this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:115px;
position:relative;
border-bottom: 1px #eae6c5  dashed; 
border-width:1px 1px 0 1px;

}

.menu li {
background:transparent;
height:36px;
}
* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}

/* style the links */
.menu a, .menu a:visited {
display:block; padding-right: 5px;
text-decoration:none;
height:35px;
line-height:35px;
width:115px;
color:#eae6c5;
text-indent:5px;
border-bottom: 1px #eae6c5 dashed;
background:transparent;
}
/* style the link hover */
* html .menu a:hover {color:#000; background: #587c8b; padding-right: 3px;}

.menu :hover > a { padding-right: 3px;
color:#000; 
background: #587c8b ;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:-1px;
left:-85px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible; padding-right: 3px;
background: #2f598a}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;

}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
background:#edd;
}
.menu ul.top2 {top:25px;}
.menu ul.top3 {top:51px;}
.menu ul.top4 {top:77px;}
.menu ul.top5 {top:103px;}
.menu ul.top6 {top:129px;}
.menu ul.top7 {top:155px;}

/************** end of menu ****************/