@charset "utf-8";
/*	
	=========================================================
	Client: Heather's T.R.E.E.
	Crafted by MadGENIUS INC.
	www.madgeniusinc.com | info@madgeniusinc.com
    rob rubinoff, brad bishop, jay pennington
	=========================================================
*/



/* //////////////////////////////////////
/	Global Definitions & Styles		    /
///////////////////////////////////////*/

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
	background-color:#eaeaea;
	background-image: url(/images/_bgHeader.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}
	
h1 {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	float: left;
	}
h1 span{
	margin: 0;
	padding: 0;
	display:none;
	}
	
h2 {
	margin: 0;
	padding: 20px 20px 10px 20px;
	font-size: 24px;
	color: #591C66;
	}
	
h3 {
	margin: 0;
	padding: 10px 20px 5px 20px;
	font-size: 14px;
	color:#9555A4;
	}
	
h4 {
	margin: 5px 20px 5px 20px;
	font-size: 13px;
	border-bottom: 1px solid #591C66;
	color: #9555A4;
	}
	
p {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 20px 3px 20px;
	font-size: 12px;
	color: #000;
	line-height:17px;
	}

a {
	color:#591C66;
	text-decoration: underline;
	 }
	 
a:hover{
	color:#666;
	text-decoration: underline;
	 }


/* //////////////////////////////////////
/	Layout Divs              		    /
///////////////////////////////////////*/

#wrapper {
	width: 900px;
	margin: 0px auto;
	 }
	 
#header {
	margin: 0 auto;
	width: 900px;
	height: 231px;
	}
	
img.logo { /* places the logo in the header area */
 	margin: 0 0 0 40px;
	border:none;
	} 
	
#contentContainer { /* creates rt/lft borders and background color */
	margin: 0px;
	width: 898px;
	background-color: #fff;
	border-top: 5px solid #9555A4;
	border-left: 1px solid #591C66;
	border-right: 1px solid #591C66;
	overflow: hidden;
	clear: both;
	}

/* //////////////////////////////////////
/	Left Column             		    /
///////////////////////////////////////*/
	
#contentLeft {
	width: 600px;
	float: left;
	}
	
#contentLeft p.leadin {
	font-size: 14px;
	line-height: 20px;
	color:#444;}
	
#contentLeft ul {	
	margin: 5px 20px 5px 20px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 20px 3px 20px;
	font-size: 12px;
	}
	
#contentLeft li {
	margin: 5px 0px;
	}

#contentLeft ol {	
	margin: 5px 20px 5px 20px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 20px 3px 20px;
	font-size: 12px;
	}
	
#contentLeft div.picFrame {
	border: 1px solid #591C66;
	padding: 0px;}


/* //////////////////////////////////////
/	Right Column             		    /
///////////////////////////////////////*/
#contentRight {
	width: 260px;
	float: right;
	padding: 20px 0px 0px 0px;
	}

#contentRight ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px 20px 20px 0px;
	padding: 0 0 15px 20px;
	list-style:none;
	}
	
#contentRight li {
	margin: 5px 0px;
	}
	
	
/* //////////////////////////////////////
/	Footer                   		    /
///////////////////////////////////////*/
#footer {
	margin: 0px auto;
	width: 898px;
	height: 110px;
	background-color:#fff;
	background-image: url(/images/_bgFooter.jpg);
	background-position:bottom right;
	background-repeat: no-repeat;
	border-left: 1px solid #591C66;
	border-right: 1px solid #591C66;
	border-bottom: 5px solid #591C66;
	clear:both;
	text-align:center;
	}
	
#footer p{
	padding: 15px 20px;
	}
	
	
#finePrint {
    text-align:center;
	width: 900px;
	margin: 10px auto;
	}
	
#finePrint p{
		font-size: 10px;
		color: #999;}
/* //////////////////////////////////////
/	global nav              		    /
///////////////////////////////////////*/
		/*
	*	The rules for navigation start here. 
	*	Heavily inspired by the following articles:
	*		http://www.alistapart.com/articles/slidingdoors/
	*		http://www.alistapart.com/articles/mountaintop/
	*		http://www.alistapart.com/articles/sprites/
	*/
#gnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform:uppercase;
	float:left;
	height: 44px;
	margin-left: 7px;
	width: 650px;
	padding:0;
	line-height:normal;
	}

#gnav ul {
	margin:0;
	padding:8px 0 0 7px;
	list-style:none;
	}

#gnav li {
	display:inline;
	margin:0;
	padding:0;
	}
	/*
	*	For the next two rules:	
	*	1. A single image is used for the two doors, rather than one.
	*	2. Ascetically, the 'font-weight:bold' was removed to closely mimic the www.digital-web.com tabs.
	*	3. The padding was modified for personal preference.
	*/
#gnav a {
	float:left;
	background:#591C66 url(/images/_bg_gNavTab.gif) no-repeat left top;
	padding:0 0 0 4px;
	text-decoration:none;
	color:#D8C4DF;
	font-weight:bold;
	}
	
#gnav a span {
	float:left;
	display:block;
	background:#591C66 url(/images/_bg_gNavTab.gif) no-repeat right top;
	padding:6px 9px 15px 5px;
	}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
#gnav a span {float:none;}
	/* End IE5-Mac hack */

	/*
	*	1. At this point many things are simplified. The hover and background colors are set,
	*	and no positions are used because we aren't swapping images
	*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others, 
	*	exposing 1px of the background color of #header and giving the effect of an underline.
	*/
	
#gnav #current a span {
	padding:6px 9px 15px 5px;
	}
#gnav a:hover, #gnav a:hover span {
	background-color:#9555A4;
	color:#fff;
	}
#gnav #current a span, #gnav #current a {
	background-color:#9555A4;
	}
	







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

p img.fltRt {
	float:right;
	padding: 0 0 20px 20px; border:none;}