/* * * * * * * 	layout control 	* * * * * * */
	body {
		margin:0px 0px 0px 0px;
		background-color:#fff;
		}	
	body.index {
		background-color:#663399;
		}
	#centertrick {
		text-align: center;
	}
	#pagewrapper {	
		text-align: left;	
		width:760px;
	}
	#leftcontent {
		float:left;
		width:50%;
		margin-right:15px;
		padding-bottom:20px;
		color :#000;
		background-color:#fff;
		}
	#leftcontentindex {
		float:left;
		width:50%;
		margin-right:15px;
		padding-bottom:20px;
		color :#fff;
		background-color:#663399;
		}

/* * * * * * * 	control subsection line colors and formatting 	* * * * * * */
.subsectionarea {
		margin:0;
		text-align : left;
		padding : 0;
}
.subsectionarea img {
		float : right;
		padding : 0px 20px 0px 20px;		
}
.subsectionarea ul {
		padding : 0;
		margin:0;
}
.subsectionarea li {
		color : #333;
		background-color: transparent;
		font: normal normal normal 12px "Century Gothic", Verdana, Arial, Helvetica, sans-serif;		
		list-style-position: outside;
		list-style-type: square;
}
.subsectionarea p {
		color : #333;
		background-color: transparent;
		font: normal normal 600 14px "Century Gothic", Verdana, Arial, Helvetica, sans-serif;		
		padding : 0;
		margin:0;
}
.subsection_making {
		margin : 5px 0px 5px 0px;
		padding : 5px 20px 0px 20px;
		border-top: 1px solid #FF3366;	
}
.subsection_telling {
		margin : 5px 0px 5px 0px;
		padding : 5px 20px 0px 20px;
		border-top: 1px solid #FF9900;	
}
.subsection_using {
		margin : 5px 0px 5px 0px;
		padding : 5px 20px 0px 20px;
		border-top: 1px solid #FFCC00;	
}
.subsection_out {
		margin : 5px 0px 5px 0px;
		padding : 5px 20px 0px 20px;
		border-top: 1px solid #33CCCC;	
}
.subsection_drawing {
		margin : 5px 0px 5px 0px;
		padding : 5px 20px 0px 20px;
		border-top: 1px solid #CC99CC;	
}
.subsection_here {
		margin : 5px 0px 5px 0px;
		padding : 5px 20px 0px 20px;
		border-top: 1px solid #99CC66;	
}
/* * * * * * * 	text formatting 	* * * * * * */
	p {
		color : #fff;
		background-color : transparent;
		font : normal normal normal 14px "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
		margin : 5px 5px 10px 20px;
	}
	h1 {
		color : #fff;
		background-color : transparent;
		font : normal normal bold 20px "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
		margin : 5px 5px 20px 20px;
	}
	blockquote {
		color : #fff;
		background-color : transparent;
		font : italic normal normal 16px Palatino, Book Antiqua, Times New Roman, Times, Serif;
		margin : 20px 5px 20px 50px;

	}

/* * * * * * * 	control menu colors 	* * * * * * */

a.colormaking, a.colormaking:visited{
	color : #ff3366;
	background-color : transparent;	
	font-size: normal;
	text-decoration:none;
}
a.colormaking:hover{
	color : #ffffff;
	background-color : #ff3366;	
	font-size: normal;
	text-decoration:none;
}
a.colortelling, a.colortelling:visited{
	color : #ff9900;
	background-color : transparent;	
	font-size: normal;
	text-decoration:none;
}
a.colortelling:hover{
	color : #ffffff;
	background-color : #ff9900;
	text-decoration:none;
}
a.colorphoto, a.colorphoto:visited{
	color : #ffcc00;
	background-color : transparent;	
	font-size: normal;
	text-decoration:none;
}
a.colorphoto:hover{
	color : #fff;
	background-color : #ffcc00;
	text-decoration:none;
}
a.colorout, a.colorout:visited{
	color : #33CCCC;
	background-color : transparent;
	font-size: normal;
	text-decoration:none;
}
a.colorout:hover{
	color : #fff;
	background-color : #33CCCC;
	text-decoration:none;
}
a.colordrawing, a.colordrawing:visited{
	color : #cc99cc;
	background-color : transparent;
	font-size: normal;
	text-decoration:none;
}
a.colordrawing:hover{
	color : #fff;
	background-color :  #cc99cc;
	text-decoration:none;
}
a.colorhere, a.colorhere:visited{
	color : #99CC66;
	background-color : transparent;
	font-size: normal;
	text-decoration:none;	
}
a.colorhere:hover{
	color : #fff;
	background-color :  #99CC66;
	text-decoration:none;
}
td {  
	font : normal normal bold 14px "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
}
.greyedout {  	
	color : #ccc;	
}
.menuwrapper{
	background: #663399 url(../images/cover_kid_.jpg) no-repeat scroll 0% 0%;
	height : 370px;
}


/* * * * * * * 	misc	* * * * * * */

.black {
	color : #000;
	background-color :  transparent;}


img { 
	margin :5px 5px 5px 0px;
}

.purplepages a:link{
		text-decoration: none;
		color: #ffcc00;
		background-color : transparent;	
}
.purplepages a:visited{
		text-decoration: none;
		color: #ffcc00;
		background-color : transparent;	
}
.purplepages a:active, .purplepages a:hover{
		text-decoration: underline;
		color: #FFFF00;
		background-color : transparent;
}

/* * * * * * * * * footer * * * * * * * * * */

.footer p{
	font : normal normal bolder 14px "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
}
.footer a:link, .footer a:visited {
		text-decoration: none;
		color: #663399;
		background-color : transparent;	}
.footer a:active, .footer a:hover{
		text-decoration: underline;
		color: #FFFF00;
		background-color : transparent;	}