@charset "UTF-8";
/* CSS Document */

body {
behavior: url("csshover3.htc");
text-align: center;
}
#container {
margin: 0px auto;
text-align: left;
width: 750px;
}

#nav{
margin: 0 auto;
width:100%;
}

#nav ul{
background: url(../images/bgtan.gif) bottom center repeat-x;
padding-left: 0;
margin: 0;
float: left;
font: bold 80% Verdana;
}

* html #nav ul{ /*IE only rule. Add extra margin-bottom*/
margin-bottom: 1em;
}

#nav ul li{
display: inline;
}


#nav ul li a, #nav ul li span{
float: left;
font-weight: bold;
padding: 28px 25px 14px 14px;
color:#63554c;
text-decoration: none;
background: url(../images/dividertan.gif) bottom right no-repeat;
}

#nav ul li span{ /*Targets span tag to the right of #leftcorner below*/
padding-left: 0px;
}


#nav ul li a#leftcorner{
float: none;
padding-left: 20px;
padding-right: 0px;
background: url(../images/leftcornertan.gif) bottom left no-repeat;
}

#nav ul li a#rightcorner{
padding-right: 20px;
background: url(../images/rightcornertan.gif) bottom right no-repeat;
}

#nav ul li a:hover{
text-decoration:underline;
color: #6a6f4e;
}

#nav .active a{
text-decoration: underline;
color: #6A6F4E;
}

/* style the third level background */
#nav ul ul ul {
margin-top:-5px;}

/* style the third level background */
#nav ul ul ul a, .menu ul ul ul a:visited {
background:#bbbda4;
}
/* style the third level hover */
#nav ul ul ul a:hover {
color: #6A6F4E;
background-color:#e0dec2;
}

#nav ul ul ul :hover > a {

color: #6A6F4E;
background-color:#e0dec2;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul {
visibility:hidden;
position:absolute;
height:0;
top:41px;
left:534px; 
width:144px;
margin-top:7px;
}

/* another hack for IE5.5 */
* html #nav ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
#nav ul ul ul{
left:171px; 
top:55px;
width:120px;
z-index:1;
position:absolute;

}

/* style the table so that it takes no part in the layout - required for IE to work */
#nav table {position:absolute; top:0; left:0;}

/* style the second level links */
#nav ul ul a{
background:#bdb6a4;
color:#63554c; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:150px;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
border:1px solid #63554c; 
border-width:0px 1px 1px 1px;
/* yet another hack for IE5.5 */
}
* html #nav ul ul a{
width:150px;
w\idth:129px;
}

/* style the second level hover */
#nav ul ul a:hover {
color: #6A6F4E;
background-color:#e0dec2;
}

/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul,
#nav ul a:hover ul{
visibility:visible;
 
}
/* keep the third level hidden when you hover on first level list OR link */
#nav ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#nav ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#nav ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
#nav ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

#header{
text-align:right;
margin:0px 565px 0px 0;
}

#top_border{
height:6px;
}

#content{
position:relative;
padding:30px;
background-color:#bdb1a4;
float:left;
display:inline;
width:633px;
margin:17px 0 30px 0;
}

#content ul{
margin:0px;
padding:0px;
}

#content ul li{
list-style:none;
}

#content h1{
color:#4e433c;
font:28px bold Verdana;
text-decoration:underline;
margin-top:0;
}

#content h2{
color:#4e433c;
font:18px bold Verdana;
width:500px;
text-decoration:underline;
text-align:left;
padding-top:12px;
margin-bottom:-5px;
}


#content h3{
color:#4e433c;
font:12px Verdana;
width:500px;
text-align:justify;
}

#content h3 ul li{
margin-top:5px;
}

#content ul li{
list-style:none;
}

.left{
width:110px;
float:left;
margin-left:25px;
}

.right{
width:130px;
float:left;
margin-left:278px;
}

.services_right{
width:200px;
float:left;
margin-left:25px;
}


#content h4{
color:#4e433c;
font:8px Verdana;
padding-top:7px;
}


#footer {
color:#4e433c;
font:8.5px Verdana;
padding:8px 0 8px 45px;
width:87%;
border-top:solid thin #4e433c;
}

.tl
{top:0px; left:0px; background:url(../images/corners.jpg) top left no-repeat;}

.tr
{top:0px; right:0px; background:url(../images/corners.jpg) top right no-repeat;}

.bl
{bottom:0px; left:0px; background:url(../images/corners.jpg) bottom left no-repeat;}

.br
{bottom:0px; right:0px; background:url(../images/corners.jpg) bottom right no-repeat;}

.corner
{width:20px; height:20px; position:absolute; z-index:1;}



.tl2
{top:0px; left:0px; background:url(../images/corners2.jpg) top left no-repeat;}

.tr2
{top:0px; right:0px; background:url(../images/corners2.jpg) top right no-repeat;}

.bl2
{bottom:0px; left:0px; background:url(../images/corners2.jpg) bottom left no-repeat;}

.br2
{bottom:0px; right:0px; background:url(../images/corners2.jpg) bottom right no-repeat;}

.corner2
{width:20px; height:20px; position:absolute; z-index:1;}