/* CSS Document */

/*
CSS - House on the Rocks
*/

BODY{
	margin : 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0.5em;
	background-image: url(images/bodybackground.gif);
	background-repeat: repeat;
	text-align: center;
	height:100%; /* needed for container min-height */
	 }
	 
html, body {
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
}

div#maintop {
	width: 900px;
	height: 100px;
	margin:0;
	background-color:#ffffcc;
	background-repeat: no-repeat;
	}
	
div#toplogo {
    margin:0px;
	width: 900px;
	height: 93px;
	border: 1px;
	border-style: solid;
	background-image: url(images/logo3.jpg);
	background-repeat: no-repeat;
	text-align: left;
} 

#navcontainer
{
width: 900px;
padding-bottom: 0;
height: 20px;
margin-top: 3px;
padding-right: 4px;
}

#navcontainer ul
{
background-color: #ffffcc;
color: Black;
margin: 0px;
padding: 0px;
width: 100%;
height:100%;
font-family: "Trebuchet MS", "Times New Roman", Arial
}


#navcontainer ul li
{
display: block;
float: right;
text-align: center;
border-style: solid;
border: 1px;
border-color: black;
}

#navcontainer ul li a
{
background: #669999;
width: 110px;
height: 20px;
color: white;
display: block;
text-align: center;
font: normal 14px/18px "Trebuchet MS", "Times New Roman", Arial ;
font-weight: bold;
}

#navcontainer li.active a {
    background: #ffffcc;
	color: #006666;
}

#navcontainer ul li a:hover
{
color: #006666;
background: #ffffcc;
}

#navcontainer a:active
{
background: #ffffcc;
color: #006666;
}

#navcontainer li#active a hover
{
background: #ffffcc;
color: #006666;
}

/*mainbody index*/

#content {
	margin: 0px;
	width: 100%;
	overflow: hidden;
	 margin-top: 0px;
 padding-bottom: 10px;
 background: #ccffff;
 border: 1px;
 border-style: solid;
	
}

div#mainbody {
 width: 900px;
 height: 440px;
 margin-top: 5px;
 padding-bottom: 10px;
 background: #ccffff;
 border: 1px;
 border-style: solid;
}


#mainbody h1 {
	font-weight: normal;
	color: #ccffff;
	font-size: 13px;
	font-style: normal;
	line-height: 12pt;
	text-align:center;
	padding-left: 5px;
}

#mainbody h2 {
	font-weight: normal;
	color: #ccffff;
	font-size: 10px;
	font-style: normal;
	line-height: 0pt;
	text-align:right;
	padding-right: 5px;
}

#contentright {
  background-color: #ccffff;
 padding: 0px;
	width: 480px;
	float: left;
	margin-top: 0px;
	margin-left: 20px;
}

#contentleft {
 background-color: #ccffff;
 padding: 0px;
	width: 400px;
	float: left;
	margin-top: 0px;
}

#contentcenter {
float: left;
top: 410px;
width: 900px;
left: 0;
height: 30px;
background-color: #ccffff;
}
#contentcenterx {
float: left;
width: 900px;
left: 0;
height: 30px;
background-color: #ccffff;
}

#contentcenterx h1 { 
 font-weight: normal;
	color: #333333;
	font-size: 18px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	text-align:center;
	line-height: 18pt;
	padding-top: 20px;
}

#contentright h1 { 
 font-weight: normal;
	color: #333333;
	font-size: 18px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	text-align:justify;
	line-height: 18pt;
	padding-top: 15px;
}

#contentright h2 { 
 font-weight: bold;
 font-style:italic;
	color: #333333;
	font-size: 14px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	text-align:center;
	line-height: 14pt;
}

#contentright h5 { 
 font-weight: bold;
	color: #330000;
	font-size: 14px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: italic;
	text-align:left;
	line-height: 16pt;
	padding-top: 0px; 
}

#contentright h3 { 
 font-weight: bold;
	color: #330000;
	font-size: 16px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	text-align:left;
	line-height: 16pt;
	padding-top: 0px; 
}

#contentleft h1 { 
 font-weight: normal;
	color: #330000;
	font-size: 18px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	text-align:left;
	line-height: 16pt;
	padding-left: 10px;
	padding-top: 15px; 
}

#contentleft h2 { 
	color: #330000;
	font-size: 13px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	text-align:left;
	line-height: 12pt;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px; 
}

#contentleft h5 { 
 font-weight: bold;
	color: #330000;
	font-size: 14px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: italic;
	text-align:left;
	line-height: 16pt;
	padding-left: 10px;
	padding-top: 0px; 
}

#contentcenter h1 { 
 font-weight: bold;
	color: #330000;
	font-size: 14px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	text-align:center;
	margin-top: 5px;	
}

#contentrights {
  background-color: #ccffff;
 padding: 0px;
	width: 460px;
	float: left;
	margin-top: 0px;
	margin-left: 40px;
}

#contentrights h1 { 
 font-weight: normal;
	color: #330000;
	font-size: 18px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	text-align:left;
	line-height: 18pt;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
}

#contentrights h2 { 
 font-weight: bold;
 font-style:italic;
	color: #333333;
	font-size: 14px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	text-align:left;
	line-height: 14pt
}

#contentrights h5 { 
 font-weight: bold;
	color: #330000;
	font-size: 14px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: italic;
	text-align:left;
	line-height: 14pt;
}

#contentrights h3 { 
	color: #330000;
	font-size: 13px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	font-weight:normal;
	text-align:left;
	line-height: 12pt;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px; 
}

#contentrights h4 { 
color: #330000;
	font-size: 13px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	font-weight:normal;
	text-align:left;
	line-height: 12pt;
	padding-right: 10px;
	padding-top: 0px; 
}

#contentrights h6 { 
color: #330000;
	font-size: 13px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	font-weight:normal;
	text-align:center;
	line-height: 12pt;
	padding-right: 0px;
	padding-top: 20px; 
}

#scroller {
float: left;
 top: 5px;
 left: 0px;
 width: 887px;
 height: 445px;
 background-color: #ccffff; 
 color: white; 
 margin: 0;
 padding-right: 0px; 
 padding-left: 10px;
 overflow:auto;
scrollbar-highlight-color: #669999;
scrollbar-arrow-color: black;
scrollbar-face-color: #ccffff;
scrollbar-track-color: #669999;
}

#scroller h3 { 
 font-weight: normal;
	color: #330000;
	font-size: 13px;
	font-style: normal;
	line-height: 12pt;
	text-align: left;
	padding-right: 0px;
	padding-top: 0px; 
}
#scroller h4 { 
 font-weight: bold;
	color: #330000;
	font-size: 15px;
	font-style: normal;
	line-height: 12pt;
	text-align: left;
	padding-right: 0px;
	padding-top: 0px; 
}

/*content other pages*/

#contentrightb { 
 height: 1200px;
 width: 350px;
  background-color: #ccffff;
 padding: 0px;
	float: left;
	margin-top: 0px;
	margin-left: 20px;
}

#contentleftb {
 width: 480px;
 height: 1200px;
 background-color: #ccffff;
 padding: 0px;
	float: left;
	margin: 0px;
}

#contentrightb h1 { 
 font-weight: normal;
	color: #333333;
	font-size: 16px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	text-align:center;
	line-height: 20pt;
	padding-left: 0px;
	padding-top: 5px;
}

#contentrightb h2 { 
 font-weight: bold;
 font-style:italic;
	color: #333333;
	font-size: 14px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	text-align:center;
	line-height: 12pt;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px; 
}

#contentleftb h1 { 
 font-weight: normal;
	color: #330000;
	font-size: 18px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	text-align:justify;
	line-height: 16pt;
	padding-left: 10px;
	padding-top: 20px; 
}

#contentleftb h2 { 
 font-weight: normal;
	color: #330000;
	font-size: 13px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	text-align:justify;
	line-height: 12pt;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px; 
}


#contentcenterb h1 { 
 font-weight: bold;
	color: #330000;
	font-size: 14px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	text-align:center;
	margin-top: -15px;
	
}

/*content outside page*/

#contentrightc { 
 height: 285px;
 width: 420px;
  background-color: #ccffff;
 padding: 0px;
	float: left;
	margin-top: 0px;
	margin-left: 20px;
}


#contentleftc {
 width: 460px;
 height: 285px;
 background-color: #ccffff;
 padding: 0px;
	float: left;
	margin-top: 0px;
}

#contentrightcc {
 height: 430px;
 width: 350px;
  background-color: #ccffff;
 padding: 0px;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}

#contentleftcc {
 width: 530px;
 height: 440px;
 background-color: #ccffff;
 padding: 0px;
	float: left;
	margin-top: 0px;
}


#contentrightcc h1 { 
 font-weight: normal;
	color: #333333;
	font-size: 16px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	text-align:center;
	line-height: 20pt;
	padding-right: 10px;
	padding-top: 3px;
}

#contentleftcc h1 { 
 font-weight: normal;
	color: #330000;
	font-size: 18px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	text-align:justify;
	line-height: 16pt;
	padding-left: 10px;
	padding-top: 20px; 
}

#contentleftcc h2 { 
 font-weight: normal;
	color: #330000;
	font-size: 13px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	text-align:justify;
	line-height: 12pt;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px; 
}

#contentcenterc {
height: 150px;
float: left;
width: 900px;
margin-top: 15px;
height: 30px;
background-color: #ccffff;
}

#contentrightc h1 { 
 font-weight: normal;
	color: #333333;
	font-size: 16px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	text-align:center;
	line-height: 20pt;
	padding-right: 20px;
	padding-top: 15px;
}

#contentrightc h2 { 
 font-weight: bold;
 font-style:italic;
	color: #333333;
	font-size: 14px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	text-align:center;
	line-height: 12pt;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px; 
}

#contentleftc h1 { 
 font-weight: normal;
	color: #330000;
	font-size: 18px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	text-align:justify;
	line-height: 16pt;
	padding-left: 10px;
	padding-top: 20px; 
}

#contentleftc h2 { 
 font-weight: normal;
	color: #330000;
	font-size: 13px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	text-align:justify;
	line-height: 12pt;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px; 
}


#contentcenterc h1 { 
 font-weight: bold;
	color: #330000;
	font-size: 14px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	text-align:center;
	margin-top: 5px;
}


/*content directions page*/

#contentrightd { 
 height: 600px;
 width: 600px;
 background-color: #ccffff;
 padding: 0px;
	float: left;
	margin-top: 5px;
	margin-left: 20px;
}

#contentleftd {
 width: 230px;
 height: 600px;
 background-color: #ccffff;
 margin-left: 0px;
 padding: 0px;
	float: left;
	margin-top: 5px;
}

#contentleftd h1 { 
 font-weight: normal;
	color: #333333;
	font-size: 16px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	text-align:center;
	line-height: 20pt;
	padding-left: 0px;
	padding-top: 15px;
}

#contentleftd h2 { 
 font-weight: bold;
 font-style:italic;
	color: #333333;
	font-size: 14px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	text-align:center;
	line-height: 12pt;
	padding-right: 10px;
	padding-left: 20px;
	padding-top: 0px; 
}

#contentrightd h1 { 
 font-weight: normal;
	color: #330000;
	font-size: 18px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	text-align:left;
	line-height: 16pt;
	padding-left: 10px;
	padding-top: 15px; 
}

#contentrightd h2 { 
 font-weight: normal;
	color: #330000;
	font-size: 13px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	text-align:left;
	line-height: 12pt;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px; 
}

#contentcenterd h1 { 
 font-weight: bold;
	color: #330000;
	font-size: 14px;
	font-family: "Trebuchet MS", "Times New Roman", Arial ;
	font-style: normal;
	text-align:center;
	margin-top: -15px;
	
}

.picture {
border:solid 1px #000000;
}

/* footer */
div#footer {
	width: 900px;
	height: 20px;
	background-color: #669999;
	margin-top: 0.2em;
	border: 1px;
	border-style: solid;
}

#footer h1 { 
	color: white;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

/* Links */

a:link {
color:#3333ff;
text-decoration : none; 
padding : 0;
margin : 0;
}
a:visited {
color:#0000ff; 
text-decoration : none; 
}
a:hover {
color:#000066;
text-decoration : none; 
}
a:active {
color:#000066; 
}

/* TEXT STYLE */


p {
	font-weight: normal;
	color: #ffffff;
	font-size: 13px;
	font-style: normal;
	line-height: 12pt;
	text-align:right;
	padding-left: 5px;
}