/* CSS Document */

body {
width: 100%;
margin: 0 auto;
padding: 0;
background: url(../img/bgSmall.gif) repeat;
color: #fff;
font-family: arial, verdana;
}

#quote {
font-family: arial, verdana;
font-style: italic;
font-size: 12px;
line-height: 1.5em;
color: #cac460;
margin-top: 115px;
padding-left: 20px;
padding-right: 20px; 
}

.flashBox {
width: 786px;
height: 500px;
background: #000;
}

#copy {
	font-family: arial, verdana;
	font-style: normal;
	font-size: 15px;
	line-height: 1.2em;
	color: #fff;
	width: 500px;
	margin-left: 50px;
	border: 0px solid red;
	text-align: center;
}

#copy a:link, a:visited {
color: #fff;
text-decoration: none;
}

#copy a:hover {
color: #ccc;
text-decoration: none;
}

h1, h2, h3, h4, h5 {
color: #fff;
}

h2 {
font-family: arial, verdana;
font-weight:400;
margin-top: 75px;
font-size: 160%;
text-indent: 75px;
border: 0px solid red;
}

h3 {
	font-size: 110%;
	text-align: center;
}

h5 {
margin: 10px 0;
font-size: 110%;
font-weight: 700;

}

#container {
margin: 0 auto;
width: 788px;
border: 0px solid red;
background: transparent;
}

#main #leftContainer {
width: 170px;
height: 480px;
padding-top: 0px;
float: left;             
}

#translucentbkg {
width: 175px;
height: 2030px;	     
background-color: #666;       
filter:alpha(opacity=30);
-moz-opacity:0.3;
opacity: 0.3;
}

#opaquetext {
width: 170px;    
background-color: transparent;   
position: absolute;              
z-index: 2;                      
}


#main {
margin: 0px auto ;
width: 786px;
background: transparent;
}

#banner {
margin: 0;
padding: 0;
width: 786px;
height:  212px;
background: #000;
}

#main #right {
float: right;
margin-left: 155px;
margin-top: -480px;
padding-top: 30px;
width: 610px;
height: 2020px;
background: #000;
border: 0px solid #ccc;
}


#menu {
margin-left: 0;
height: 28px;
width: 634px;
background: #e0d55c;
padding-left: 150px;
}

#nav {
margin:0;	
padding: 0;
height: 28px;
list-style: none;
display: inline;
overflow: hidden;	
}

#nav li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
	}

#nav a {
float: left;
padding: 28px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:28px; /* for IE5/Win only */
}
	
#nav a:hover {
background-position: 0 -28px;
}

#nav a:active, #nav a.selected {
background-position: 0 -28px;
}
	
#hmhome a  {
width: 60px;
background: url(../nav/hidden_meadows_home.gif) top left no-repeat;
}
#hmabout a  {
width: 89px;
background: url(../nav/hidden_meadows_about.gif) top left no-repeat;
}
#hmweddings a  {
width: 95px;
background: url(../nav/hidden_meadows_weddings.gif) top left no-repeat;
}
#hmevents a  {
width: 113px;
background: url(../nav/hidden_meadows_Events.gif) top left no-repeat;
}
#hmgallery a  {
width: 77px;
background: url(../nav/hidden_meadows_gallery.gif) top left no-repeat;
}
#hmfavorites a  {
width: 87px;
background: url(../nav/hidden_meadows_favorites.gif) top left no-repeat;
}
#hmcontact a  {
width: 80px;
background: url(../nav/hidden_meadows_contact.gif) top left no-repeat;
}
#announce {
	font-family: arial, verdana;
	font-style: normal;
	font-size: 16px;
	line-height: 1.2em;
	color: #fff;
	width: 500px;
	border: 0px solid red;
	text-align: center;
}
.comment {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#announceheader {
	font-family: arial, verdana;
	font-style: normal;
	font-size: 22px;
	line-height: 1.2em;
	color: #fff;
	width: 500px;
	border: 0px solid red;
	text-align: center;
}