*{
	margin: 0 auto;
	padding: 0;
	border: none;
}

body {
	font-family: "Lucida Grande",Tahoma,Verdana,sans-serif;;
	background-color: #500;
	color:#333;
	text-align: center;
	line-height:1.5;
}

a {
	color:#F1001C;
	text-decoration:none;
}

a:hover {
	color:#333;
	border-bottom: 3px solid #fff;
}

/* Wrapper Begins Here
======================== */

#wrapper {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	background-color: #ccc;
	display: inline-block;
}

#backtotop {
	width: 48px;
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 100;
}

#backtotop a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/backtotop.png) no-repeat scroll 0 0;
	display:block;
	height:64px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}

#backtotop a:hover {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/backtotop.png) no-repeat scroll 0 -64px;
	border: none;
}

/* Header Begins Here
======================= */

#header {
	width: 936px;
	margin-left: 22px;
	padding-bottom: 10px;
	float: left;
	background-color: #fff;
	position: relative;
}

#header h1 {
	color: #690;
	font-size: 24px;
	border-right: 0px solid #F1001C;
	width: 215px;
	padding: 10px 0 0px 0;
	margin: 0 0 0 12px;
	display:inline;
	float:left;
	position: relative;
	top: -5px;
}

#header h1 a {
	color:#F1001C;
	text-decoration:none;
}

#header h1 a:hover {
	color:#333;
	border-bottom: 0px solid #fff;
}

#header h6{
	color: #333;
	font-size: 10px;
	font-weight: normal;
	border: 0px solid #F1001C;
	display: inline;
	position: absolute;
	top: 35px;
	left: 12px;
}

/* Global Nav Begins Here
========================= */

.nav {
	width: 700px;
	/*display: inline-block;*/
	float: left;
	margin-left: 0;
}

.nav ul {
	list-style-type: none;
	padding: 28px 0 0px 0;
	border-left: 0px solid #F1001C;
	border-right: 0px solid #F1001C;
}

.nav ul li, .nav ul li+li{
	list-style-type: none;
	padding: 0 6px 0 8px;
	display:inline;
}

.nav ul li+li{
	border-left: 1px dotted #F1001C;
}

.nav li a {
	font-size: 12px;
	color: #F1001C;
	text-decoration: none;
	font-weight: normal;
}

.nav li a:hover, .nav li a.active {
	font-size: 12px;
	color: #666;
	border-bottom: 3px solid #F1001C;
	text-decoration: none;
	font-weight: normal;
}

body .nav li a:hover{
	border-bottom: none;
}



/* Main Section Begins Here
============================= */

#main {
	width: 980px;
	border: 0px solid green;
	float: left;
}

#featured {
	float:left;
	width:936px;
	margin: 25px 0px 0px 22px;
	border: 0px solid yellow;
	background-color: #fff;
}

#featured p ,#featured p+p, .text_double_span p.box{
	font-size: 10px;
	line-height: 170%;
	display:inline;
	float:left;
	margin: 12px 0 12px 12px;
	padding-bottom: 10px;
	padding-top: 6px;
	width: 225px;
	border-top: 3px solid #F1001C;
}

#featured p+p {
	/*background:#690 none repeat scroll 0 0;*/
	width:675px;
	border-top: 1px solid #F1001C;
	padding-top: 8px;
}

#featured p+p span {
	font-size: 18px;
	color: #999;
	line-height: 130%;
}

#featured .box, .text_double_span .box {
	width: 201px;
	height: 35px;
	background-color: #ccc;
	padding: 10px 12px 6px 12px;
	font-size: 10px;
	line-height: 120%;
}

img.icon{margin:0 10px -10px 0;}

body .text_double_span .box {
	background: #fff;}

h1 {
	clear:both;
	color:#666;
	font-size: 16px;
	margin:0 0 0 12px;
	padding:10px 0 5px;
	text-align:left;
	text-decoration:none;
}

h2 {
	clear:both;
	color:#666;
	background-color: #fff;
	font-size: 16px;
	margin:0 0 36px 0px;
	padding:10px 0 5px 12px;
	text-align:left;
	text-decoration:none;
	width: 924px;
	border: 0px solid #F1001C;
	z-index: 45;
}


.paper {
	background-image:url(../images/paper2-bg.jpg);
	background-position: 4px 18px;
	background-repeat: repeat-y;
	display:block;
	float:left;
	height:1%;
	margin-right:0;
	min-height:30px;
	width:249px;
	border: 0px solid red;
}




#sidebar {
	display: block;
	float: left;
	height: 100%;
	padding: 0;
	width: 261px;
	border: 0px solid blue;
}

#sidebar a {
	color:#F1001C;
	text-decoration:none;
	font-weight: bold;
}

#sidebar a:hover {
	color:#333;
	border-bottom: 0px solid #fff;
}

#sidebar p {
	color:#7D7D7D;
	margin: 1px 0 18px 0;
	display:block;
	clear:both;
}

.paper p, .paper-main p {
	color:#7D7D7D;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	padding:3px 14px 5px 24px;
}

.paper h3 {
	color: #666;
	font-size: 16px;
	margin-top: -18px;
	margin-bottom: 10px;
	padding: 38px 19px 5px 24px;
	background-image:url(../images/paper-bg.jpg);
	background-position:4px 18px;
	background-repeat:no-repeat;
	border-bottom: 0px solid #F1001C;
}


.paper-bot {
	background-image: url(../images/paper-bg-bot.jpg);
	background-position: 4px 0;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 32px;
	margin-bottom: 12px;
	width: 249px;
}

ul.arrow {
/*	background-image: url(images/arrow.jpg);
	background-position: 33px 3px;
	background-repeat: no-repeat;*/
	color: #7D7D7D;
	float: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0 12px 0 53px;
}

#index_page ul.arrow li {
	margin-left:-30px;
}

ul {
	list-style-type:none;
}





/*  For use on Home page 
=========================*/	

#news {
	width: 675px;
	background-color: #FFF;
	float:left;
	padding: 0px;
	font-size: 11px;
	border: 0px solid red;
	font-family: Arial,Helvetica,sans-serif;
}

	
#news ul {
	text-align:left;
}
	
#news h2 {
	text-align:center;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
	
#news h3 {
	width:100%;
	text-align:center;
	padding: 10px 0px 0px 0px;
	margin: 0px auto;
}

#news h4 {
	width:100%;
	text-align:center;
	color:#666666;
	font-size:16px;
	margin-bottom:10px;
	margin-top:-18px;
	padding:38px 19px 5px 24px;
}
	
.tweet {
	width:80%;
	text-align:center;
	padding: 10px 0px 10px 0px;
	border: 0px solid blue;
	text-decoration:none !important;
}

#twtr-profile-widget .twtr-tweet a {
	color:#F1001C !important;
	text-decoration:none !important;
}

.twtr-doc a:hover {
	text-decoration:none !important;
	border: none;
}

/*element.style {
	color:#FFFFFF;
	text-decoration:none !important;
}*/

.twtr-ft span a {
	float:none;
	text-decoration:none !important;
}

.twtr-join-conv a {
	text-decoration:none !important;
}

.tweet .twtr-join-conv a:hover {
	text-decoration:none !important;
}

#twtr-profile-widget .twtr-doc, #twtr-profile-widget .twtr-hd a {
	-moz-background-clip:border !important;
	-moz-background-inline-policy:continuous !important;
	-moz-background-origin:padding !important;
	background:#F1001C none repeat scroll 0 0 !important;
	color:#FFFFFF !important;
	text-decoration:none !important;
}

.twtr-doc a {
	text-decoration:none !important;
}

dl{font-size:12px;}
	

dt {
	margin: 1.5em 0 0 1.8em;
	font-size: 13px;
	font-weight:bold;
	color: #333;
	text-align:left;
	line-height: 150%;
}

dd {
	margin:0 0 0 40px;
	line-height: 14px;
	text-align:left;
	color:#333;
}

dd ul li{
	color: #7d7d7d;
	margin-bottom:8px;
	font-size:12px;
}



.twtr-widget {
	font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif !important;
	font-size:12px !important;
	position:relative;
	text-decoration:none !important;
}

.tweet {
	text-align:center;
	text-decoration:none !important;
}

#content{
	float:left;
	width:936px;
	margin: 12px 0px 25px 22px;
	padding-bottom: 12px;
	border: 0px solid yellow;
	background-color: #fff;
}

#content .sub_head , .sub_head+.sub_head {
	color:#666;
	background-color: #fff;
	font-size: 16px;
	margin-top: 12px;
	margin-bottom: 12px;
	padding:10px 0 5px 12px;
	text-align: left;
	text-decoration:none;
	width: 449px;
	border: 0px solid #F1001C;
	display: inline-block;
}

#content .sub_head+.sub_head {
	margin-left: 8px;
}

#content h2 {
	color:#666;
	font-size: 16px;
	margin-top: 12px;
	margin-bottom: 12px;
	padding:10px 0 5px 0px;
	text-align: left;
	text-decoration:none;
	width: 449px;
	
}

#content .text_container {
	float:left;
	width:936px;
	border: 0px solid yellow;
	/*background-color: #fff;*/
	margin: 0;
}

#content .text_container+.text_container {
	border-top: 12px solid #ccc;
}

#content .text_double_span , .text_double_span+.text_double_span, .text_full_span {
	color:#7D7D7D;
	/*background-color: #fff;
	border-top: 1px solid red;*/
	font-size: 12px;
	padding: 0px 12px 5px 12px;
	text-align: justify;
	text-decoration: none;
	width: 438px;
	float: left;
	line-height: 18px;
	font-family:Arial,Helvetica,sans-serif;
	line-height: 150%;
}

body #content .text_full_span {
	width: 700px;
}

#content .text_double_span+.text_double_span {
	margin-left: 12px;
}

#content p {
	margin-bottom: 1.8em;
}

/* Preview page */	


#firstpara
	{
	width:65%;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
	font-family:Georgia, Times, serif;
	font-size:1.2em;
	line-height:1.4em;
	text-align:left;
	}

li 
	{
	line-height: 150%;
	}
	
.checklist
	{
	width:80%;
	margin:0px auto 0px auto;
	list-style: square;
	text-align:left;
	}

.checklist ul li
	{
	list-style: circle;
	margin-left:2em;
	}
	

/* Midcurriculum review page */	
.numchecklist
	{
	width:80%;
	margin:20px auto 10px auto;
	list-style: lower-alpha;
	list-style-position:inside;
	text-align:left;
	}
	
.numchecklist>li{margin-top:2em;}
	
.numchecklist ul li
	{
	list-style: circle;
	}
	
.imp
	{
	width: 400px;
	margin: auto;
	padding: 8px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #F1001C;
	line-height: 150%;
	}


/*#content .checklist {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:square;
	text-align:left;
}*/


#student_work , #home_content{
	float:left;
	width:948px;
	margin: 12px 0px 25px 22px;
	border: 0px solid yellow;
}

#home_content {
	background-color: #fff;
	width: 936px;
}

/*#student_work #imd110, #student_work #imd200, #student_work #imd220, #student_work #imd240 {
position:relative;
top:-25px;
}*/

#column1, #column2, #column3, #column4 {
	/*background:#690 none repeat scroll 0 0;*/
	display:inline;
	float:left;
	margin-right:12px;
	padding-bottom:10px;
	width:225px;
}

#column2, #column4 {
position:relative;
top:-25px;
}



#student_work .panel {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFFFFF none repeat scroll 0 0;
	display:inline;
	float:left;
	margin-right:12px;
	margin-bottom: 12px;
	padding-bottom:10px;
	width:225px;
	
}

#student_work .panel:hover {
	background: #f7f7f7;
}

#student_work .panel .credit {
	color: #666666;
	font-size: 10px;
}

#student_work .panel h3, #student_work .panel h4, #student_work .panel p {
	margin:0 auto 5px;
	text-align:left;
	width:201px;
}

#student_work .panel h3, #student_work .panel h4, #student_work .panel p {
	margin:0 auto 5px;
	text-align:left;
	width:201px;
}

#student_work .panel h3{
	font-size: 18px;
}

#student_work .panel h4{
	font-size: 12px;
	font-style: normal;
}

#student_work .panel p{
	font-size: 12px;
	font-style: normal;
}

#student_work img {
	margin:10px 0 10px 10px;
}

a img {
	border:medium none;
}

a img {
	border:0 none;
	margin:0;
	padding:0;
}


/* Table Style Begins Here
========================== */

/* http://www.elated.com/articles/styling-tables-with-css/ */

.pretty-table {
  	padding: 0;
  	margin: -24px 0 0 0;
  	width: 936px;
  	border-collapse: collapse;
  	border: 1px solid #333;
 	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 	font-size: 14px;
 	color: #000;
  	background: #bcd0e4 url("widget-table-bg.jpg") top left repeat-x;
  	z-index: 50;
}

/* Styling links
================= */

.pretty-table a {
	color:#F1001C;
	text-decoration:none;
	border-bottom: 1px solid #F1001C;
}

.pretty-table a:hover {
	color:#fff;
	border-bottom: 3px solid #fff;
}

/* Styling ul and li
===================== */

.pretty-table ul {
	list-style-type: none;
}

.pretty-table ul li{
	
}

/* Controlling cell spacing and padding
======================================= */

.pretty-table { 
	border-collapse: collapse; 
}

.pretty-table th, .pretty-table td { 
	padding: 6px 12px; 
}

/* Styling table borders
Border around the table and table cells
======================================= */

.pretty-table { 
	border: 1px solid #333; 
}

.pretty-table th, .pretty-table td { 
	border: 1px dotted #666; 
}

/* Two thick borders to separate headers from data
================================================== */

.pretty-table th[scope=col] { 
	border-bottom: 2px solid #333;
	border-top: 2px solid #333;
  	border-right: 2px solid #333;
}

.pretty-table th+th[scope=col] { 
	border-right: 1px dotted #666; 
}

.pretty-table th[scope=row] { 
	border-right: 2px solid #333; 
}


/*Setting table and cell colours and backgrounds
The base text colour
==================== */

.pretty-table th, .pretty-table td { 
	color: #500; 
}

/* Colouring the header cells
============================ */

/* Set colours for all header cells in the top row */ 
.pretty-table th[scope=col] { 
	color: #F1001C; 
	background-color: #ccc; 
}

/* Set colours for all header cells in the top row except "Product" */
.pretty-table th+th[scope=col] { 
	color: #fff; 
	background-color: #666; 
}

/* Set the background colour for all header cells in the left column */
.pretty-table th[scope=row] { 
	background-color: #fff; 
}

/*Adding a gradient to the table background
=========================================== */

.pretty-table {
  background: #ccc /*url("images/widget-table-bg.jpg") top left repeat-x*/;
}


/* Creating table rows with alternate colour
============================================ */

.pretty-table tr.alt th, .pretty-table tr.alt td { 
	color: #333; 
}


/* Adding a hover effect to table rows
====================================== */

.pretty-table tr:hover th[scope=row], .pretty-table tr:hover td { 
  	background-color: #500;
  	color: #fff;
} 


/* Changing the look of the table caption
========================================= */

.pretty-table caption {
  	caption-side: bottom;
 	font-size: 12px;
	font-style: italic;
	text-align: right;
	padding: 6px 12px;
	color: #333;
}



/* Footer Begins Here
======================= */
	
#footer {
	width: 980px;
	border: 0px solid fuchsia;
	float: left;
	background-color:#500;
	color: #fff;
	font-size: 10px;
	padding:10px 0 30px 0;
	text-align:center;
}


#footer ul li{
	padding: 25px 0 0 0;
	list-style-type: none;
	padding: 10px;
	display: inline;
}

#footer a:hover {
	color:#fff;
	border-bottom: 3px solid #fff;
}



/* Curriculum Page
======================= */
#curriculum_page #sidebar{width: 270px;
}

#curriculum_page .paper{
	background:none;
	width: 260px;
}


#curriculum_page .paper h3{
	background:none
}

#curriculum_page #news{
	width: 580px;
	margin-left:30px;
	margin-bottom: 30px;
}

#curriculum_page dd{
	color:#7D7D7D;
}


/*Accordion Styles
========================= */

body #sideobar #paper .accToggler{
	color:#FFFFFF;
}

.accToggler{
margin: 0px auto;
padding: 0px;
width: 230px;
background: #550000;
border: 1px solid #fff;
cursor: pointer;
}


.accContent p, #sidebar .accContent{
margin: 0;
width: 250px;
padding: 0;
margin-left:18px;
}

.accContent h5{
	font-size:12px;
}

.accContent h5{
	margin:15px 0 5px 0;
}

.accContent ul li{
	font-size:10px;
}