/*
Reset Font sizes
*********************************/
html {
	font-size:16px; /* reset safari's 14px default */
}
* html {
	font-size:100%; /* override pixel value for IE's benefit */
}
body {
	font-size:80%;
}

/*
Reset Default styles
**********************************/
* {
	font-family:tahoma, arial, verdana, "sans-serif";
	margin:0;
	padding:0;
	font-size:100%;
}

* a {
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}

img,
form,
fieldset {
	border:none;
}

body {
    text-align:center;
    background:#07001b url(../images/background.jpg);
    margin:0px;  
}

html, #wrapper, h1 {
    margin:0px;
    padding:0px;
}

img { border:0px; }

#outer {
    margin:0 auto;
    text-align:left;
    width:710px;
    position:relative;
}

.block {
    display:block;
}

.clear {
    clear:both;
    height:10px;
}

.left {
    float:left;
    margin:5px 20px 0px 0px;
}

.right {
    float:right;
    margin:0px 0px 0px 20px;
}


 /*********************************** Layout ***********************************/
div#outer {
	padding-top:52px;
}
*html div#outer {
	padding-top:22px;
}
div#wrapper {
    background:url(../images/body_t.gif) top no-repeat;
    padding-top:20px;    
}
*html div#wrapper {
    margin-top:-20px;    
}
	div#main {
	    background:url(../images/body_bg.gif) repeat-y;
	}
		div#leftCol {
		    float:left;
		    width:235px;
		    margin-left:10px;
		    margin-top:-10px;
		    background:url(../images/leftColBG.jpg) repeat-y;
		    border:1px solid #000;
		    position:relative;
		}
		* html div#leftCol {
		    margin-left:5px;
		}
		div#contentCol {
		    float:right;
		    width:450px;
		    padding-top:70px;
		    margin-right:8px;
		    position:relative;
		}
		* html div#contentCol {
		    margin-right:4px;
		}

	div#footer {
	    background:url(../images/body_b.gif) no-repeat;
	    text-align:right;
	    padding-left:480px;
	    padding-bottom:30px;
	}
		div#copyright {
		    position:relative;
		    font-size:90%;
		    xtop:-8px;
		    color:#989898;
		}


 /******************* Top Nav *****************************************************/
div#nav {
	position:absolute;
	top:5px;
	width:450px;
	height:19px;
	padding:8px 0;
	background:url(../images/nav.gif) repeat-x;
}
	div#nav ul {
		list-style-type:none;
	}
		div#nav li {
			border-right:1px solid #FFFFFF;
			display:inline;
		}

			.lastchild{border-right:0px none #FFFFFF !important;}

			div#nav ul li a {
				font-family:Arial, Helvetica, sans-serif;
				font-size:110%;
				font-weight:bold;
				color:#FFFFFF;
				text-decoration:none;
				padding:5px 8px;
				margin:0px;
			}
			div#nav ul li a:hover {
				color:#7f3df8;
			}
			div#nav ul li a.selected {
				color:#b794f8;
			}



/************* Character Nav ***************************************************************/

div#leftCol div#characterNav {
    margin:21px 6px 5px 5px;
}
	div#leftCol  div#characterNav ul {
	    border:1px solid #8497c2;
	    margin:0px;
	    padding:0px;
	}
	* html #leftCol  div#characterNav ul {
	    padding:3px 0px;
	    padd\ing:0px;
	}
		div#leftCol div#characterNav ul li {
		    list-style-type:none;
		    border:1px solid #4e698f;
		    background:#270d87;
		    padding:0;
		    margin:3px;
		}
		*html div#leftCol div#characterNav ul li {
			width:200px;
			display:block;
		}
		
			div#leftCol div#characterNav ul li a {
			    color:#beddff;
			    text-decoration:none;
			    display:block;
			    padding:2px 12px 2px 5px;
			}
			*html div#characterNav ul li a {
			    width:200px;
			     w\idth:auto;
			}
			div#leftCol div#characterNav ul li.selected a {
				background:#3f16d8;
				color:#fff;
			}
			div#leftCol ul a:hover {
			background:#3f16d8;
			    color:#fff;
			}

			div#leftCol .readmore {
			    padding:3px 4px 4px 20px;
			}
			* html div#leftCol .readmore {
			    padding:0px 4px 1px 20px;
			    padd\ing:3px 4px 4px 20px;
			}

			#leftCol .readmore a {
			    text-decoration:underline;
			    display:inline;
			}


/****************** Animation ***************************/

div#DRAnimation {
width:235px;
height:396px;
background:url(../images/logo.jpg) top left no-repeat;
}




/***************** Titles ************************************/

h1 {
    position:absolute;
    top:7px;
    left:240px;
    z-index:1000;
    height:0;
    padding-top:83px;
    width:450px;
    background:url(../images/mainTitle.png) top left no-repeat;
    overflow:hidden;
}

h2#leftColTitle {
    position:absolute;
    left:15px;
    top:462px;
    height:0;
    padding-top:28px;
    width:224px;
    z-index:2000;
    background:url(../images/titleMeet.png) top left no-repeat;
    overflow:hidden;
}


div#contentCol h3 {
	height:0;
	padding-top:40px;
	width:400px;
	overflow:hidden;
	position:absolute;
	top:46px;
}
div#contentCol h3.book {
	background:url(../images/titleBook.png) top left no-repeat;
}
div#contentCol h3.author {
	background:url(../images/titleAuthor.png) top left no-repeat;
}
div#contentCol h3.intro {
	background:url(../images/titleIntro.png) top left no-repeat;
}
div#contentCol h3.meet {
	background:url(../images/titleDR.png) top left no-repeat;
}
div#contentCol h3.news {
	background:url(../images/titleNews.png) top left no-repeat;
}
div#contentCol h3.contact {
	background:url(../images/titleContact.png) top left no-repeat;
}

div#contentCol h4 {
	color:#666;
}
div#contentCol div.quotebox h4 {
	text-align:center;
	margin-bottom:5px;
}
div#contentCol h4.center {
	text-align:center
}

/************** News *********************************** */

div#contentCol ul.news {
	margin-top:20px;
	list-style-type:none;
	font-size:90%;
	height:330px;
	overflow: auto;
}
	div#contentCol ul.news li {
		margin-bottom:5px;
		padding-bottom:20px;
		background:url(../images/news.jpg) bottom center no-repeat;
	}

/************** Styles *********************************** */

div#contentCol p {
    margin:10px 0px;
    padding:0px;
    color:#666;
}
body.dr div#contentCol p {
   padding-right:50px;
}

div#contentCol {
    color:#868686;
}
div#contentCol a {
    color:#3f2090;
}

div#contentCol a:hover {
    color:#000;
}

div#contentCol div.contentbox {
	margin:5px;
	padding:10px;
	border:1px solid #e1e1e1;
	overflow:hidden;
}
div#contentCol div.center {
	text-align:center;
}
div#contentCol div.contentboxbuttons {
	margin:5px;
	padding:0;
	overflow:hidden;
}

div#contentCol div.contentbox p.facebook a {
	background:url(../images/fb.jpg) top left no-repeat;
	padding-left:20px;
	
}

/* Quote ********************************************************************************/
div#contentCol div.quotebox {
	margin:15px 5px 10px 5px;
	padding:15px 20px;
	background:#fff url(../images/quote.jpg) top left no-repeat;
	color:#333;
	overflow:hidden;
}
	div#contentCol div.quotebox p {
		color:#3f2090;
		text-align:center;
		background:transparent;
		padding:0;
		margin:0;
		font-size:90%;
		font-family:cambria, Book Antiqua, "serif";
	}
	div#contentCol div.quotebox h4 {
		color:#3f2090;
	}
	body.dr div#contentCol div.quotebox p {
		padding-right:50px;
	}

/* DR Character Images ********************************************************************************/

img.dr {
	position:absolute;

}
img.kyra {
	top:5px;
	left:360px;
}
img.noah {
	top:19px;
	left:330px;
}
img.crystal {
	top:0px;
	left:320px;
}
img.ray {
	top:15px;
	left:320px;
}

img.lauren {
	top:330px;
	left:100px;
}

/* Paypal Buttons ********************************************************************************/
div#buttonWrapper {
	width:201px;
	margin:auto;
}
div#contentCol  div.button {
		width:100px;
		float:left;
		text-align:center;
	}
	div#contentCol  div.first {
		border-right:1px solid #e1e1e1;
	}



#ie-message {
background:#db2e2e;
border:1px solid #333;
color: #fff;
padding:15px;
font-size:14px;
font-weight:bold;
letter-spacing:-1px;
margin-bottom:10px;
}
	 
#ie-message a {
color:#fff;
text-decoration:underline;
}