------------------------------------------------------------------*/
/* Font Sizes
------------------------------------------------------------------*/


body {
 font-size:12px; /*-3 from standard pt->px conversion */
}

#secondarynav a:link,a:visited,a:active {
color: #FFFFFF;
text-decoration:none;
}

#addressinfo a:link,a:visited,a:active {
color: #FFFFFF;
text-decoration:none;
}

a:link,a:visited,a:active {
color: #7c183e;
text-decoration:underline;
}
a:hover{ color:#000000;}



h1 {
 font-size:16px; /*-3 from standard pt->px conversion */
}


#secondarynav {
 font-size:11px; /*-4 from standard pt->px conversion - Narrow font*/
}


#addressinfo {
font-size:14px;
/*-2 from standard pt->px conversion */
}

.sf-menu li {
font-size:15px; /*-4 from standard pt->px conversion - Narrow font*/
}


.sf-menu ul li {
 font-size:13px; /*-2 from standard pt->px conversion - Narrow font*/
}


/*------------------------------------------------------------------*/
/* standard classes
------------------------------------------------------------------*/

.hidden {
 display: none;
}



body {
 font-family: Arial,Helvetica, Verdana, Sans-serif;
 color:#7c183e;
 background: #a3a09f;
 margin:0px;
 }


h1 {
 margin: 0;
 padding: 0;
 color:#7c183e;
 font-weight:bold;
}


h2 {
 margin: 0;
 padding: 0;
}

/*------------custom classes---------------------*/

 .hpRightModule {
 margin: 5px 40px 5px 40px;
 padding: 5px;
 border: thin dotted #7c183e;
 width:275px;
 font-size:11px;
 background:#ffffff;
 }
.callout {
 margin: 5px 15px 5px 15px;
 padding: 5px;
 font-weight:bold;
 width: 15em;
 float: right;
 font-size:85%;
 border: thin dotted #7c183e;
 background:#a3a09f;
 font-style: italic;
 }

 .calloutWhite {
 margin: 5px 15px 5px 15px;
 padding: 5px;
 font-weight:bold;
 width: 15em;
 float: right;
 font-size:85%;
 border: thin dotted #7c183e;
 background:#FFFFFF;
 font-style: italic;
 }

 .calloutSpecialEvent {
 margin: 5px 40px 5px 40px;
 padding: 5px;
 font-weight:bold;
 font-size:85%;
 border: thin dotted #7c183e;
 background:#FFFFFF;
 font-style: italic;
 width:275px;
 }


 .calloutWhiteLeft {
 margin: 5px 15px 5px 15px;
 padding: 5px;
 font-weight:bold;
 width: 15em;
 float: left;
 font-size:85%;
 border: thin dotted #7c183e;
 background:#FFFFFF;
 font-style: italic;
 }
.as_current{
 margin: 5px 40px 5px 40px;
 padding: 5px;
 font-size:85%;
 border: thin dotted #7c183e;

}
.as_current_header{
 margin: 0;
 padding: 0;
 color:#7c183e;
 font-weight:bold;
}
.as_current_entry{
 padding-top:5px;
 line-height:1.3;
}

 .directionsText {
 font-size:13px;
 color:#7c183e;
 padding: 35px 0 0 0;
 }
 .eventHeader{
 font-size:13px;
 color:#7c183e;
 font-weight:bold;
 }

 .map {
 width: 350px;
 height: 200px;
 border: thin solid #7c183e;
}

#nav ul {
 list-style: none;
 margin:0;
}


#PourtalCalendar ul{
line-height: 1.0;margin:0;list-style: none;
}
#PourtalCalendar li{
line-height: 1.0;margin:0;
}

/* Div Layout
------------------------------------------------------------------*/

#page-container {
 width: 903px;
 margin: 0 auto;
 background:#FFFFFF;


}


#topbackground {
 width:887px;
 height:333px;
 background:#7c183e;
 margin-left:8px;

}


#secondarynav {
 float:right;
 margin-right:0px;
 height:37px;
 font-family:Arial Narrow;
 margin-top:15px;


}

#socialsitelinks {
 float:right;
 margin-right:69px;
 height:37px;
 font-family:Arial Narrow;
 margin-top:0px;


}

#socialsitelinks a:hover {
opacity:.8;
filter:alpha(opacity=80);
}

#addressinfo {
 float:left;
 margin-left:69px;
 margin-top:18px;
 color:#ffffff;
 font-family:Arial Narrow;

}


#header {
 position:absolute;
 width:759px;
 height: 499px;
 background: url(/images/header_home.jpg) no-repeat center center;
 margin-top:37px;
 margin-left:69px;
 margin-right:69px;
}



#main-background{
 background:#dcd3c6;
 width:817px;
 margin-top:0px;
 margin-left:8px;
 padding-left:70px;
}

#main-nav {
 padding-top:210px;
 clear:both;
 width:817px;
 height:15px;
 margin-left:-20px;



}

/*need container so we can set overflow hidden - bug: otherwise div height doesn't adjust to fit containing floating divs*/

#main-content-container{
 padding-top:60px;
 overflow:hidden;
 clear:left;

}


/*actual content here, -- may not be relvant since both columns float*/

#main-content{
 margin-left:25px;
 margin-right:0px;

}


#column-left {
 float:left;
 width:390px;
 line-height:23px;
 margin-top:0px;



}

#column-right {
 float:left;
 width: 375px;
 margin:0 0;
 padding: 0 0;
 margin-top:-10px;
 /*border: thin dotted #00FF00;*/
}

#divider {
 float:left;
 width:1px;
 background:#7c183e; height:500px;
 margin:0 5px 0 20px;
}

#flyer{
 margin-left:-25px;
}

#main-calendar-container{
padding-top:50px;
 margin-left:-15px;
 overflow:hidden;
 clear:left;
}
#calendar-google {
 float:left;
 width:500px;
}
#calendar-eventlist{
 float:right;
 width:250px;
 margin-top:10px;
}

#calendarEventHome {
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 3px;
 font-weight:bold;
 font-size:10px;
 border: thin dotted #7c183e;
 background:#FFFFFF;
 }

#calendarEventDetail {
 padding: 5px;
 font-weight:bold;
 font-size:10px;
 border: thin dotted #7c183e;
 background:#FFFFFF;
 font-style: italic;
 width:210px;
 }

 #eventBuyTicket{
 margin-top:5px;
 font-size:11px;

 }
 #eventBuyTicketText{
 float:left;
 width:75px;
 }
 #eventPayPalButton{
 float:left;
 width:86px;

 }
 
  #eventCalBuyTicket{
 margin-top:5px;
 float:left;
  
 }
 #eventCalBuyTicketText{
 float:left;
 width:100%;
 }
 #eventCalPayPalButton{
 float:left;
  width:86px;


 }
#blogArchiveList{
 margin: 20px 0px 0px 35px;
}

#blogArchiveList li {
 text-indent: -999em;
 color:#000000;
}
#modEmailContactForm {
 width:299px;
 font-weight:bold;
 font-size:10px;
 padding:5px 5px 5px 5px;
 line-height:12px;
 border: thin dotted #7c183e;
 background:#FFFFFF;
 margin-left:25px;
 margin-bottom:40px;
}
#modEmail {
 width:299px;
 font-weight:bold;
 font-size:10px;
 padding:5px 5px 5px 5px;
 line-height:12px;
 border: thin dotted #7c183e;
 background:#FFFFFF;
 margin-left:25px;

}

#modEmailRight {
 width:299px;
 font-weight:bold;
 font-size:10px;
 padding:5px 5px 5px 5px;
 line-height:12px;
 border: thin dotted #7c183e;
 background:#FFFFFF;
 margin-left:25px;
 margin-top:40px;
 margin-bottom:40px;
}

#modJoin{
 padding-top:15px;
 margin-left:-5px;
 overflow:hidden;
 clear:left;

}
#modHomeImage {
padding-top:50px;

}

#bottomLeftImage {
margin-top:50px;
 clear:right;
 border:solid 8px white;
 width:350px;
 height:200px;
}

#modRightOne {
 padding-top:15px;
}

#modRightPadded {
 margin:0 55px 35px 15px;
 text-align:right;
}


#modRightTwo {
 padding-top:15px;
}
#modRightThree {
 padding-top:15px;

}

#modRightFour {
 padding-top:15px;
}

/***top bar styles*********************/

#secondarynav li, #socialsitelinks li {
 float: left;
 position: relative;
 text-align: center;
 cursor: pointer;
 color:#ffffff;
 margin:5px;
}

/**sucker fish nav styles******************/

.sf-menu, .sf-menu * {
 margin: 0;
 padding: 0;
list-style: none;
}

.sf-menu {
 line-height: 1.5;
 float: left;
 margin-bottom: 1em;
}

.sf-menu ul {
 position: absolute;
 top: -999em;
 width: 10em;
 /* left offset of submenus need to match (see below) */
}

.sf-menu a {
 display: block;
 position: relative;
}

/*set hover color for non-linked top-level menu items***********/
.sf-menu li:hover {
 visibility: inherit; /* fixes IE7 'sticky bug' */
 color:#000000;
}

/*set hover color linked top-level menu items***********/
.sf-menu li a:hover {
 color:#000000;
}

/*top level menu item setup************/
.sf-menu li {
 float: left;
 position: relative;
 font-weight: bold;
 color:#7c183e;
 cursor:pointer;
 text-decoration:none;
 width:auto;
 padding-right:25px;
 font-family:Arial Narrow;
}

.sf-menu .last {
 padding-right:0px;
}

/*sub menu setup********************/
.sf-menu ul li {
 width: 100%;
 font-weight: bold;
 color:#7c183e;
 cursor:pointer;
 padding:0px 3px;
 line-height:19px;
 text-decoration:none;
}

/**display the subnav***************/
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
 left: 0;
 top: 1.5em; /* match top ul list item height */
 z-index: 99;
}

.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
 color: #7c183e;
 text-decoration:none;
}

/*set active color for top level items*/
.sf-menu li.current {
 color:#000000;
}
.sf-menu a.current, .sf-menu li.current, sf-menu.current{
 color: #000000;
}

/*background hover for menu items **************/

.sf-menu ul li:hover, .sf-menu ul li.sfHover,
.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active {
 color:#000000;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
 padding-right: 2.25em;
 min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
 position: absolute;
 display: block;
 right: .75em;
 top: 1.05em; /* IE6 only */
 width: 10px;
 height: 10px;
 text-indent: -999em;
 overflow: hidden;
 background: url('/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
 top: .8em;
 background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/

/*---------------------------------------------------------------------*/
/* Calendar Full Page
/*-------------------------------------------------------------------------*/
.hidden{display:none;}

.modCalendarFP{

padding:5px;
width:800px;
}
#calTastingTourMod,#calAngelShareMod{

width:350px;
font-size:11px;
border:solid 1px #7c183e;
background:#ffffff;
padding:6px;
height:100px;
}
#calTastingTourMod{
float:left;
}
#calAngelShareMod{
float:right;
margin-right:30px;
}
#calTastingTourMod .header,#calAngelShareMod .header{
 font-weight:bold;
 font-size:12px;
 margin-bottom:5px;
}
#calTastingTourMod .calModTitle,#calAngelShareMod .calModTitle{
 font-weight:bold;

}
#calTastingTourMod .image,#calAngelShareMod .image{
float:left;
margin-right:5px;
}
.modCalendarTextFP {
padding:5px;
margin-top:8px;
}

#calTastingTourMod .calModTitle{
									 font-size:1.3em;
									 margin-left:15px;
}

.calendarBGFP {
 background-color: #dcd3c6;
 width:800px;
 positition:relative;
float:left;
}

.calendarBlank {
 background-color: #c9c6c7;
 letter-spacing: .1em;
 text-decoration: none;
 font-size:.8em;
 padding:0 2px;
 max-width:20px;
 width:expression(document.body.clientWidth > 20? "20px": "auto" );
 height:100px;
 border:solid 1px;
 position:relative;

}

.calendarMonthLinks {
 text-decoration:none;
}

.calendarMonthLinks a {
 text-decoration:none;
}

.calendarMonthLinks a:visited {
 text-decoration:none;
}

.calendarMonthLinks a:hover {
 color: #FFFFFF;
 text-decoration: none;
 background-color: transparent;
}

.calendarDayHeading {
 font-weight: bold;

 text-align: center;
 vertical-align: middle;
}

.calendarTodayFP {
 text-decoration: none;
background:#FFFFFF;
 color: #7c183e;
 padding:0 2px;
 max-width:20px;
 width:expression(document.body.clientWidth > 20? "20px": "auto" );
 height:100px;
 border:solid 1px;
}
.calendarTodayFP a{
 text-decoration: none;
font-size:13px;
 line-height:8px;
}
.calendarEventCurrent {
 text-decoration: none;
 text-align: center;
 vertical-align: middle;
 color: #FFFFFF;
 background-color: #7c183e;
 padding:0px;
}

.calendarEvent {
 text-decoration: none;
 text-align: center;
 vertical-align: middle;
 color: #7c183e;
 background-color: #FFFFFF;
 border: solid 1px #7c183e;
 padding:3px;
}


.calendarEvent a {
 text-decoration: none;
 text-align: center;
 vertical-align: middle;
 color: #7c183e;
}

.calendarEvent a:visited {
 text-decoration: none;
 text-align: center;
 vertical-align: middle;
 color: #7c183e;
 }

.calendarEvent a:hover {
 text-decoration: none;
 text-align: center;
 vertical-align: middle;
 color: #7c183e;

}
.calendarEvent:hover {
 color: #7c183e;
 background-color: #ffffff;
}
td{ width:expression(document.body.clientWidth > 20? "20px": "auto" );}
.calendarCellFP {
 letter-spacing: .1em;
 text-decoration: none;
 font-size:.8em;
 font-weight:bold;
 padding:0 2px;
 max-width:20px;
 width:expression(document.body.clientWidth > 20? "20px": "auto" );
 height:100px;
 border:solid 1px;
 position:relative;


}

.calendarCellFP a {
 text-decoration: none;
 color: #7c183e;
}

.calendarCellFP a:visited {
 text-decoration: none;

 color: #7c183e;
 }

.calendarCellFP a:hover {
 text-decoration: none;

 color: #ffffff;

}
.calEntryHolder{
height:100%;
border:solid 1px red;
}

.calDate{
margin-left:0px;
font-size:.9em;
background:#7c183e;
width:100%;
 position:relative;
top:0;
color:#FFFFFF;
padding:2px;
margin-bottom:5px;
}

.calDate a {
color:#FFFFFF;
}




/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#ffffff; padding:10px; border:solid 2px #7c183e;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}