body	
{
font-family: serif;
background-image: url('/image/background.jpg');
color: #000000;
/*background-repeat: repeat*/
}



#content {
	padding: 10px;
	margin: 0px 10px 10px 10px;
	/*background-color: #ffffff;*/
	color: #000000;
	/*clear: left;*/
	/*float: left;*/
}

#footer {
	text-align: center;
	padding: 10px 10px 10px 10px;
	color: #000000;
	font-size: 12px;
	clear: left;
}

#footer a {
color: #000000;

}

#footerleft {
	float: left;
	text-align: center;
	padding: 10px 10px 10px 10px;
	color: #000000;
	font-size: 12px;
}

#footerright {
	float: right;
	text-align: center;
	padding: 10px 10px 10px 10px;
	color: #000000;
	font-size: 12px;
}

div#menuleft {
float:left;
}

div.clearer {clear: left; line-height: 0; height: 0;} 


p.center {
text-align: center;
}


p.right {
text-align: right;
}

ol.sitelist {
	margin: 2px 1em 1em 2em;
}

#rightpic {
    font-family: ariel,sans-serif;
    font-size: 12px;
    line-height: 14px;
    padding: 1em 0em 1em 1em;
    page-break-inside: avoid;
    float: right;
    margin: 2px 0em 2px 1em;
    border: 0px;
}

p.rightpic {
    font-family: ariel,sans-serif;
    font-size: 12px;
    line-height: 14px;
    padding: 1em 0em 1em 1em;
    page-break-inside: avoid;
    float: right;
    margin: 2px 0em 2px 1em;
    border: 0px;
}

p.leftpic {
    font-family: ariel,sans-serif;
    font-size: 12px;
    line-height: 14px;
    padding: 1em 20px 1em 10px;
    page-break-inside: avoid;
    clear: left;
    float: left;
    margin: 2px 2px 2px 0px;
    border: 0px;
    text-align: center;
}

ul.leftmenu2 {
    width: 150px;
    font-family: ariel,sans-serif;
    font-size: 12px;
    line-height: 14px;
    padding: 2em 10px 2em 10px;
    page-break-inside: avoid;
    clear: left;
    float: left;
    margin: 2px 2px 2px 0px;
    text-align: left;
}

p.leftpicmovie {
    font-family: ariel,sans-serif;
    font-size: 12px;
    line-height: 14px;
    padding: 1em 20px 1em 10px;
    page-break-inside: avoid;
    float: left;
    margin: 2px 2px 2px 0px;
    z-index: -1;
}


#sidebar {
		font-size:12px;
		color: #000000;
		float:right;
		width:240px;
		padding: 12px 0px 5px 0px;
}

h1 {
font-size:24px;
padding-top:10px;
text-align: center;
}

h2 {
font-size:18px;
text-align: center;
}

h1.white {
font-size:1px;
padding-top:10px;
color: #ffffff;
}

h2.white {
font-size:1px;
color: #ffffff;
}

p.reverse {
background-color: #4f657a;
color: #ffffff;
padding: 3px 10px 3px 10px;
}

p.totop a {
	text-align: center;
	color: #ffffff;
 	background: #4f657a;
 	padding: 5px 10px 5px 10px;
 }
 

span.bold {
font-weight: bold;
}

span.italic {
font-style: italic;
}

span.underline {
	text-decoration: underline;
}

span.moreinfo {
	font-size: 9px;
}

span.subhead {
	font-size: 12px;
	font-weight: bold;
}

ul.sub {
	list-style-type: none;
}

ul.leftmenu {
	list-style-type: none;
}

ul.content {
	margin-left: 160px;
}
img {border: none;}

hr.faq {
	height: 4px;
	width:300px;
	background: #009ce7;
}

hr.divider {
	height: 8px;
	width:400px;
	background: #000000;
}
 
 /* CSS for left menu system */

#navleft, #navleft ul { /* all lists */
		margin: 0px 35px 0px 0px;
		padding: 0px;
		list-style: none;
		float : left;
		width : 10em;  /*Controls the width of the containing UL. */		
		background: #ffffff;  /* the full background all levels */
		/*border : 1px solid #00ffff;   */
	}
	
	#navleft li { /* all list items */
		position : relative;
		float : left;
		/*line-height : 1.50em;*/
		margin : 0px 0px -1px 0px;
		padding: 0px 0px 10px 0px;  /* spaces out the menu items vertically */
		width: 10em;  /* Careful - if this is too large it overlaps the submenu so that the mouse won't work right.     */
	}
	
	#navleft li ul { /* second-level lists */
		z-index:2; /* This puts the second level menus above the first level so the mouse works ok */
		position : absolute;
		left: -999em;
		margin-left : 10em;  /* Controls position of 2nd menu on right of 1st menu */
		margin-top : -1.35em;
		border-left: #000000 1px solid; /*on left side of second level menu */
		padding: 15px 3px 2px 3px;  /*pads away from the left border and moves the 2nd menu down 15 px*/
	}
	
	#navleft li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#navleft li a {
		font-size: 14px;
		width: 11em;  /* Controls the width of the box within which the top menu level resides. This must be wide enough so that it overlaps the secondary menu UL or the mouse won't work right. */
		display : block;
		color : #003399;
		font-weight : bold;
		text-decoration : none;
		/* background: #b0e5f2;  background for li at all menu levels - not for the ul */
		/* border-bottom :1px solid #000000; the border before rollover*/
		/*padding : 0px 0.5em 10px 0px;*/
		padding: 0px 5px 10px 0px;
		
	}
	
	#navleft li a:hover {  /* Controls the colors when the mouse is over them. */
		color : #000000;
		border-bottom :1px solid #000000;  /* appears upon rollover */
		/*background-color : #999966;*/
	}
	
	#navleft li:hover ul ul, #navleft li:hover ul ul ul, #navleft li.sfhover ul ul, #navleft li.lefthover ul ul ul {
		left: -999em;
	}
	
	#navleft li:hover ul, #navleft li li:hover ul, #navleft li li li:hover ul, #navleft li.lefthover ul, #navleft li li.lefthover ul, #navleft li li li.lefthover ul { /* lists nested under hovered list items */
		left: auto;
	}

 /*End CSS for left menu system */
 
 /* CSS for interior menu system */
 
a.submenu {
	text-decoration : none;
	background: #c6ce94;
	margin: 0;
	padding: 2px 1em 2px 1em;
	color: #003399;
	font-size: 12px;
}
a.submenu:hover {
	color: #7d7d7d;
}
	

/*End CSS for interior menu system */
 
/* CSS for form on contact us page */
input.text 	{
	font-family: verdana, arial, helvetica, sans-serif; 
	background-color: #ffffff; 
	color: #000000; 
	font-size: 12px; 
	border: 1px solid #003300; 
	margin: 0px; 
	padding: 0px; 
	max-width: 400px;
}

table.numbers {
	text-align: center;
	border-style: solid;
	border-width: 1px;
	margin-left: auto;
	margin-right:auto;
}

td.numbers {
	border-style: solid;
	border-width: 1px;
	padding: 2px;
}


/*table.photos {
padding: 5px;
font-size: 12px;
}

td.photos {
	padding: 5px 5px 30px 30px;
	text-align: center;
}
*/

table.webform  { 
background-color:#FFFFCC ;
font: 10pt verdana;
border-width:1px; 
border-style:solid;
border-color:black; 
} 

table.contacts th, td {
	text-align: left;
	margin: 0;
	padding: 3px 15px;
}

tr.tablehead {
	font-weight: bold;
}

a.content:link {color: #4f657a; text-decoration: underline}
a.content:visited {color: #000000; text-decoration: underline}
a.content:hover {color: #C78039; text-decoration: underline;}
a.content:active {color: #FFFF66; text-decoration: underline}

td.leftgray {
	text-align: left;
	margin: 0;
	padding: 3px 15px;
	background: #d0d0d0;
	color: #000000;
	}
	
td.rightgray {
	text-align: right;
	margin: 0;
	padding: 3px 15px;
	background: #d0d0d0;
	color: #000000;
	}
td.right {
	text-align: right;
	margin: 0;
	padding: 3px 15px;
	background: #ffffff;
	color: #000000;
	}


table.calendar td {
border: 1px #000000 solid;
}

table.calendar{
	margin-left: auto;
	margin-right:auto;
}

/* Start CSS for links page */
div.photo  {
  margin:2px 2px 10px 2px;
  border:0;
  height:170px;
  width:auto;
  float:left;
  text-align:center;
  }
div.photo img {
  display:inline;
  margin:3px;
  border: 0;
  }

div.description {
  text-align:center;
  font-weight:normal;
  width:125px;
  margin:2px;
  font-size: 10px;
  }
 /* End CSS for Image Gallery */
 
  ol.caps  { 
  list-style-type: upper-alpha;
  font-weight: bold;
  margin-left: 12em;
  }
  
  ol.small {
  list-style-type: lower-alpha;
  }
  
 p.ol {
 font-weight: normal;
 }
 
  
.blue {
color: #006fa4;
}