/***********************************************************
/
/	MAIN DEFINITIONS (body, div, img, etc.)
/
/***********************************************************/

/* some compatibility with mozzila etc. */
div
{
	-moz-box-sizing:	border-box;
	box-sizing:			border-box;
	margin:				0;
	padding:			0;
}

/* Do not want margin on the main body */
body
{
	margin-top: 		0px;
	margin-left:		0px;
	margin-right:		0px;
	margin-bottom:		0px;
	background-color:	#9752C8;	
}

/* no border on any images is default */
img
{
	border:				0;
}

/***********************************************************
/
/	ID DEFINITIONS
/
/***********************************************************/

/* Title pic for each page */
#titlePic
{
	top: 				0px;
	left:				0px;
	float:				left;
	width:				250px;
	height:				200px;
	background-color:	#9752C8;
	padding-top:		1em;
	padding-bottom:		1em;
	padding-right:		1em;
}

/* define the image for the page headers */
#titlePic img
{
	width:				176px;
	height:				150px;
	vertical-align:		middle;
	align:				center;
	border-left:		3px solid #4B115F;
	border-right:		1px solid #E6BAFF;
	border-top:			1px solid #E6BAFF;
	border-bottom:		3px solid #4B115F;
}

/* Title of each page */
#title
{
	position: 			relative;
	top: 				0px;
	height: 			200px;
	background-color:	#4B115F;
	font-size: 			32pt;
	color:				#FFFFFF;
	font-family:		century schoolbook bold italic, century gothic, arial, times new roman, sans-serif;
	text-align:			center;
	padding-top:		1em;
	padding-bottom:		1em;
	padding-left:		1em;
	padding-right:		1em;		
}

/* Title of homepage */
#hometitle
{
	position: 			relative;
	top: 				0px;
	height: 			220px;
	background-color:	#4B115F;
	font-size: 			18pt;
	color:				#FFFFFF;
	font-family:		century schoolbook bold italic, century gothic, arial, times new roman, sans-serif;
	text-align:			center;
	vertical-align:		middle;
	padding-top:		1em;
	padding-bottom:		1em;
	padding-left:		1em;
	padding-right:		1em;		
}

/* navigation portion */
#nav
{
	position:			relative;
	float:				left;
	width:				250px;
	height:				100%;
	background-color:	#9752C8;
	padding-top:		1em;
	padding-left:		1em;
}

/* treatment pages body */
#treatmentBody
{
	height:				100%;
	background-color:	#E6BAFF;
	font-size: 			14pt;
	color:				#000000;
	font-family:		arial, century gothic, times new roman, sans-serif;
	text-align:			left;
	padding-top:		1em;
	padding-left:		1em;
	padding-right:		1em;
	padding-bottom:		1em;
}

/* bolded section of the treatment pages */
#treatmentBody strong
{
	font-family:		century schoolbook bold italic, century gothic, arial, times new roman, sans-serif;
	color:				#125520;
}

/***********************************************
/
/			LINKS
/
************************************************/

/* each link has no decoration, etc */
a
{
	text-decoration:	none;
}

/* lists */
#list
{
	bottom:				0;
	width:				100%;
	background-color:	#E6BAFF;
	font-family:		arial, century gothic, sans serif;
	font-size:			10pt;
}

/* each list element*/
div#list ul li
{
	display:	 		block;
}

/* the actual list */
div#list ul
{	
	margin: 			0 0 0 0;
	footer-style-type: 	circle;
}

/* any links within that list */
div#list ul li a
{
	width:				350px;
	color: 				#FFFFFF;
	background-image: 	url('../pictures/buttonGreenBackground.gif');
	/*background-color: 	#1C3D23;*/
	padding: 			0.2em;
	text-decoration:	none;
	border: 			1px solid #E6BAFF;
}

/* hovering over the link within the list */
div#list ul li a:hover
{
	background-image:	url('../pictures/buttonPurpleBackground.gif');
	/*background-color: 	#881899;*/
	color: 				#FFFFFF;
}

/* download links */
.downloads a
{
	color:				#4B115F		
}

/***********************************************************
/
/	CLASS DEFINITIONS
/
/***********************************************************/

/* */
.center
{
	text-align:			center;
}

/* main body portion */
.mainBody
{		
	left:				270px;
	height:				100%;
	background-color:	#E6BAFF;
	font-size: 			14pt;
	color:				#000000;
	font-family:		arial, century gothic, times new roman, sans-serif;
	text-align:			left;
	padding-top:		1em;
	padding-left:		1em;
	padding-right:		1em;
	padding-bottom:		1em;		
}

/* green bar below titles */
.bar
{
	background: 		url('../pictures/greenbar3.jpg') #621180 repeat-x;
	width:				100%;
	height:		 		36px;		
}

/***********************************************
/
/			PICTURE BOXES
/
************************************************/

.picBox
{
	position:			relative;
	float:				right;
	width:				200px;
	background-color: 	#9752C8;
	padding:			10px 10px 10px 10px;
	font-family:		arial, sans-serif;	
	font-size:			10pt;
	border: 			1px solid #4B115F;
	margin:				5px 5px 5px 5px;
}

div.picBox img
{
	border:				1px solid #000000;
}

div.picBox#i
{
	float:				none;
}

div.picBox img#exercises
{
	width:				600px;
	height:				400px;			
}

/***********************************************
/
/			PICTURE BUTTONS
/
************************************************/

div.picButton
{
	position:			relative;
	width:				70px;
	top:				5px;
	border: 			1px solid #4B115F;
	background-color: 	#E6BAFF;
	padding:			5px 5px 5px 5px;		
}

div.picButton a:hover
{
	color:				#FFFFFF;
	background-color: 	#4B115F;
}

.picButton#next
{
	left:				480px;				
}

.picButton#prev
{
	left:				10px;				
}