/* CSS Document */

#head {
padding-top: 8px;
padding-bottom: 7px;
padding-left: 12px;
text-align: left;
background: #FFFFFF;
border: 0;
}


#nav {
float: right;
text-align: left;
width: 390px;
margin: 0;
padding: 18px 0;

list-style: none;
border: 0;

}

#nav li {
float: left;
font-family: "Ariel", sans-serif;
font-size: 90%;
}

#content object {
padding-left: 20px;
}


#nav a {
float: left;
display: block;
margin-left: 30px;
margin-right: 30px;
width: auto;
text-align: center;
color: #d76f13;
text-decoration: ;
background-color: transparent;
}

#nav a:hover, body#home #t-home a {
color: #d76f13;

}


#nav a:hover, body#contact #t-contact a {
color: #d76f13;
}

#nav a:hover, body#services #t-services a {
color: #d76f13;
}

#nav ul{
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:1.5em;
 }
 
 #nav ul {
    position:absolute;
    width: 12em;
    top: 3em;
    display:none;
}

#nav li ul a{
    width: 10em;
    float:left;
}

#nav ul ul{
	top: left;
	}	

#nav li ul ul {
    left:12em;
    margin:0px 0 0 0px;
    }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
    }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
    }
    
#sub_menu a{
text-align: left;
background-color: #d76f13;
color: #FFFFFF;
display: block;
padding: 3px 0px 2px 7px;
}

#sub_menu a:hover {
color: #d76f13;
background-color: #e6e6e6;
}

#dl {
padding-left: 15px;
float:left;
}

#note{
clear: both;
font-size: 80%;
}

#footer {
width: 720px;
height: 80px;
clear: both;
text-align: center;
font-size: 75%;
background-color: #fff;
}

#footer p{
color: #d76f13;
}

#footer img{
border-width: 0px;
}

#footnav {
list-style: none;
text-align: center;
margin-left: 30px;
margin-bottom: 10px;
}


#footnav a{

margin: 0 12px;
float: left;
text-align: center;
}

#content-contact{
width: 520px;
float: left;
margin-left: 0;
margin-right: 0;
background-color: #FFFFFF;
height: 500px;
}

#content {
width: 460px;
float: left;
margin-left: 0;
margin-right: 0;
padding-top: 15px;

background-color: #FFFFFF;
height: 500px;
}

#content h3{
margin-left: 20px;
margin-bottom: 2px;
margin-top: 5px;
height: auto;

}

#content p{
margin-top: 3px;
margin-bottom: 0px;
margin-left: 20px;

}

#sidebar-contact {
text-align: left;
width: auto;
padding-top: 2px;
margin-right: 15px;
background-color: #FFFFFF;
height: auto;
}

#sidebar {
text-align: left;
padding: 15px 10px 15px 15px;
background-color: #FFFFFF;
height: auto;
}


#sidebar img{
text-align: left;
padding: 0px 5px 14px 15px;
background-color: #FFFFFF;
height: auto;
border-width: 0px;
}

#sidebar h3{
margin-top: 15px;
margin-bottom: 5px;
color: #FFFFFF;
text-align: left;
}

#content h4{
margin-bottom: 3px;
}

#sidebar p{
padding-left: 10px;
margin-top: 17px;
}

#photo {
padding-left: 5px;
padding-bottom: 5px;
}

#leftcol {
width: 300px;
float: left;
height: auto;
}

#rightcol {
width: 300px;
float: left;
height: auto;
}





#main-container {
background-color: #FFFFFF;
background: #FFFFFF;
height: 820px;
width: 720px;
margin-left: auto;
margin-right: auto
}

body {
margin: 0;
background-color: #e6e6e6;
font-family: "Ariel", sans-serif;
font-size: 90%;
}

A:link {
text-decoration: none;
color: #d76f13;
}
A:visited {
text-decoration: none;
color: #d76f13;
}
A:active {
text-decoration: none;
color: #d76f13;
}
A:hover {
text-decoration: underline; 
color: #d76f13;
}
