body {
	background: #ffffff; 
	font-family: Verdana, Arial, Sans-Serif; 
	color: #660000;
	font-size: .8em;
	line-height: 1.4em;
	text-align: left
}

#container {
	background: url(../images/blocks.jpg) no-repeat top center;
	text-align: left; /* hack for IE */
	width: 1200px;
	margin: 0 auto;
	height: 100%;
} 

#container2 {
	background: url(../images/blocks2.jpg) no-repeat top center;
	text-align: left; /* hack for IE */
	width: 1200px;
	margin: 0 auto;
	height: 100%;
} 

#container3 {
	background: url(../images/blocks3.jpg) no-repeat top center;
	text-align: left; /* hack for IE */
	width: 1200px;
	margin: 0 auto;
	height: 100%;
} 

#indent { 
	margin-left: 30px;
	}

a, a:link, a:visited, a:active { 
	color: #0099cc; 
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap; /* prevents links from extending too far */
		}
			
a:hover {
	color:#cc0000; 
	}
	
a img {
	border:0
	}	
	
.addborder:hover img{
	border: 2px solid #0099cc;
	}

.addborder:hover{
	color: #0099cc; /* irrelevant definition to overcome IE bug */
	}
	
	
h1 {
	text-align: right;
	font-size: 2.2em;
	color:#cc0000; 
	font-family: Arial, Verdana, Sans-Serif; 
	font-weight:600;
	}		

h2, h3 { 
	color:#cc0000; 
	font-family: Arial, Verdana, Sans-Serif; 
	font-weight:600;
	margin-top: 10px
		}		
		
big {
	font-size: 1.8em;
	color:#cc0000; 
	font-family: Arial, Verdana, Sans-Serif; 
	font-weight:600;
	line-height: 3em;
	}				

li.space { 
	margin: 1em 0;
	}
	
p.indent { 
	margin-left: 30px;
	}
	
br.indent { 
	margin-left: 30px;
	}	
	
b.red { 
	color:#cc0000; 
	}	
	
img.center {
	border: none;
	display: block;
    margin-left: auto;
    margin-right: auto 
	}	

img.photos {
	background-color: #ffffff; 
	padding: 6px 4px 18px 4px; 
	border: 1px solid #D0D0D0;
	margin: 2px
	}	

/* Notebook */

#mainheader {
	background: url(../images/notebookheader.png) no-repeat top left;
	width: 740px;
	height: 171px;
	padding: 0;
	margin: 0;
}

#mainbody {
	background: url(../images/notebookbody.png) repeat-y top left;
	width: 740px;
	padding: 0;
	margin: 0;
	min-height: 216px;
}

#mainfooter {
	background: url(../images/notebookfooter.png) no-repeat top left;
	width: 740px;
	height: 219px;
	padding: 0;
	margin: 0;
}

#content {
	width: 460px;
	margin-left: 200px;
	padding: 1px;
	min-height: 162px;
	overflow: hidden; /* prevents links from extending too far */
}
	

/* End Notebook */


/* Begin Navigation */

#navigation {
	background: transparent url(../images/navbox.png) no-repeat;
	position: absolute;
	top: 120px;
	margin-left: 740px;
	color:#cc0000;
	width: 230px;
	height: 335px;
	padding: 15px;
}

#navigation a {
	color:#cc0000; 
	}

#navigation a:hover {
	color:#0099cc;  
	}	

ul.navigation {
	font-family: Arial, Verdana, Sans-Serif; 
	font-size: 20px;
	line-height: 120%;
	font-weight: 600;
	list-style: none;
	margin-left: 34px;
	margin-top: 40px;
	padding: 0px;
	border: none;
	
}

/* End Navigation */

/* Tutor Application Form */

/*Based on a form from the Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
width: 380px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 180px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -180px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (160px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 180px;
height: 80px;
}

.cssform small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:left;
width:140px;
}

.cssform center{
padding: 30px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* End Form */

</style>