body{ /* This is your main body default setting */
	background-color: #FA651C; /* SITE BACKGROUND COLOR */
	margin:0px; /* NO MARGINS */
	font-family:Verdana, Tahoma, Arial, sans-serif; /* SITE MAIN FONT */
	font-size:small; /* SITE CONTENT FONT SIZE */
	line-height:20px; /* LINE SPACING */
}

img{
	border:0px; /* NO BORDER ON LINKED IMAGES */
}


a {
	color:#304DA6;
	text-decoration:none;
	font-weight:bold;
}

/* COMMON CONTENT */

.menu{ /* THIS TELLS THE PAGE TO LINE YOUR TOP MENU TO THE RIGHT */
	padding:3px;
	text-align:right;
}

div.scroll {
height: 325px;
width: 435px;
overflow: auto;
padding: 8px;
}


div.scroll2 {
height: 325px;
width: 540px;
overflow: auto;
padding: 8px;
}



.rightcolumn{ /* This is your right section with the blue background that is used on every page */
	width:180px; /* your blue column is 180px in width */
	float:right; /* your blue column is on the right of the page */
	margin-top:15px; /* we are dropping the blue column to give some space between the top menu and right content */
	margin-right:5px; /* we want to leave some space on the right of the content so there is a little padding on the edge of the blue column*/

}


.rightcolumncoach{ /* This is your right section with the blue background that is used on every page */
	width:180px; /* your blue column is 180px in width */
	float:right; /* your blue column is on the right of the page */
	margin-top:15px; /* we are dropping the blue column to give some space between the top menu and right content */
	margin-right:5px; /* we want to leave some space on the right of the content so there is a little padding on the edge of the blue column*/
	font-size:11px;
	font-style:italic;

}


.footerright{
	color:#FFF;
	width:640px;
	float:right;
	padding:10px;
	margin-right:25px;
}

.footerright a {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

.footerright a:hover {
	color:#FCA276;
	text-decoration:none;
	font-weight:bold;
}


.footerbox{
	width:240px;
	float:left;
	margin-left:35px;
	margin-top:50px;
}

.homefooterbox{
	width:240px;
	float:left;
	margin-left:35px;
	margin-top:15px;
}


.homefooterbox a{color:#FFF;}

.footerboxspeaker{
	width:240px;
	float:left;
	margin-left:35px;
	margin-top:50px;
	color:#000;
}


.footerbox a {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}


.copy{
	padding:10px;
	text-align:center;
	color:#FFF;
	font-size:xx-small;
}

.copy a {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}



/* ABOUT PAGE */

.aboutcontent{ /* this is the about page information with descriptions the same as the above section */
	width:990px;
	height:507px;
	background-image:url('images/aboutbg.png');
	background-position:center top;
	background-repeat:no-repeat;
	margin:0 auto;
}

.aboutcenter{ /* this is the white section of your about page */
	width:450px;
	height:350px;
	float:left;
	margin-left:225px;
	margin-top:85px;
	margin-bottom:5px;

}

.aboutbottom{
	width:100%;
	height:220px;
	background-image:url('images/aboutbottom.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#E01B6A;
	color:#FFF;
	clear:both;
	margin-top:5px;
}

/* AUTHOR PAGE */

.authorcontent{ /* THIS TELLS THE SITE WHAT BACKGROUND IMAGE TO USE ON THE INDEX PAGE */
	width:990px; /* our main content area is 990 */
	height:507px; /* our main content height is 708 */
	background-image:url('images/authorbg.png'); /* this is the background image */
	background-position:center top; /* we want the background image to be aligned to the top and center*/
	background-repeat:no-repeat; /* we do not want the image to repeat */
	margin:0 auto; /* this means we want the site centered */
}

.authorcenter{ /* this is the white section of your homepage */
	width:450px; /* The white main section of your page is 450 in width */
	height:350px;
	float:left; /* we want this to the left of the page because the blue area is to the right of the page */
	margin-left:335px; /* we want the main content to start 330px from the left to clear the image of Caroline */
	margin-top:85px; /* we want main content to start 85px from the top to clear carolines logo*/
	margin-bottom:5px;
}

.authorbottom{
	width:100%;
	height:220px;
	background-image:url('images/authorbottom.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#E01B6A;
	color:#FFF;
	clear:both;
	margin-top:5px;
}




/* COACH PAGE */


.coachcontent{ /* THIS TELLS THE SITE WHAT BACKGROUND IMAGE TO USE ON THE INDEX PAGE */
	width:990px; /* our main content area is 990 */
	height:507px; /* our main content height is 708 */
	background-image:url('images/coachbg.png'); /* this is the background image */
	background-position:center top; /* we want the background image to be aligned to the top and center*/
	background-repeat:no-repeat; /* we do not want the image to repeat */
	margin:0 auto; /* this means we want the site centered */
}


.coachcenter{ /* this is the white section of your homepage */
	width:450px; /* The white main section of your page is 450 in width */
	height:350px;
	float:left; /* we want this to the left of the page because the blue area is to the right of the page */
	margin-left:335px; /* we want the main content to start 330px from the left to clear the image of Caroline */
	margin-top:85px; /* we want main content to start 85px from the top to clear carolines logo*/
	margin-bottom:5px;
}


.coachbottom{
	width:100%;
	height:220px;
	background-image:url('images/coachbottom.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#E01B6A;
	color:#FFF;
	clear:both;
	margin-top:5px;
}


/* CONTACT PAGE */

.contactcontent{ /* this is the about page information with descriptions the same as the above section */
	width:990px;
	
	background: #FFF url('images/contactbg.png') no-repeat center top;
	margin:0 auto;
}


.contactcenter{ /* this is the white section of your about page */
	width:450px;
	height:350px;
	float:left;
	margin-left:15px;
	margin-top:85px;
	margin-bottom:5px;
	background:#FFF;

}

.contactdetails{
	width:200px;
	float:left;
	margin-left:125px;
	margin-top:20px;
}


.contactbottom{
	width:100%;
	height:220px;
	background-image:url('images/contactbottom.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#E01B6A;
	color:#FFF;
	clear:both;
	margin-top:5px;
}




/* INDEX PAGE */

.indexcontent{ /* THIS TELLS THE SITE WHAT BACKGROUND IMAGE TO USE ON THE INDEX PAGE */
	width:990px; /* our main content area is 990 */
	height:708px; /* our main content height is 708 */
	background-image:url('images/indexbg.png'); /* this is the background image */
	background-position:center top; /* we want the background image to be aligned to the top and center*/
	background-repeat:no-repeat; /* we do not want the image to repeat */
	margin:0 auto; /* this means we want the site centered */
}

.indexcenter{ /* this is the white section of your homepage */
	width:450px; /* The white main section of your page is 450 in width */
	height:350px;
	float:left; /* we want this to the left of the page because the blue area is to the right of the page */
	margin-left:335px; /* we want the main content to start 330px from the left to clear the image of Caroline */
	margin-top:85px; /* we want main content to start 85px from the top to clear carolines logo*/
	margin-bottom:5px;
}

.indexbottom{
	width:100%;
	height:220px;
	background-image:url('images/indexbottom.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#E01B6A;
	color:#FFF;
	clear:both;
	margin-top:5px;
}



/* PRESS PAGE */


.presscontent{ /* THIS TELLS THE SITE WHAT BACKGROUND IMAGE TO USE ON THE INDEX PAGE */
	width:990px; /* our main content area is 990 */
	height:507px; /* our main content height is 708 */
	background-image:url('images/pressbg.png'); /* this is the background image */
	background-position:center top; /* we want the background image to be aligned to the top and center*/
	background-repeat:no-repeat; /* we do not want the image to repeat */
	margin:0 auto; /* this means we want the site centered */
}


.presscenter{ /* this is the white section of your homepage */
	width:450px; /* The white main section of your page is 450 in width */
	height:350px;
	float:left; /* we want this to the left of the page because the blue area is to the right of the page */
	margin-left:335px; /* we want the main content to start 330px from the left to clear the image of Caroline */
	margin-top:85px; /* we want main content to start 85px from the top to clear carolines logo*/
	margin-bottom:5px;
}


.pressbottom{
	width:100%;
	height:220px;
	background-image:url('images/pressbottom.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#E01B6A;
	color:#FFF;
	clear:both;
	margin-top:5px;
}



/* SPEAKER PAGE */



.speakercontent{ /* this is the about page information with descriptions the same as the above section */
	width:990px;
	height:507px;
	background-image:url('images/speakerbg.png');
	background-position:center top;
	background-repeat:no-repeat;
	margin:0 auto;
}

.speakercenter{ /* this is the white section of your homepage */
	width:450px; /* The white main section of your page is 450 in width */
	height:350px;
	float:left; /* we want this to the left of the page because the blue area is to the right of the page */
	margin-left:335px; /* we want the main content to start 330px from the left to clear the image of Caroline */
	margin-top:85px; /* we want main content to start 85px from the top to clear carolines logo*/
	margin-bottom:5px;
}


.speakerbottom{
	width:100%;
	height:220px;
	background-image:url('images/speakerbottom.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#E01B6A;
	color:#FFF;
	clear:both;
	margin-top:5px;
}








	#dhtmlgoodies_scrolldiv{
		/* The total width of the scrolling div including scrollbar */
		width:100%;
		height:350px;	/* The height of the scrolling div */
	}
	#scrolldiv_parentContainer{
		width:100%;	/* Width of the scrolling text */
		height:100%;
		overflow:hidden;
		border:1px solid #BC8FBD;
		float:left;
		position:relative;
	}
	
	/*
	CSS for the scrolling content 
	*/
	#scrolldiv_content{
		padding: 5px;
		position:relative;
	}
	
	/*
	The scrollbar slider 
	*/
	#scrolldiv_slider{
		width:15px;
		margin-left:2px;
		height:500px;
		float:left;
	}
	
	/*
	The scrollbar (The bar between the up and down arrow )
	*/
	#scrolldiv_scrollbar{
		width:15px;
		height:460px;	/* Total height - 40 pixels */
		border:1px solid #BC8FBD;
		position:relative;
		
	}
	/*
	The scrollbar handle
	*/
	#scrolldiv_theScroll{
		margin:1px;
		width:13px;
		height:13px;
		background-color:#BC8FBD;
		position:absolute;	
		top:0px;
		left:0px;
		cursor:pointer;
	}
	/*
	Scroll buttons(The up and down arrows)
	*/
	#scrolldiv_scrollDown{
		width:15px;
		height:16px;
		border:1px solid #BC8FBD;
		color: #BC8FBD;
		text-align:center;
		font-size:16px;
		line-height:16px;
		cursor:pointer;
	}
	#scrolldiv_scrollUp{
		width:15px;
		height:16px;
		border:1px solid #BC8FBD;
		color: #BC8FBD;
		text-align:center;
		font-size:16px;
		line-height:16px;
		cursor:pointer;
	}
	#scrolldiv_scrollUp{
		margin-bottom:2px;
	}
	#scrolldiv_scrollDown{
		margin-top:2px;
	}
	#scrolldiv_scrollUp span{
		font-family: Symbol;
	}


	#scrolldiv_scrollDown span{
		font-family: Symbol;
	}







#contact-area {
	width: 500px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 3px;
	width: 200px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 40px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: left;
}
#contact-area label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}