/* CSS Document */

/*------------------------- Body styles-------------------------*/
body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-family: "Eras Medium ITC", Arial, Helvetica, sans-serif;
}

div, span, img, a img, form, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: 0px;
}

body{
	background-color: #7a8496;
	/*
	background-image: url(../images/bg_stripe.gif);
	background-repeat: repeat-x;
	background-position: left 22px;
	*/
	font-family: "Eras Medium ITC", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.4em;
	padding: 0px;
	margin: 0px;
	color: #000000;
}

h1{
color:#000066;
font-size:15px;
font-weight:600;
}

h2{
color:#000066;
font-size:14px;
font-weight:600;
}

h3{
color:#000066;
font-size:13px;
font-weight:600;
}

/*------------------------- Style styles-------------------------*/

a {
	color: #313546;
	text-decoration: underline;
}

a:HOVER {
	color: #333333;
	text-decoration: none;
}


#wrapper{
	width: 684px;
	margin: 0 auto;
	background-image: url(../images/wrapper_bg.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	display: table;
}

#subwrapper1{
	width: 684px;
	height: 168px;
	/*
	background-image: url(../images/subwrapper_bg_shad.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	*/
}

#bottomshadow{
	width: 684px;
	height: 8px;
	margin: 0 auto;
	background-image: url(../images/bottom_shadow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#header {
	width: 640px;
	height: 100px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 11px;
	margin-left: 11px;
	margin-right: 11px;
	display: block;
	float: left;
	position: relative;
}

#logo 
{
	position	: absolute;
	left		: 30px;
	top			: 28px;
}
#logo a
{
	display		: block;
	width		: 153px;
	height		: 61px;
	background	: url(../images/pathway_to_healing_logo_small.gif) center center no-repeat;
	border		: 0;
}

#tagline 
{
	width		: 440px;
	height		: 120px;
	background	: url(../images/new_header_tagline.gif) top left no-repeat;
	position	: absolute;
	left		: 210px;
	top			: 8px;
}

#main {
	width: 662px;
	margin: 0px;
	margin-left: 11px;
	margin-right: 11px;
	display: block;
	float: left;
}

#leftbar {
	width: 234px;
	height: 378px;
	float: left;
	margin: 0px;
	margin-top: -7px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background-image: url(../images/leftbar_bg.jpg);
	background-repeat: no-repeat;
	display: table;
}

#leftcontent {
	width: 212px;
	margin: 11px;
	display: block;
	overflow: visible;
}

#content {
	width: 395px;
	padding: 11px;
	margin-top: -7px;
	float: left;
}

#homebio {
	width: 395px;
	float: right;
	padding-top: 20px;
	margin-bottom: 11px;
}

#homeinfo {
	width: 395px;
	float: right;
	margin-bottom: 11px;
}

#homeimg {
	width: 102px;
	margin-right: 11px;
	float: left;
}

#homesubcontent {
	width: 280px;
	float: right;
}

p.purpletext {
	color: #313546;
}

#bluehead {
	color: #336699;
	font-weight: bold;
	font-size: 13px;
}


ul.tanbullet {
	list-style-image: url(../images/tan_bullet.gif);
	margin-left: -10px;
	margin-top: 10px;
}

#wsdate {
	width: 44px;
	height: 64px;
	padding: 8px;
	background-image: url(../images/date_bg.gif);
	background-repeat: no-repeat;
	float: left;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

p.wsmonth {
	font-size: 16px;
	font-weight: bold;
	margin-top: -12px;
}

span.wstitle {
	font-size: 14px;
	font-weight: bold;
}

#workshop1 {
	width: 218px;
	float: left;
	display: block;
}

#workshop1 p {
	margin-top: -1px;
}

#wstitle {
	width: 154px;
	float: right;
	margin-top: 8px;
}

img.iconimg {
	margin-right: 8px;
}

#leftmain {
	width: 218px;
	display: table-row;
	float: left;
	margin-top: 12px;
}

#footer {
	width: 955px;
	height: 20px;
	margin: 10px;
	padding-left: 200px;
	display: block;
	float: left;
}

#footlinks {
	text-align: center;
	margin: 0px;
	padding-top: 12px;
	margin-left: 10px;
	margin-right: 10px;
	font-size:10px;
}


#copy {
	text-align: center;
	margin: 0px;
	padding-top: 8px;
	margin-bottom: 12px;
}

span.tan {
	text-size: 11px;
	color: #E0F3BE;
	
}



#titleBar
{
	height			: 40px;
	background		: #fefffa;
	margin-right	: 2px;
	border-top		: #4a5989 3px solid;
	border-bottom	: #cacbc6 1px solid;
}
#titleBar h4
{
	width				: 130px;
	height				: 12px;
	margin				: 12px 22px 0 0;
	text-indent			: -9999px;
	float				: right;
	background-position	: center right;
	background-repeat	: no-repeat;
}
#titleBar h4.home 		{ background-image: url(../images/titleBar_home.gif); }
#titleBar h4.about 		{ background-image: url(../images/titleBar_about.gif); }
#titleBar h4.addiction 	{ background-image: url(../images/titleBar_addiction.gif); }
#titleBar h4.sexual 	{ background-image: url(../images/titleBar_sex.gif); }
#titleBar h4.workshops 	{ background-image: url(../images/titleBar_workshops.gif); }
#titleBar h4.intensives { background-image: url(../images/titleBar_intensives.gif); }
#titleBar h4.links 		{ background-image: url(../images/titleBar_links.gif); }
#titleBar h4.contact 	{ background-image: url(../images/titleBar_contact.gif); }




/*------------------------- Sub Page ---------------------------*/

#submain {
	width: 662px;
	margin: 0px;
	margin: 0px;
	margin-top: 0px;
	margin-left: 12px;
	display: block;
	float: left;
	background-image: url(../images/submain_bg.gif);
	background-repeat: repeat-y;
	background-position: -12px left;
}

#left_subbar {
	width: 183px;
	float: left;
	display: block;
	margin-right: 12px;
	margin-top: 0px;
	
	background		: #CCC;
	position		: relative;
	top				: -90px;
	height			: 330px; /* ensures full background color display */
	overflow		: visible;
	border-top		: #FFF 1px solid;
	border-right	: #FFF 1px solid;
}

#left_subbar_cont {
	width: 165px;
	margin: 10px;

}

#subcontent {
	width: 460px;
	padding: 20px 0;
	display: table;
}

#big {
	display: table;
	float: left;
	height: 100%;
	margin: 10px;
}

p.title {
	font-size: 14px;
	font-weight: bold;
}

#homelink {
	width: 165px;
	height: 32px;
	background-image: url(../images/home_link_bg_2x32.gif);
}

#homeimg {
	width: 24px;
	float: left;
	margin:
}

span.sublink {
	display: block;
	margin-top: 3px;
	color: #313546;
	float: left;
	font-weight: bold;
}

span.sublink:HOVER {
	background-color: #313546;
	color: #fff;
}


/*----------------------- Event Page --------------*/

td.header {
	background-color: #313546;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
}

#ws_table {
	border: solid 1px #313546;
}

td.ws_tablerow {
	border: solid 1px #313546;
}

/*------------------------- Navigation -------------------------*/


#NavBar {
	width: 660px;
	height: 43px;
	margin: 0px;
	margin-left: 11px;
	margin-right: 11px;
	display: block;
	float: left;
	
	background	: #4b5a8a url(../images/NavBar_bg.gif) bottom left repeat-x;
	border		: #FFF 1px solid;
	border-top	: #ffd157 3px solid;
}

#mainNav {
	margin: 0px;
	padding: 0 0 0 3px;
	list-style-image: none;
	list-style-type: none;
	display: block;
	float: left;
	
	font			: 11px Arial, Helvetica, Tahoma, sans-serif;
	text-transform	: uppercase;
}
/*
#mainNav li {
	float: left;
	height: 43px;
	margin: 0px;
	margin-right: 1px;
	padding: 0px;
	
	background	: url(../images/mainNav_divider.gif) top right no-repeat;
}

#mainNav li a {
	margin: 0px;
	display: block;
	text-decoration: none;
	float: left;
	padding-top: 0px;
	padding-right: 11px;
	padding-bottom: 0px;
	padding-left: 0px;
	color		: #FFF;
}

#mainNav li a:hover {
	text-decoration: none;
	background-color:#41455C;
	color: #9BA97E;
	background-image: url(../images/nav_divider.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

#mainNav li a span {
	padding-top: 14px;
	padding-left: 10px;
	height: 29px;
	float: left;
	cursor: pointer;
	cursor: hand;
	margin: 0px;
}

#mainNav li a span:hover {
	margin-top: 0px;
}

#mainNav li a.active {
	color: #CCCCCC;
}

#mainNav li a.active span {
margin-top: 0px;
}

#mainNav li a.active:hover {
color: #fff;
text-decoration: none;
cursor: pointer;
cursor: hand;
}
*/


#mainNav li { display: inline; }
#mainNav li a
{
	display				: block;
	float				: left;
	height				: 43px;
	text-indent			: -9999px;
	background-color	: #4b5a8a;
	background-position	: bottom left;
	background-repeat	: no-repeat;
}
#mainNav li a:hover { background-position: top left; }

#mainNav li.divider
{
	display		: block;
	width		: 1px;
	height		: 43px;
	background	: url(../images/mainNav_divider.gif) top left no-repeat;
	float		: left;
	font-size	: 1px;
}

#mainNav a#about
{
	width				: 80px; 
	background-image	: url(../images/mainNav_about.gif);
}
#mainNav a#addiction
{
	width				: 120px; 
	background-image	: url(../images/mainNav_addiction.gif);
}
#mainNav a#sexual
{
	width				: 127px; 
	background-image	: url(../images/mainNav_sex.gif);
}
#mainNav a#workshops
{
	width				: 93px; 
	background-image	: url(../images/mainNav_workshops.gif);
}
#mainNav a#intensives
{
	width				: 86px; 
	background-image	: url(../images/mainNav_intensives.gif);
}
#mainNav a#links
{
	width				: 53px; 
	background-image	: url(../images/mainNav_links.gif);
}
#mainNav a#contact
{
	width				: 88px; 
	background-image	: url(../images/mainNav_contact.gif);
}






/*------------------------- media ------------------------*/
#media
{
	width		: 660px;
	height		: 159px;
	background	: url(../images/media_header_about.jpg) top left no-repeat;
	margin-left	: 12px;
}
#media.about 		{ background-image: url(../images/media_header_about.jpg); }
#media.addiction 	{ background-image: url(../images/media_header_addiction.jpg); }
#media.sexual 		{ background-image: url(../images/media_header_sexual.jpg); }
#media.workshops 	{ background-image: url(../images/media_header_workshops.jpg); }
#media.intensives 	{ background-image: url(../images/media_header_intensives.jpg); }
#media.links 		{ background-image: url(../images/media_header_links.jpg); }
#media.contact 		{ background-image: url(../images/media_header_contact.jpg); }








/*------------------------- subnav ------------------------*/

#subNav {
margin-top: 40px;
padding: 0px;
list-style-image: none;
list-style-type: none;
font-weight: bold;
}

#subNav li {
float: left;
height: 32px;
margin: 0px;
padding: 0px;
display: block;
width: 165px;
}

#subNav li a {
font-size: 12px;
margin: 0px;
margin-right: 12px;
margin-top: 6px;
margin-bottom: 6px;
width: 165px;
text-decoration: none;
float: left;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
color: #313546;
border-bottom: solid 1px #fff;
}

#subNav li a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #343f65;
}

#subNav li a span {
width: 165px;
padding-top: 6px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 6px;
float: left;
cursor: pointer;
cursor: hand;
margin: 0px;
}

#subNav li a span:hover {

}

#subNav li a.live {
text-decoration: none;
background-color: #313546;
color: #fff;
}

#subNav li a.live span {

}

#subNav li a.live:hover {
color: #000000;
text-decoration: none;
cursor: pointer;
cursor: hand;
}