/* Basic Elements */



html,body{margin:0;padding:0; border:0}

body{
font: 80% verdana, trebuchet ms, arial, helvetica, sans-serif;
color:#000; 
text-align:left; 
background:#fff url(../assets/main_bg.jpg) repeat-x top left;
margin:0;
padding:0;
}

ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset{
  margin:0; 
  padding:0;
  border:0;
}



img {
	border: 0;
	}

/* Structure-------------------------------------------------------------- */

#container{
	position:relative;
	width:100%;
	margin-left:0 ;
	text-align:left;
	background: 	#fff url(../assets/main_bg.jpg)  repeat-x top left;
	
	}
	

#content{
padding-left: 250px;
}

/*#content_wed{
padding-left: 250px;
}

#content_meet{
padding-left: 250px;
}

#content_wine{
padding-left: 250px;
}

#content_act{
padding-left: 250px;
}

#content_prog{
padding-left: 250px;
}

#content_guest{
padding-left: 250px;
}

#content_gen{
padding-left: 250px;
}

#content_con{
padding-left: 250px;
}

#content_work{
padding-left: 250px;
} */

#sidebar{
position: 		absolute;
	top: 			517px;
	left: 			20px;
	width: 			255px;
}

#sidebar-vert{
position: 		absolute;
	top: 			517px;
	left: 			110px;
	width: 			167px;
}

#wed_pic{
position: 		absolute;
	bottom: 			10px;
	right: 			10px;
	width: 			192px;
}

/************************** Header*************************************/

.header{
position:relative;
margin:0px;
padding:0px;
border:0px;
height:426px;
width: 1080px;
}

/* Header BG images for individual pages */

#header_home {
background: #fff url(../assets/dissolve/home1.jpg) no-repeat top left;
}

#header_meetings, #header_accomodations {
background: #fff url(../assets/dissolve/meet.jpg) no-repeat top left;
}

#header_wine {
background: #fff url(../assets/dissolve/wine.jpg) no-repeat top left;
}

#header_activities {
background: #fff url(../assets/dissolve/act.jpg) no-repeat top left;
}

#header_family {
background: #fff url(../assets/dissolve/programs.jpg) no-repeat top left;
}

#header_weddings {
background: #fff url(../assets/dissolve/wedding.jpg) no-repeat top left;
}

#header_guest {
background: #fff url(../assets/dissolve/guest.jpg) no-repeat top left;
}

#header_gen {
background: #fff url(../assets/dissolve/generocity.jpg) no-repeat top left;
}

#header_contact, #header_photo_gallery {
background: #fff url(../assets/dissolve/contact.jpg) no-repeat top left;
}

#header_map {
background: #fff url(../assets/dissolve/contact.jpg) no-repeat top left;
}

#header_directions {
background: #fff url(../assets/dissolve/contact.jpg) no-repeat top left;
}

#header_generocity_workshops {
background: #fff url(../assets/dissolve/workshops.jpg) no-repeat top left;
}

#header_leaders {
background: #fff url(../assets/dissolve/workshops.jpg) no-repeat top left;
}

#header_guests {
background: #fff url(../assets/dissolve/workshops.jpg) no-repeat top left;
}

#header_get {
background: #fff url(../assets/dissolve/home1.jpg) no-repeat top left;
}

#header_default {
background: #fff url(../assets/dissolve/programs.jpg) no-repeat top left;
}

/* end bg images */

#header p {
	font-size: 80%;
	color:#8c7c60;
	text-align:right;
	padding: 22px 55px 0 0;
	}
	
#header p a {
	
	color:#c11a27;
	
	}	


.box{
text-align:left;
margin:0px;
padding:0px;
border:0px;
width: 660px;
margin-left:40px;
padding-top: 25px;
margin-bottom:0px;

}



/* Sidebar-------------------------------------------------------------- */


#sidebar{
background: #fff;
}

#sidebar img{ 
}

#sidebar p, #sidebar #mailing_list{
	font-size: 95%;
	line-height: 1.5em;
	margin: 1.9em .8em .2em .8em;
	text-align:left;
	color:#1d4f94;
	background-color:#fff;
}

#sidebar p.details{
	font-size: 75%;
	line-height: 1.5em;
	margin: 0.4em .8em .0em .8em;
	text-align:center;
	color:#1d4f94;
	background-color:#fff;
}





#sidebar h2{
	font: 100% verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-weight:bold;
	color:#6c8888;
	background-color:#fff;
	margin: 1.1em 0.0em;  
	
}

#sidebar h3{
	font: 90% verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-weight:bold;
	color:#6c8888;
	background-color:#fff;
	margin: .5em 0em 0.0em 0.0em;
	padding-top:1em;
	text-align:left; 

}

#sidebar h4{
	font-size: 95%;
	line-height: 1.5em;
	margin: 1.3em .8em .2em 1.3em;
	text-align:center;
	color:#1d4f94;
	background-color:#fff;

}

#sidebar a:link {
	font-family: verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color:#1d4f94;
	text-decoration:underline;
}

#sidebar a:visited {
	font-family: verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #1d4f94;
	text-decoration: underline;
}



#sidebar a:active {
	font-family: verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #1d4f94;
	text-decoration: underline;
}

#sidebar a:hover {
	font-family: verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #a8772a;
	text-decoration: underline;
}


/*#navList{
margin: 0;
padding-top: 0px;
padding-right:1px;
width: 220px;
background: #666 /*url(../layout_images/navbox_top.gif) no-repeat left top*/;
/*margin-left:10px;
margin-top: 5px;
}



#navListBottom{
background: *//*url(../layout_images/navbox_bottom.gif) no-repeat left bottom*/;
/*padding-bottom: 1px;
}

#navList ul {
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0.0em;
	list-style: none;
	}*/
	
	/* \*/
* html ul li a 
{height: 1%;}
/* Holly hack */

/*#navList li {
	color:#8d8d8d;
	line-height: 1.2em;
	font-size: 95%;
	text-indent: 1.0em;
}


#navList li a {
	display: block; 
  	background-color:#e8e8e8;
  	color: #fff;
  	text-decoration: none;
  	 padding: 5px 0px 5px 0px;
 	 font-size: 85%;
  	font-weight: normal;
  
}


#navList li a:link {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #006;
	text-decoration: none;
	text-align:left;
}

#navList li a:visited {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #006;
	text-decoration: none;
	text-align:left;
}
#navList li a:active {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #006;
	text-decoration: none;
	text-align:left;
}

#navList li a:hover {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #fff;
  	background-color:#006;
  	text-decoration: underline;
	text-align:left;
}

#navList #uberlink a:link, #navList #uberlink a:visited,
#navList #uberlink a:hover, #navList #uberlink a:active {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #006;
  	background-color:#fff;
  	text-decoration: none;
	text-align:left;
}

#navList #subCat a:link, #navList #subCat a:visited,
#navList #subCat a:active {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #900;
	text-indent: 25px;
	background-color:#e8e8e8;
  	text-decoration: none;
	text-align:left;
}

#navList #subCat a:hover {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #fff;
	text-indent: 25px;
	background-color:#006;
  	text-decoration: underline;
	text-align:left;
}

#navList #subCatUberlink a:link, #navList #subCatUberlink a:visited,
#navList #subCatUberlink a:hover, #navList #subCatUberlink a:active {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #900;
	text-indent: 25px;
	background-color: #fff;
  	text-decoration: none;
	text-align:left;
}

#navList #mainCat a:link, #navList #mainCat a:visited,
#navList #mainCat a:active {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #fff;
	text-indent: 0px;
	background-color:#900;
  	text-decoration: none;
	text-align:left;
	text-transform:uppercase;
	text-indent: 16px;
	font-weight: bold;
}

#navList #mainCat a:hover {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #fff;
	text-indent: 0px;
	background-color:#900;
  	text-decoration: underline;
	text-align:left;
	text-indent: 16px;
	text-transform:uppercase;
	font-weight: bold;
}

#navList #mainCatUberlink a:link, #navList #mainCatUberlink a:visited,
#navList #mainCatUberlink a:hover, #navList #mainCatUberlink a:active {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 85%;
	color: #fff;
	text-indent: 0px;
	background-color: #900;
  	text-decoration: underline;
	text-align:center;
	text-transform:uppercase;
	font-weight: bold;
}*/



/* top nav-------------------------------------------------------------- */


#topNavContainer {
	width: 100%;
	padding-left: 0px;
	margin-top: 0px;
	
	}

#topNav {
	max-width: 1080px;
	
	}

#nav {
	float: left;
	width: 100%;
	margin: 0;
	padding: 6px 0 0px 35px;
	list-style: none;
	background: #D6B46C;
	}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 0.0em;
	padding-right: 1.0em;
	font-family: verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-size: 95%;
	letter-spacing:.03em;
	}
#nav a {
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding: 1px 6px 3px 6px;
	color: #1d4f94;
	text-decoration: none;
	background: #D6B46C ;
	}

#nav a:hover, #nav a.current:link, #nav a.current:visited,
#nav a.current:hover, #nav a.current:active {
	color: #fff;
	padding-bottom: 4px;
	border-color: #8c7c60;
	background: #D6B46C;
}

/* Flash-------------------------------------------------------------- */

.error {
	background-color: red;
	padding: 5px;
	width: 700px;
	margin: 25px 25px -25px 25px;
	color: white;
	font-weight: bold;
}
  
.notice {
	background-color: green;
	padding: 5px;
	width: 700px;
	margin: 25px 25px -25px 25px;
	color: white;
	font-weight: bold;
}



/* Images-------------------------------------------------------------- */


.leftimage {
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 4px;
	float: left;
	display: inline;
}
.rightimage {
	float: right;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-top: 10px;
	display: inline;
}

/* Callout------------------------------------------------------------- */

.callOut {
	
	width: 65%;
	line-height: 17px;
	font-weight: normal;
	color: #900;
	text-align:center;
	margin-left: 20px;
	margin-top: 0px;
	padding-left: 10px;
	border-top: 2px solid #006;
	border-right: 2px solid #006;
	border-bottom: 2px solid #006;
	border-left: 2px solid #006;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 5px;
}








/* Typography-------------------------------------------------------------- */


.box p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
	margin: 1.1em 0.9em;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    line-height: 17px;
    border: solid 0px blue;
}

.box p.small {
	font-size: 90%;
	line-height: 1.1em;
	margin: 1.1em 1.1em;
	text-align:left;
	letter-spacing: 0.035em;
	color:#a8772a;
}





.box h1{
	font: 110% Arial, verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-weight:bold;
	color:#a8772a;
	margin: 1.0em 0.9em;  
	
}

.box h2{
	font: 135% Arial, verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-weight:bold;
	color: #393f93;
	margin: 2.7em 1.1em 0.8em 0.7em; 

}

.box h3{
	font: 105% Arial, verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-weight:bold;
	color:#a8772a;
	margin: 1.9em 1.1em 0.5em 0.9em; 

}

.box h6{
	font-size: 100%;
	line-height: 1.1em;
	margin: 0.2em 0.9em  1.8em 0.9em;
	text-align:left;
	letter-spacing: 0.035em;
	color:#a8772a; 

}




/*.box .titleImg{
	padding-left: 23px;
	padding-top: 20px;
}*/

/* Content Area Links-------------------------------------------------------------- */

p a:link {
	font-family: Arial, verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color:#1d4f94;
	text-decoration:underline;
	text-align:left;
}

p a:visited {
	font-family: Arial, verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #1d4f94;
	text-decoration: underline;
	text-align:left;
}



p a:active {
	font-family: Arial, verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #1d4f94;
	text-decoration: underline;
	text-align:left;
}

p a:hover {
	font-family: Arial, verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #a8772a;
	text-decoration: underline;
	text-align:left;
}

h3 a:link {
	font: 100% Arial, verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-weight:bold;
	color:#393f93;
	text-decoration:underline;
	text-align:left;
}

h3 a:visited {
	font: 100% Arial, verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-weight:bold;
	color: #393f93;
	text-decoration: none;
	text-align:left;
}



h3 a:active {
	font: 100% Arial,  verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-weight:bold;
	color: #393f93;
	text-decoration: none;
	text-align:left;
}

h3 a:hover {
	font: 100% Arial, verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-weight:bold;
	color: #393f93;
	text-decoration: underline;
	text-align:left;
}

h2 a:link {
	font: 100% Arial, verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-weight:bold;
	color:#393f93;
	text-decoration:underline;
	text-align:left;
}

h2 a:visited {
	font: 100% Arial, verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-weight:bold;
	color: #393f93;
	text-decoration: none;
	text-align:left;
}



h2 a:active {
	font: 100% Arial, verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-weight:bold;
	color: #393f93;
	text-decoration: none;
	text-align:left;
}

h2 a:hover {
	font: 100% Arial, verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-weight:bold;
	color: #393f93;
	text-decoration: underline;
	text-align:left;
}

/* Content Area Lists-------------------------------------------------------------- */


.box ul {
	margin-top: .0em;
	margin-left: 3.4em;
	margin-right: 3.3em;
	list-style:disc;
		}
		
.box ol {
	margin-top: .0em;
	margin-left: 1.3em;
	margin-right: 2.3em;
			}
		
.box li {
	color: #1d4f94;
	text-indent: 0.0em;
	line-height: 1.7em;
	font-size: 95%;
}

.longList li {
	color: #c11a27;
	text-indent: 0.5em;
	line-height: 1.4em;
	font-size: 95%;
}

.box li a:link {
	font-family: Arial,verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color:#a8772a;
	text-decoration:underline;
	text-align:left;
}
.box li a:visited {
	font-family: Arial, verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #a8772a;
	text-decoration: underline;
	text-align:left;
}


.box li a:active {
	font-family: Arial, verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #a8772a;
	text-decoration: underline;
	text-align:left;
}

.box li a:hover {
	font-family: Arial, verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #1d4f94;
	text-decoration: underline;
	text-align:left;
}

.home li {
	line-height: 3.0em;
	
}

/*Calendar-------------------------------------------------------*/

#calendar {
  width: 1000px;
}

#calendar_select, #calendar_months {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

#calendar_months {
  list-style-type: none;
  width: 815px;
}

#calendar_months li{
  display: inline;
  font-size: 19px;
  margin: 0 0.7em;
}

#calendar_months li a{
  font-family: serif;
  font-variant: small-caps;
  text-decoration: none;
}

#calendar_months li a.selected{
  color: #1D4F94;
}



/* Footer-------------------------------------------------------------- */

#footer {
	
	
	text-align: left;
	letter-spacing:.04em;
	font-size: 80%;
	color:#000;
	padding-top: 20px;
		
}



#footer p{
	padding-left: 0px;
	padding-top: 10px;
	font-size: 100%;
	line-height: 1.7em;
	text-align:center;
	
	 
}

#footer h3{
	padding-left: 0px;
	padding-top: 55px;
	font-size: 170%;
	text-align:center;
	color:#036;
	
	 
}

#footer h4{
	padding-left: 0px;
	padding-top: 10px;
	font-size: 100%;
	text-align:center;
	
	
	 
}

#footer p a:link {
	font-family: verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color:#8c7c60;
	text-decoration:underline;
	text-align:left;
}
#footer p a:visited {
	font-family: verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #8c7c60;
	text-decoration: underline;
	text-align:left;
}
#footer p a:hover {
	font-family: verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #c11a27;
	text-decoration: underline;
	text-align:left;
}

#footer p a:active {
	font-family: verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #8c7c60;
	text-decoration: underline;
	text-align:left;
}

#footer h4 a:link {
	font-family: verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color:#036;
	text-decoration:underline;
	text-align:left;
}
#footer h4 a:visited {
	font-family: verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #036;
	text-decoration: underline;
	text-align:left;
}
#footer h4 a:hover {
	font-family: verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #849f95;
	text-decoration: underline;
	text-align:left;
}

#footer h4 a:active {
	font-family: verdana, trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #036;
	text-decoration: underline;
	text-align:left;
}



.box .quote {
	font-family: verdana, trebuchet ms, arial, helvetica, sans-serif;
	color: #006;
	font-weight:bold;
	text-align:left;
	line-height: 1.2em;
}

/* table styles-------------------------------------------------------------- */


/*table p{
	font-size: 80%;
	line-height: 1.5em;
	margin: 1.1em 1.2em;
	text-align:left;
	color:#000;
}


.ordForm {
	font-size: 90%;
	line-height: 1.1em;
	text-align:left;
	color:#000;
}

.ordFormTitle {
	font-size: 100%;
	line-height: 1.1em;
	text-align:left;
	color:#006;
	font-weight:bold;
}

table h2{
	font: 100% trebuchet ms, arial, helvetica, sans-serif;
	font-weight:bold;
	color:#006;
	margin: 3.1em 1.7em 1.7em 1.7em; 

}

table a:link {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color:#900;
	text-decoration:underline;
	text-align:left;
}

table a:visited {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #900;
	text-decoration: underline;
	text-align:left;
}



table a:active {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #006;
	text-decoration: underline;
	text-align:left;
}

table a:hover {
	font-family: trebuchet ms, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #006;
	text-decoration: underline;
	text-align:left;
}


/* Forms------------------------------------------------------------- */

.box form {
padding-left: 0;
color:#1d4f94;
}

/*form tr{ padding-bottom: 15px; margin-bottom: 15px; 
}*/

form p, .box form p, form div.fieldWithErrors, .box form div.fieldWithErrors{
	text-align:left;
  position: relative;
  font-size: 95%;
}

.box form p input, .box form p select, .box form p textarea, .box form p img, .box form div.fieldWithErrors input, .box form div.fieldWithErrors select, .box form div.fieldWithErrors textarea, .box form div.fieldWithErrors img{
  position: relative;
  left: 134px;
}


/*Giving position absolute here takes labels out of the flow, allowing vertical alignment and BONUS, lines up the inputs and selects on left without using a table! */

.box form p label, .box form div.fieldWithErrors label{
  position: absolute;
  top: 23%;
  display: block;
  width: 120px;
  text-align: right;
}

/*some elements don't vertically center properly and need a slight adjustment */

.box form p label.offset_up, .box form div.fieldWithErrors label.offset_up{
  margin-top: -0.8em;

}

.box form p label.offset_down, .box form div.fieldWithErrors label.offset_down{
  margin-top: 0.7em;

}

/*form p label:after{
  content: ":  ";
}*/

/* Photo Gallery */

table.photo_gallery {
  text-align: center;
  margin-left: 10px;
  
}

/* Calendar */
.box.calendar h2{
  margin-top: 0;
	width: 800px;
}

.event{
  margin-bottom: 10px;
}

.event_date{
  width: 140px;
  padding-left: 5px;
  float: left;
  clear: left;
  font-weight: bold;
}

.event_body{
  float: left;
  padding-left: 5px;
  padding-bottom: 25px;
  width: 460px;
}

.event_body span{
  font-weight: bold;
}

.event_reserve{
  float: left;
  padding-left: 5px;
  width: 50px;
  clear: right;
}

#events {
	height: 200px;
	width: 800px;
	overflow:auto;
}