@charset "UTF-8";

/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	text-align: center;
	font-size: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image:url(bg.png);
	background-repeat:repeat-y;
	background-position:center;
	background-color:#000;
}

div#box {
	text-align:left;
	width: 960px;
	margin: 0 auto;
}

div#sfulogo {
	height:40px;
	margin-left:35px;
	background-image:url(sfulogo.png);
	background-position:0 0;
	background-repeat:no-repeat;

	
	}

pre {
	padding-left:30px;
	font-family:"Courier New", Courier;
	font-size:110%;
	color:#000;
	margin: 5px 0 10px 0;
	background-color:#eee;
	
	}

span#blue {
	color:#0000FF;
	}

span#green{
	color:#009900;
	}

span#grey {
	color:#999;
	}



/*----------------------header Panel----------------------------*/
div#header {
	width:890px;
	border:#bbb 1px solid;
	border-bottom:#555 8px solid;
	margin:0 35px 0 35px;
	padding-bottom:1px;
	background-color:#FFFFFF;
	background-image:url(tblogo.png);
	background-repeat:no-repeat;
	background-position:15px 18%;

	}

div#header ul {
	list-style:none;


}
div#tools {
	width:170px;
	background-color:#aaa;
	margin-left:720px;
	margin-top:12px;
	margin-bottom:12px;
	padding:3px 0 5px 0;
	line-height:0.7em;
	background-image:url(help.png);
	background-repeat:no-repeat;
	background-position:98% 10%;
	

}

div#tools a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:60%;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:12px;

}

div#nav {
	height:32px;
	width:890px;
	background-color:#e7662b;
	display:block;

}

div#nav a {
	text-decoration:none;
	font-size:100%;
	line-height:1.9em;
	padding:0 17px 0 17px;
	color:#FFFFFF;
	display:block;

}

/*div#nav ul li:hover {
	background-color:#339999;
	}*/

div#nav ul li#selected  {
	background-color:#383838;
	}
/*div#nav ul li#selected a {
	color:#333333;
	}*/

li#extra a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	text-transform:uppercase;
	line-height:2.7em;
	padding-left:12px;
	color:#fff;
	background-image:url(arrow.png);
	background-position:126px 13px;
	background-repeat:no-repeat;
	
}

div#nav ul li#extra {
	width:170px;
	background-color:#339999;
	
	}

div#nav ul li {
	float:right;
	height: 32px;
	border-left:white 1px solid;
	background-color:#e7662b;
	display:block;
	
}

/*----------------------Content Panels----------------------------*/
div#main {
	width:712px;
	float:left;
	margin-left:35px;
	margin-top:8px;
	padding-bottom:20px;
	
	}
	
div#content{
	padding:12px 50px 20px 58px;
	border:#bbb 1px solid;
	font-size:75%;
	color:#333;
	background-color:#FFFFFF;

	}
div#content ol {
	margin-left:30px;
	}

div#main div#content strong {
	font-weight:normal;
	color:#222;
	background-color:#CDEEEE;
	}

div#main div#content img{
	margin-bottom:10px;
	}

div#content h1{
	font-weight:normal;
	font-size:289%;
	color:#e7662b;
	margin-bottom:20px;
	
	}
div#content h2{
	color:#333;
	margin-bottom:10px;
	font-size:100%;
	margin-top:22px;

	}
div#content h3{
	color:#333;
	margin-bottom:8px;
	font-size:100%;
	margin-top:15px;
	text-transform:capitalize;
	font-style:italic;
	font-weight:normal;
	background-image:url(point.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:12px;

	}
div#content a{
	color:#e7662b;
	text-decoration:none;
	
	}
div#content p{
	line-height:1.8em;
	}
	
div#footer {
	width:260px;
	margin-left:55px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:55%;
	background-color:#aaa;
	color:#FFFFFF;
	float:left;
	line-height:1.8em;
	}
/*----------------------Side Panels----------------------------*/
div#sidebar{
	width:170px;
	float:right;
	margin-right:35px;
	margin-top:8px;
	}
div#sidebar ul {
	list-style:none;
	margin:5px 0 0 12px;

}

div#sidebar a {
	text-decoration:none;
	color:#fff;
	font-size:70%;
	line-height:1.4em;
}

div#sidebar a:hover {
	text-decoration:underline;
}

div#sidebar div#resource h3 a:hover {
	text-decoration:none;
}

div#sidebar h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:normal;
	margin:0 12px 0 12px;
	font-size:85%;
	background-image:url(underline2.png);
	background-repeat:repeat-x;
	background-position:bottom;
	line-height:2em;
	}
div#sidebar h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:100%;
	text-transform:uppercase;
	margin:12px 12px 0 12px;
	line-height:1.9em;
	color:#ddd;
	background-image:url(underline.png);
	background-repeat:repeat-x;
	background-position:bottom;
	}

div#sidebar h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:italic;
	font-size:100%;
	text-transform:uppercase;
	margin:12px 12px -12px 12px;
	line-height:1.9em;
	color:#ddd;
	background-image:url(underline2.png);
	background-repeat:repeat-x;
	background-position:top;
	}

div#lessons {
	background-color:#333;
	margin-bottom:8px;
	padding-bottom:20px;

}

div#lessons h1 {
	font-size:60%;
	line-height:2em;
	color:#bbb;
	background-image:url(underline.png);
	background-repeat:repeat-x;
	background-position:bottom;
	
	}

div#lessons a{
	color:#e7662b;
	
	}

div#downloads {
	background-color:#999;
	margin-bottom:8px;
	padding-bottom:20px;

}
div#resource {
	background-color:#339999;
	margin-bottom:8px;
	padding-bottom:20px;

}