* {
	margin: 0;
	padding: 0;
}
/*- GLOBAL <<<-------*/
body {
	background-image:url(images/background.jpg);
	background-repeat: repeat-x;
	background-color:#333333;
	font-family:Tahoma, Verdana, Arial, sans-serif;
}
/*.accent{
position:absolute;
z-index:1;
width:250px;
height:750px;
top:88px;
left:0;
background-image:url(images/page-accent.png);
background-repeat:repeat-y;
}
.torn-notebook-right{
position:absolute;
z-index:-1;
width:400px;
height:475px;
float:right;
top:475px;
left:1000px;
}
.torn-notebook-left{
position:absolute;
z-index:-1;
width:400px;
height:475px;
float:right;
top:900px;
left:0px;
}*/
/*- TEXT <<<-------*/
p {
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:0.9em;
	margin: 10px 0 10px 0;
	color:#333;
}
em{
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:0.9em;
	margin: 10px 0 10px 0;
	color:#333;
}
.underline{
text-decoration:underline;
}
.half-left-content ul li, .half-right-content ul li, .right-content-alt ul li {
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:0.9em;
	margin: 10px 0 10px 25px;
	color:#333;
	list-style:square;
}
.half-left-content ol li, .half-right-content ol li {
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:0.9em;
	margin: 10px 0 10px 25px;
	color:#333;
}
h1 {
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:1.2em;
	margin: 10px 0 10px 0;
	color: #333;
}
h2 {
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:1em;
	margin: 0 0 10px 0;
	color: #333;
}
h3 {
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:0.8em;
	margin: 0 0 5px 0;
	color: #990000;
	font-weight: lighter;
}
/*- TEXT STYLES <<<-------*/
.bold {
	font-weight:bold;
}
.italics {
	font-style:italic;
}
.underline {
	text-decoration:underline;
}
.align-left {
	text-align:left;
}
.align-center {
	text-align:center;
}
.align-right {
	text-align:right;
}
/*- LINKS <<<-------*/
a {
	color:#990000;
}
a:visited {
	color:#550000;
}
/*======>NAVIGATION<=======*/

ul#nav {
	float: left;
	list-style-type: none;
	height: 88px;
	margin: 0px 0 0px 15px;
	width: 800px;
	text-align:center;
	cursor: default;
}
ul#nav li {
	display: block;
	float: left;
	height: 55px;
	padding:7px 10px 0 10px;
}
ul#nav li a, ul#nav li a:visited {
	display: block;
	height: 55px;
	text-indent: -5000px;
	overflow: hidden;
}
#nav-home a {
	width:110px;
	background-image:url(images/nav-home.png);
}
#nav-about a {
	width:110px;
	background-image:url(images/nav-about.png);
}
#nav-faculty a {
	width:110px;
	background-image:url(images/nav-faculty.png);
}
#nav-classes a {
	width:110px;
	background-image:url(images/nav-classes.png);
}
#nav-featured a {
	width:110px;
	background-image:url(images/nav-featured.png);
}
#nav-contact a {
	width:110px;
	background-image:url(images/nav-contact.png);
}
#nav-tsa a {
	width:110px;
	background-image:url(images/nav-tsa.png);
}
#nav-home a:hover, #nav-about a:hover, #nav-faculty a:hover, #nav-classes a:hover, #nav-featured a:hover, #nav-contact a:hover, #nav-tsa a:hover, #nav-home a.current, #nav-about a.current, #nav-faculty a.current, #nav-classes a.current, #nav-featured a.current, #nav-contact a.current, #nav-tsa a.current {
	background-position: 0px -55px;
}
/*- STRUCTURE <<<-------*/
#wrapper {
	margin: 0 auto;
	width:800px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	
}
#subheader {
	width:860px;
	height:300px;
	background-repeat: no-repeat;
	margin: 0 0 0 -37px;
	float: left;
	position: relative;
	z-index: 1;
}
.subheader-button {
	width:155px;
	height:30px;
	float:right;
	margin:225px 110px 0 0;
}
.subheader-button img {
	border:none;
}
.subheader-home {
	background-image:url(images/subheader-home.png);
}
.subheader-about {
	background-image:url(images/subheader-about.png);
}
.subheader-faculty {
	background-image:url(images/subheader-faculty.png);
}
.subheader-classes {
	background-image:url(../images/sub-header.png);
}
.subheader-featured {
	background-image:url(images/subheader-featured.png);
}
.subheader-tsa {
	background-image:url(images/subheader-tsa.png);
}
/*- COLUMNS <<<-------*/
.column-full-home {
	width:760px;
	background-color:#00FF00;
	float: left;
	margin:-35px 0 0 0;
	padding: 30px 20px 20px 20px;
	position: relative;
}
.column-full-top {
	width:760px;
	background-color:#eeeeee;
	float: left;
	margin:-35px 0 0 0;
	padding: 30px 20px 20px 20px;
	position: relative;
	
}
.column-full {
	width:760px;
	background-color:#eeeeee;
	float: left;
	padding: 20px 20px 20px 20px;
}
.left-column {
	width:250px;
	float:left;
}
.right-column {
	width:500px;
	float: right;
}
.left-content {
	width:475px;
	float:left;
	text-align: justify;
}
.right-content {
	width:250px;
	float:right;
	text-align: justify;
}
.half-left-content {
	width:360px;
	min-height:400px;
	float:left;
	text-align: justify;
	padding: 0 0 0 5px;
}
.half-right-content {
	width:360px;
	min-height:400px;
	float:right;
	text-align: justify;
	margin: 0 5px 0 0;
}
/*- FOOTER <<<-------*/
#footer-background {
	width:100%;
	float: left;
	background-image: url(images/footer-background.jpg);
	background-repeat: repeat-x;
}
#footer-container {
	width:800px;
	background-image: url(images/footer.png);
	margin: 0 auto;
	background-repeat: no-repeat;
	height: 300px;
}
#footer-bottom {
	width:100%;
	background-color:#333;
	height:35px;
	text-align:center;
	color:#fff;
	margin:5px 0 0 0;
	font-size:0.8em;
	float: left;
	padding: 10px 0 0 0;
}
#footer-bottom a {
	color:#fff;
}
.footer-valid{
margin:0 5px 0 5px;
}
img{
	border:none;
	margin:0px;
}
/*- SHOWCASE <<<-------*/
.showcase {
	width:748px;
	height:200px;
	background-color:#ddd;
	border:1px solid #d8d8d8;
	float: left;
	padding: 0 5px 0 5px;
}
.showcase-item {
	width:175px;
	height:150px;
	background-color:#D4D4D4;
	border:1px solid #ccc;
	float: left;
	margin: 25px 0 0 7px;
}
/*- MINI SHOWCASE <<<-------*/
.minishowcase {
	height:125px;
	background-color:#ddd;
	border:1px solid #d8d8d8;
	float: left;
	padding: 15px 5px 15px 5px;
	margin: 0 0 10px 0;
	width: 480px;
}
.minishowcase-item {
	width:150px;
	height:125px;
	background-color:#D4D4D4;
	border:1px solid #ccc;
	float: left;
	margin: 0 4px 0 4px;
}
/*- FEATURED COLUMN <<<-------*/
#featured {
	background-image:url(images/featured-work.png);
	background-repeat:no-repeat;
	background-color:#ddd;
	border:1px solid #d8d8d8;
	width:248px;
	min-height:400px;
	float: right;
}
.featured-top {
	width:100%;
	height:50px;
	float: left;
}
.featured-item {
	width:225px;
	height:150px;
	background-color:#D4D4D4;
	border:1px solid #ccc;
	float: left;
	margin: 15px 0 10px 10px;
}
/* ------------- BREADCRUMBS <<<--------*/
.breadcrumbs {
	width:740px;
	height:20px;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
	padding:10px 10px 15px 10px;
	margin: 0px 0 10px 0;
}
/* --------------------------------------------------*/
/* ------------- CLASSES/FACULTY/FEATURED <<<--------*/
/* --------------------------------------------------*/
.root-info {
	float:right;
	width:250px;
	background-color:#d8d8d8;
	border:1px solid #ccc;
	margin: 20px 25px 0 0px;
	padding: 10px;
	text-align: justify;
}
.root-link {
	width:155px;
	background-color:#d8d8d8;
	border:1px solid #ccc;
	float: left;
	padding: 5px 10px 10px 10px;
	margin: 15px 0 0 20px;
}
.root-pic {
	float:left;
	width:175px;
	height:150px;
	background-color:#d8d8d8;
	border:1px solid #ccc;
	margin: 20px 0 0 20px;
}
/* ------------- TEACHER PAGE <<<--------*/
.item-container {
	width:500px;
	background-color:#ddd;
	border:1px solid #d8d8d8;
	margin: 0 0 25px 0;
	float: left;
	padding: 0 0 10px 0;
}
.item-info {
	float:left;
	width:480px;
	/*	background-color:#d8d8d8;
	border:1px solid #ccc;*/
	margin: 0px 0px 10px 5px;
	padding: 0px 0px 10px 0;
	text-align: justify;
}
.item-info img {
	margin: 0px 0px 0px 0px;
}
.item-pic {
	float:left;
	width:250px;
	height:200px;
	margin:0 0 20px 0;
	background-color:#d8d8d8;
}
/* ------------- LIST <<<--------*/
.list-ourteachers {
	width:250px;
	height:50px;
	background-image: url(faculty/images/ourteachers-title.png);
	background-repeat: no-repeat;
}
.list-teacherlinks {
	width:250px;
	height:50px;
	background-image: url(faculty/images/teacherlinks-title.png);
	background-repeat: no-repeat;
}
.list-theclasses {
	width:250px;
	height:50px;
	background-image: url(classes/images/theclasses-title.png);
	background-repeat: no-repeat;
}
.list-classinfo {
	width:250px;
	height:50px;
	background-image: url(classes/images/classinfo-title.png);
	background-repeat: no-repeat;
}
.list-featured {
	width:250px;
	height:50px;
	background-image: url(featured/images/featured-banner-title.png);
	background-repeat: no-repeat;
}
.list-district-links {
	width:250px;
	height:50px;
	background-image: url(images/district-links-title.png);
	background-repeat: no-repeat;
	text-align:left;
}
.list-district-links-pltw {
	width:250px;
	height:50px;
	background-image: url(images/courses%20offered.png);
	background-repeat: no-repeat;
	text-align:left;
}
.list-tsa-events {
	width:250px;
	height:50px;
	background-image: url(tsa/images/tsa-events-title.png);
	background-repeat: no-repeat;
}
.list-table-contents {
	width:250px;
	height:50px;
	background-image: url(tsa/technological-research/images/table-contents-title.png);
	background-repeat: no-repeat;
}
.list {
	color: #fff;
	float: right;
}
.list li {
	width:235px;
	padding:0px 0px 0px 15px;
	list-style:none;
	float: right;
	display:block;
}
.list a {
	color: #333333;
	padding:10px 0px 10px 15px;
	margin:0 0 0 -15px;
	display:block;
	text-decoration:none;
	border-top:#CCC 1px solid;
	background-color:#D8D8D8;
}
.list a:hover {
	background-color:#D1D1D1;
	border-top:#CCC 1px solid;
	visibility:visible;
}

/* -------------------------------------------------------------*/
/* ------------- TECHNOLOGICAL RESEARCH/DESIGN BRIEF <<<--------*/
/* -------------------------------------------------------------*/
.left-content-alt{
	width:250px;
	float:left;
	text-align: justify;
}

.right-content-alt{
	width:475px;
	float:right;
	text-align: justify;
	margin: 0 15px 0 0;
}
.right-content-alt p{
	margin: 20px 0 20px 0;
}
.left-content-alt p{
	margin: 15px 0 15px 0;
}
.bio{
	width:228px;
	background-color:#d8d8d8;
	border:1px solid #ccc;
	padding: 10px;
	margin:10px 0 10px 0;
}
.hidden{
display:none;
}