/* ------------------------------------------------------------------------

CSS sheet for St. Martin Heritage Park

Author: Kyle Herminath

Date Created: 11/25/2007


All inquiries for this document should be directed to herminath@abtechinc.net.


--------------------------------------------------------------------------

COLORS


White Background - #000000

Greenish Yellow - #B2A500

Dark Red - #822600

------------------------------------------------------------------------ */

/* -----------------------------------------------------------------------

MAIN DESIGN ELEMENTS

-------------------------------------------------------------------------*/
a{
	text-decoration: none;
}
img
{  border-style: none;
}
body{
	background-color:#FFF;
	color:#000;
	text-align: center;
	font: 12px/1.5em Arial, sans-serif; 
}

#wrap{
	width: 901px;
	margin: auto;
}

ul {
	list-style: none;
}

li ul {
  display: none;
  position: absolute; 
  left: 195px;
  *left: 232px;
}
/* -----------------------------------------------------------------------

MAIN CONTENT ELEMENTS

-------------------------------------------------------------------------*/

#content
{
   	/*float:none;*/
   	display:block;
    background: #822600 url(images/bgleft.gif) repeat-y;
}

p{
    	/*margin: 0em 0;*/
	padding: 0px 0px;
	color:#000000;
}

div.start{
	margin-top:15px;
	padding: 0px 16px;
	font-style:italic;
	font-weight:bold;
	clear:both;
}

div.content{
	padding: 0px 26px;
}

div.content a {
	color: #996600;
}
/* -----------------------------------------------------------------------

HEADER ELEMENTS

-------------------------------------------------------------------------*/
#header{
   	text-align:left;
}
#logoimg {
	float:left;
	width: 180px;
	height: 250px;
}
#headerimg{
	float:right;
	width: 720px;
	height: 250px;
	background-repeat: no-repeat;
}

h1{
	font-size: 10%;
	text-indent: -9999px;
}

h2{
	font-weight:normal;
	padding: 14px 16px;
	margin-top:25px;
}

/* -----------------------------------------------------------------------

NAVIGATION ELEMENTS

-------------------------------------------------------------------------*/
#nav {
  margin-top: -5px;
  *margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 140px;
  *margin-left: 181px;
}

#nav a {
  text-decoration: none;
}

#nav li {
  /*float the main list items*/
  margin: 0;
  display: block;
  float: left;
}

#nav li a {
  /*for all links in the list*/
  color: #ffffff;
  display: block; 
  font-weight: bold;
  height: 19px;
 *height: 21px;
  width: 132.5px;
  border-right: 2px solid #FFFFFF;
  padding: 5px;
}

#nav li.off {
	background:#822600; 
}

#nav li.off ul, #nav li.on ul {
  /*put the subnavs below and hide them all*/
  float: left;
  display: none;
  position: absolute;
  height: 19px;
  padding-top: 0px;
  /*put the subnav below*/
  top: 282px;
  *top: 296px; /*reposition for IE*/
  left:27%;
}

#nav li.on ul {
  /*display active subnav list*/
  display: block;
  background:black;
}

#nav li.off a:hover, #nav li.off:hover a {
  background: #ffffff;
  color: #822600;
}

#nav li.off:hover ul {
  /*  display the other topics when
      their parent is hovered */
  display: block;
  z-index: 6000;
}

#nav li.off:hover ul, #nav li.over ul { 
  display: block;
  z-index: 6000;
}

#nav li.on a {
  /*change border color for active topic area*/
}

#nav li.on ul a, #nav li.off ul a {

  /*ie doesn't inherit the float*/
  border: 0px;
  color: #f90;
  width: auto;
}

#nav li.off a:hover,
#nav li:hover a,
#nav li.over a {
  background: #FFF;/*ECECEC*/
  color: #000;
}
/* -----------------------------------------------------------------------

LEFT CONTENT ELEMENTS

-------------------------------------------------------------------------*/
#leftcontent{
	clear:both;
	width: 180px;
	text-align: center;
	background-image:url('images/bgleft.gif');
	background-repeat:repeat-x;
	background-color:#B2A500;
	float: left;
	display:block;
}
#leftcontent p{
	margin-top:50px;
	padding: 0px 20px;
	font-size:medium;
	font-weight:bold;
	color:#CCE69D;
	line-height: 30px;
}
#leftcontent p.smSpacing{
	margin-top:25px;
	margin-bottom:50px;
	padding: 0px 20px;
	font-size:small;
	font-weight:bold;
	font-style:italic;
	line-height: 24px;
}
div.signature{
	float: right;
	color: #822600;
	margin-right: 5px;
}
#leftcontent a{
	margin-right:5px;
	font-weight:bold;
	text-align:right;
	float:right;
	clear:right;
	color: #822600;
}
/* -----------------------------------------------------------------------

RIGHT CONTENT ELEMENTS

-------------------------------------------------------------------------*/
#rightcontent{
	float:right;
	background-color: #FFFFFF;
	text-align: left;
	display: block;
	width: 720px;
}
a.rightside {
	text-decoration:none;
	color:#996600;
	text-align:right;
	float:right;
	clear:right;
	font-weight:bold;
}
a.rightinside {
	font-weight: bold;
	color:#822600;
	text-decoration:none;
	float:right;
	margin-right:10px;
}
a.rightinsidecalendar {
	margin-top:-30px;
	font-weight: bold;
	color:#822600;
	text-decoration:none;
	float:right;
	margin-right:10px;
}
/* -----------------------------------------------------------------------

FOOTER ELEMENTS

-------------------------------------------------------------------------*/
#footer{
	float:none;
	clear: both;
	display: block;
}

#footer p{
	color:#666666;
	margin: 0px;
	line-height: 1.3em;
}

#footer ul{
	margin-left:-35px;
	*margin-left:10px;
	list-style-type: none;
	display: block;
}

#footer li{
	display: inline;
	margin-right: 15px;
}

#footer a{
	color:	#996600;
}

#footer a:hover{
	color: #000;
}
/* -----------------------------------------------------------------------

GALLERY ELEMENTS

-------------------------------------------------------------------------*/

.gallerythumbs{	
	float:right;
	border:none;
	height:425px;
	width:33%;
	overflow: auto;
	margin-top: 25px;
}

.gallerythumbs img{
	margin: 0 1px;
	border: 1px solid black;
}

.main{
	margin: 15px 0px;	
	border-right: 1px dashed #;
}

img.mainpic {
	margin-left: 10px;
	margin-top: 25px;
	float: left;
	border: 1px solid black;
}
/* -----------------------------------------------------------------------

CONTACT ELEMENTS

-------------------------------------------------------------------------*/

iframe.map {
	float: right;
	width: 450px;
	height: 350px;
	marginwidth: 0px;
	marginheight: 0px;
}