/* the following hack is used several times in this style sheet 	
	to get around IE's refusal to recognize the min-height command. It works
	as follows:
	(1) The underscore ("_") is allowed in CSS identifiers by the CSS2.1 Specification 
	(2) Browsers have to ignore unknown CSS properties 
	(3) MSIE 5+ for Windows ignores the "_" at the beginning of any CSS property name 
	Thus, most won't recognize the _height command and will ignore it.
	IE's height will set the div to this height and go bigger if needed making it work */

/* ****************** General HTML redefines - all divs **********************/	

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #000000;
	background-image: url(images/background.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0;
	padding: 0;
	text-align: center;
}

p {
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 0em 0em 1.2em 0em;
	text-align: justify;
	}
	
ol, ul {
	font-size: 1.0em;
	line-height: 1.5em;
	/*margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: justify;*/
	}
	
li {
	margin-top: .5em;
	margin-bottom: .5em;
	/*text-align: justify;*/
}
	
h1 { /* the h1's are being replaced with images so the display doesn't really matter here*/
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 0;
	}
	
h2 {
	font-size: 1.4em;
	margin: .6em 0em .6em 0em;
	font-weight: bold;
	color: #7f2860;
	font-style: italic;
	line-height: 1.2em;
	}
	
h3 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	font-style: italic;
	}
	
h4 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
	
h5 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
	
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
	
a {
	color: #7F2860;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #333333;
	text-decoration: underline;
}

a:visited {
	color: #b989a8;
}

sup {
	font-size: .60em;
}
	
/* ****************************** Start of Div definitions ************************/

#container {
	width: 760px;
	margin: 10px auto;
	text-align: left;
}

/* *************************** Header-specific styles: ****************************/

#header {
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	height: 100px;
	margin-top: 10px;
	margin-right:10px;
	text-align: right;	
}

#uppernav {
	padding-top: 0px;
	/*background-image: url(images/i_uppernav.gif);
	background-position: top right;
	background-repeat: no-repeat;*/
	font-size: .9em;
}

#uppernav a:link, #uppernav a:visited {
	text-decoration: none;
	color: black;
	font-weight: bold;
	}

#uppernav a:hover, #uppernav a:active, #uppernav a:focus {
	color: #7f2860;
	text-decoration: underline;
	}

#home {
	padding-top: 5px;
	padding-right: 26px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-image: url(images/i_home.gif);
	background-position: top right;
	background-repeat: no-repeat;
	display: block;
}

#contactus {
	padding-top: 5px;
	padding-right: 26px; /*30*/
	padding-bottom: 5px;
	padding-left: 0px;	
	margin-top: 5px;
	background-image: url(images/i_contact.gif);
	background-position: top right;
	background-repeat: no-repeat;
	display: block;
}

/* ************************* Sidebar Specific styles ************************** */

#sidebar {
	float: left;
	text-align: left;
	width: 190px;
	background-image: url(images/navbg.jpg);
	margin-top: 70px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#sidebar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: .9em;
	line-height: 130%;
	font-weight: bold;
	}

#sidebar li {
	margin: 0;
	padding: 0 10px 10px 10px;
	text-align: left;
	}
	
#sidebar a {
	text-decoration: none;
	display: block;
	color: black;

}

#sidebar a:hover, #sidebar a:active, #sidebarv a:focus {
	color: #7f2860;
	text-decoration: underline;
	}
	

#sidebar li li {
		padding: 5px 0px 0px 15px;
}
	
#sidebar li li a {
	font-size: 1.1em;
	/* the following for IE to remove unwanted extra margin at bottom of each item
		why it works, I don't know but it does */
	display: inline; 
}
	
#sb_contents_head, #sb_events_head, #sb_news_head, #sb_bottom {
	/*set the indent way back so it can't possibly display; text readers will still 
	see it though so the headings will still be read*/
	text-indent: -5000px;
	background-position: right;
	background-repeat: no-repeat;
}

#sb_contents_head {
	margin-top: 0;
	height: 29px;
	background-image: url(images/navb_top.gif);
}

#sb_events_head {
	height: 29px;
	background-image: url(images/navb_events.gif);
	margin-bottom: 5px;
}

#sb_news_head {
	height: 29px;
	background-image:url(images/navb_news.gif);
	margin-bottom: 5px;
}

#sb_bottom {
	height: 29px;
	background-image: url(images/navb_bottom.gif);
	margin-top: 0px;
	margin-bottom: 0px;
}

/*Sidebar Upcoming Events Table settings */

table#events {
	font-size: .9em;
	border: none;
	border-collapse: collapse;
	margin-left: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: black;
}

table#events td {
	padding: 5px;
	margin: 5px;
	text-align: center;
	line-height: 1.3em;
}

table#events .eventinstructions {
	font-style: italic;
	color: black;
	font-weight: bold;
}

table#events .eventname {
	font-weight: bold;
}

/* ************************** Content Specific Styles ************************ */

#content {
	float: left;
	margin-left: 40px;
	margin-right: 20px;
	width: 480px;
	min-height: 430px;
	_height: 430px; /*IE hack to get around min-height bug*/
	background-position: top left;
	background-repeat: repeat-y;
}

ul#benefits {
	margin: 0;
	padding: 0;
}

ul#benefits li {
	list-style-type: none;
	padding-bottom: 1em;
}

/* Headings - H1 Page Headings */

#linkshead, #aboutushead, #contactushead, #individualhead, #groupshead, #workshopshead, #benefitshead, #homehead, #cchead,
#messhead, #althead, #confirmhead, #speceventshead, #testimonialshead, #inspirationhead {
	min-height: 45px;
	_height: 45px;
	/*set the indent way back so it can't possibly display; text readers will still 
	see it though so the headings will still be read*/
	text-indent: -5000px;
	background-position: right;
	background-repeat: no-repeat;
}

#linkshead {
	background-image: url(images/h_links.gif);
}

#aboutushead {
	background-image: url(images/h_aboutus.gif);
}

#contactushead {
	background-image: url(images/h_contactus.gif);
}

#confirmhead {
	background-image: url(images/h_confirm.gif);
}

#individualhead {
	background-image: url(images/h_individual.gif);
}

#groupshead {
	background-image: url(images/h_groups.gif);
}

#workshopshead {
	background-image: url(images/h_workshops.gif);
}

#benefitshead {
	background-image: url(images/h_ben.gif);
}

#testimonialshead {
	background-image: url(images/h_testimonials.gif);
}

#homehead {
	background-image: url(images/h_home.gif);
}

#speceventshead {
	background-image:url(images/h_specevents.gif);
}

#cchead {
	background-image: url(images/h_cc.gif);
	height: 75px;
}

#inspirationhead {
	background-image:url(images/h_inspiration.gif);
}

.drop { /* used to create the dropcap effect in the content area */
	float: left;
	font-size: 24px;
	line-height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 6px;
	background-image: url(images/drop.gif);
	background-repeat: no-repeat;
	background-position: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	min-width: 34px;
	_width: 34px;
	text-align: center;
	min-height: 24px;
	_height: 24px;
	}

.figureleft, .figureright, .figurefull {
  	border: 1px dotted #b18cac;
	margin-top: .6em;
	margin-bottom: .6em;
  	padding: .8em ;
	text-align: center;
}

.figureleft {
	float: left;
	margin-left: 0em;
	margin-right: 1.2em;
	max-width: 70%;
  	border: 1px dotted #b18cac;
}

.figureright {
	float: right;
	margin-right: 0em;
	margin-left: 1.2em;
	max-width: 70%;
  	border: 1px dotted #b18cac;
}

.figurefull {
	max-width: 460px;
	border: none;
}

.figureleft img, .figureright img, .figurefull img {
	/*display: block;*/
	margin-bottom: 4px;
}

.figureleft .caption, .figureright .caption, .figurefull .caption {
	font-style: italic;
  	font-size: .8em;	
	color: #2F4F4F;
	text-align: center;
}

.pullquote {
	float: right;
	width: 160px;
	margin: 5px 10px 5px 15px;
	font-size: .85em;
	/*font-style: italic;
	font-weight: bold;
	line-height: 1.5em;
	/*color: #7F2860;*/
	color: black;
	padding: 10px;
	/*border: 1px dotted #b18cac;
	width: 380px;
	margin-left: 50px;
	background-color: #E6E6E6;
	padding: 15px;*/
	border-top: 5px solid #7f2860;
	border-bottom: 5px solid #7f2860;
	background-image: url(images/highltbg.jpg);

}

.pullquote p {
	text-align: left;
}

p.source {
	text-align: right;
	margin-bottom: 0;
}

.required {
	color: #7F2860;
	font-weight: bold;
}

#message {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.instructions {
	font-size: .8em;
	font-weight: bold;
}

.group_event_name {
	font-size: 1.2em;
	color: #7f2860;
	font-weight: bold;
	text-align: center;
	margin-bottom: .3em;
	margin-top: .8em;
}

.group_event_time {
	font-size: 1em;
	color: #7f2860;
	font-weight: bold;
	text-align: center;
	padding-top: 0;
}

.highlight {
	width: 380px;
	margin-left: 50px;
	background-color: #E6E6E6;
	padding: 15px;
	border-top: 5px solid #7f2860;
	border-bottom: 5px solid #7f2860;
	background-image: url(images/highltbg.jpg);
}

table.events {
	width: 95%;
	font-size: 100%;
}

table.events td.eventname {
	font-size: 1.2em;
	color: #7f2860;
	font-weight: bold;
	text-align: center;
	padding-bottom: .5em;
	padding-top: 1em;

}

table.events td.eventlabel {
	width: 25%;
	font-weight: bold;
	vertical-align: top;
	padding-top: .2em;
	padding-bottom: .2em;
	text-align: left;
}

table.events td.eventinfo {
	width: 75%;
	font-weight: normal;
	vertical-align: top;
	line-height: 1.3em;
	padding-top: .2em;
	padding-bottom: .2em;
	text-align: left;
}

table.events td.eventaddinfo {
	font-weight: normal;
	vertical-align: top;
	line-height: 1.3em;
	padding-top: .2em;
	padding-bottom: .2em;
	text-align: left;
	font-style: italic;
}
table.events td.eventdivider {
	text-align: center;
	padding-top: .8em;
}

blockquote {
	background-color: #7f2860;
	color: white;
	margin: 0px 20px 20px;
	padding: 10px 10px;
	font-style: italic;
	font-weight: bold;
}
/* ************************ Footer Specific Styles ************************** */

#footer {
	clear: both;
	font-size: .9em;
	padding-top: 20px;
}

#footer p {
	text-align: center;
}

/* ************************* Miscellaneous classes ***************************/

.bold {
	font-weight: bold;
}

.italicized {
	font-style: italic;
}

.bold_italicized {
	font-weight: bold;
	font-style: italic;
}

.rightjustified {
	text-align: right;
}

.centered {
	text-align: center;
}

.centeredimg {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#tblworkshop th {
	background-color:#7f2860;
	color: #FFFFFF;
	text-align:center;
}

#tblworkshop td {
	border-bottom: 1px solid silver;
}

#tblworkshop a {
	color: black;
	font-weight: normal;
}

td.contactlabel {
	font-weight: bold;
	color: #7f2860;
}	

#tblfeattest {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0em 0em 1.2em 0em;
	text-align: justify;
	font-weight: bold;
}

.cc_form_stylish_MainTable {
	font-size: .9em;
	font-weight: bold;
}

.cc_form_stylish_DisplayMain {
    margin-top: 2px;
	margin-bottom: 2px;
}