/* CSS Document */

a[href]:link {
color:black;
text-decoration:none;
}
a[href]:visited {
color:#993300;
text-decoration:none;
}
a[href]:hover {
color:#000000;
font-weight:bold;
text-decoration:underline;
}
a[href]:name {
color:black;
text-decoration:none;
}
#info-area a:link, #info-area a:visited	{
	color: #993300;
	text-decoration: underline;
}
#info-area a:hover	{
	font-weight: bold;
}
	

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
}

h2  {
font-family:Arial, Helvetica, sans-serif;
font-size: 35px;
color:#FFFFFF;
text-align:left;
}
#info-area h2 {
	color: #993300;
	font-size: 30px;
}

html>body{
background-image:url(bgtile1.jpg);
background-position:bottom right;
background-repeat:repeat;
background-attachment:fixed;
}

#box {
margin-left:5%;
margin-right:5%;
background-color:#EDDABC;
border:dotted 8px;
}

#header {
background-image:url(orangesilhouette2.jpg);
background-repeat:repeat-x;
background-position:center;
height:188px;
border:dotted;
}

hr {
border-top: dotted 0px;
border-bottom:dotted 8px;
border-bottom-color:#000000;
border-left: 0px;
border-right: 0px;
}




#menu {
float:left;
margin-top:10px;
margin-left:10px;
border-top:dotted 8px;
background-color:#EDDABC;
}

.menutitle{
cursor:pointer;
margin-top: 10px;
margin-bottom: 10px;
width:200px;
padding:2px;
text-align:center;
font-weight:bold;
border:1px solid #000000;
background-color:#bb8809;
}

menutitle:hover { /* for nonlink menutitles to have same hover effect as links */
color:black;
font-weight:bold;
text-decoration:underline;
}


.submenu{
width:200px;
margin-bottom: 10px;
border:solid, 1px;
margin-left:10px;
}

#info-area {
margin-top: 10px;
margin-left:230px;
margin-right:20px;
padding-left:20px;
border-top: dotted 8px;
border-left:dotted 8px;
background-color:#EDDABC;
}

table.floatRightT {
float:right;
margin: 10px;
}

table.links {
float:right;
margin: 10px;
background-color:#D7AB71;
}

img.floatLeft { 
float: left; 
margin: 10px;
border: dotted 4px; 
}

img.floatRight { 
float: right; 
margin: 10px;
border: dotted 4px; 
}

img.call {
float: right;
margin: 10px;
border:none;
}

img.map {
margin: 10px;
border:none;
}

#footer {
background-color:#EDDABC;
border-top: dotted 8px;
text-align:right;
margin-right:5px;
}

