/* CSS Document */
/* 
page bg - bec4cf
content bg - ebeced
dark blue - 4c5463
gold - af7a0b
green stroke - 73766a
flourescent green - 739C14
*/

/* New  Code */

* {
margin:0;
padding:0;
}

body {
	background:#bec4cf;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:14px;
	color:#4c5463;
}

.container {
margin:0 auto;
width:1100px;
}

.wrapper {
margin:0 auto 30px auto;
width:960px;
background:#bec4cf;
}

.headermain {
margin:0;
padding:20px 0 0 0 ;
width:960px;
height:137px;
}

.topleft {
	width:7px;
	min-height:5px;
	background-image:url(images/corner_tl.png);
	background-repeat:no-repeat;
	margin-top:87px;
	float:left;
}

.topleftedge {
	width:7px;
	margin-top:5px;
	height:45px;
	background-image:url(images/edge_left.png);
	background-position:left;
	background-repeat:repeat-y;
}
	
.headermenu {
	width:946px;
	height:137px;
	float:left;
	background-image:url(images/header_bg.png);
	background-repeat:repeat-x;
	}

.headermenu img {
	float:left;
}

.headermenu ul {
	width:525px;
	height:40px;
	margin-top:20px;
	padding-top:5px;
	padding-left:0px;
	float:right;
	margin-right:10px;
	background-image:url(images/menubar_bg.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.headermenu li {
	display:inline;
	float:left;
	text-align:center;
	width:172px;
	line-height:38px;
	border-left:solid 1px #f6f6f6;
	color:#af7a0b;
}

.headermenu li:first-child {border-left:none;}

.headermenu li a {
	text-decoration:none;
	font-size:30px;
}

.headermenu li a:link {
	color:#bec4cf;
	text-shadow: 0px -1px -2px #333;
}

.headermenu li a:visited {
	color:#bec4cf;
	text-shadow: 0px -1px -2px #333;
}

.headermenu li a:hover {
	color:#0000dd;
	text-shadow: 0px -1px -2px #666;
}

.headermenu li a#selected {
		color:#f6f6f6;	
		text-shadow: 0px 0px 0px #333;
}

.headermenu li a#selected:hover {
	color:#f6f6f6;
	text-shadow: 0px 0px 0px #333;
}

.topright {
	width:7px;
	min-height:5px;
	background-image:url(images/corner_tr.png);
	background-repeat:no-repeat;
	margin-top:87px;
	float:left;
}

.toprightedge {
	width:7px;
	margin-top:5px;
	height:45px;
	background-image:url(images/edge_right.png);
	background-position:right;
	background-repeat:repeat-y;
}

.headercontent {
width:800px;
background-image:url(images/headercontentbg.gif);
background-repeat:no-repeat;
background-color:#587d76;
}

.contentwrapper {
  width:960px;
  background-image:url(images/edge_left.png);
  background-repeat:repeat-y;
  background-position:left;
  background-color:#ebeced;
}

.content {
	width:923px;
	margin-left:7px;
	padding-left:0px;
	padding-right:30px;
	background-image:url(images/edge_right.png);
	background-repeat:repeat-y;
	background-position:right;
	background-color:#ebeced;
	float:left;
	
}

.footer {
  	clear:both;
  	width:953px;
  	margin-left:7px;
	padding-top:40px;
  	background-image:url(images/edge_right.png);
	background-repeat:repeat-y;
	background-position:right;
	background-color:#ebeced;
	text-align:center;
}

.footer p {
font-size:10px;
color:#4c5463;
}

.bottomcontainer {
	width:960px;
	height:12px;
}

.bottomleft {
	width:12px;
	height:12px;
  	background-image:url(images/corner_bl.png);
	float:left
}

.bottom {
	width:936px;
	height:12px;
	background-image:url(images/edge_bottom.png);
	background-repeat:repeat-x;
	float:left;
}

.bottomright {
	width:12px;
	height:12px;
	background-image:url(images/corner_br.png);
	background-repeat:repeat-x;
	float:left;
}

.topicheader {
	width:916px;
	margin-top:-40px;
}

#contact {
float:right;
width:240px;
height:16px;
padding-right:280px;
padding-top:4px;
text-align:left;
}

#contact a:link {
	font-size:14px;
	color:#4c5463;
	text-decoration:none;
}

#contact a:hover {
	text-decoration:underline;
	color:#f6f6f6;
}

#contact a:visted {
	text-decoration:underline;
	color:#00f;
}

.topicheader ul {
	margin-right:10px;
	clear:right;
	float:right;
}

.topicheader ul li {
	display:inline;
	list-style-type:none;
	padding-left:10px;
	color:#af7a0b;
}

.topicheader ul li a {
	text-decoration:none;
	color:#4c5463;
}

.topicheader ul li a:hover {
	color:#00F;
}

#selected {
  	color:#af7a0b;
}

.classlist {
	width:580px;
	border-top:1px solid #af7a0b;
	margin-top:4px;
	clear:right;
	float:right;
}

.classlist ul {

}

.classlist ul li {
	display:inline;
	list-style-type:none;
	margin:0;
	padding-left:8px;
	color:#af7a0b;
	font-size:18px;
}

.classlist ul li a {
	text-decoration:none;
	font-size:12px;
}

.classlist ul li a:link {
	color:#4c5463;
}

.classlist ul li a:hover {
	color:#00f;
}

.contentleft {
	width:600px;
	margin-left:20px;
	padding-top:40px;
	/*border:1px solid #000;*/
	clear:right;
	float:left;
}

h1 {
	font-size:24px;
	color:#003;
	font-weight:bold;
	float:right;
	margin-right:10px;
	text-shadow:0px 2px 3px #ffe;
	letter-spacing:1px;
}

h2 {
	font-size:20px;
	margin-top:10px;
	clear:right;
	}
	
h3 {
font-size:16px;
font-style:normal;
font-weight:100;
margin-top:10px;

}

.contentleft p  {
	margin-bottom:12px;
	}
	
.contentleft ul {
	margin-left:10px;
	margin-bottom:12px;
}

.contentleft ul li{
	font-size:12px;
	letter-spacing:0.8px;
	padding:4px 0 4px 20px;
	background-image:url(images/bullet12.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	list-style-type:none;
}

.top-item {
position:relative;
left:-70px;
width:670px;
float:left;
margin-top:18px;
margin-bottom:30px;
}

#overview {width:520px; padding-top:6px; background:url(images/overview.png) no-repeat top left; padding-left:170px; min-height:110px;}

#objectives {width:520px; padding-top:6px; background:url(images/objectives.png) no-repeat top left; padding-left:170px; min-height:110px;}

#objectives h3 {line-height:24px; background:url(images/bullet.gif) no-repeat; padding-left:34px; font-weight:bold; letter-spacing:0.8px;}

#activities-nodrop {width:520px; padding-top:6px; background:url(images/activities.png) no-repeat top left; padding-left:170px; min-height:110px;}

#activities-nodrop h3 {line-height:24px; background:url(images/bullet.gif) no-repeat; padding-left:34px; font-weight:bold; letter-spacing:0.8px;}

#activities {width:520px; padding-top:6px; background:url(images/activities.png) no-repeat top left; padding-left:170px; min-height:110px;}

#assignments {width:520px; padding-top:6px; background:url(images/assignments.png) no-repeat top left; padding-left:170px; min-height:110px;}

#classes {width:520px; padding-top:6px; background:url(images/classes.png) no-repeat top left; padding-left:170px; min-height:110px;}

#progress {width:520px; padding-top:6px; background:url(images/progress.png) no-repeat top left; padding-left:170px; min-height:110px;}

#resources {width:520px; padding-top:6px; background:url(images/resources.png) no-repeat top left; padding-left:170px; min-height:110px;}

h2 {
	margin-top:0px;
	color:#4c5463;
	text-shadow:0px 2px 3px #ffe;
	letter-spacing:1.2px;
}

.item {margin-bottom:20px;}

.item h3 {line-height:24px; font-weight:bold; 	text-shadow:0px 2px 3px #ffe; letter-spacing:0.8px}

.item div {padding:10px; background:#C4C9D0; display:none;}

.item a {
	text-decoration:none;
	margin-right:10px;
	padding:0px;
	float:left;
	cursor:pointer;
}

.item a img {border:none; text-decoration:none;}
.item a:link {border:none; text-decoration:none;}
.item a:hover {border:none; text-decoration:none;}
.item a:visited {border:none; text-decoration:none;}

.item div a {
	font-size:14px;
	text-decoration:none;
	color:#00f;
	float:none;
	text-shadow:0 0 0;
	margin:0;
	padding:0;
	border:none;
}


.contentright {
	width:240px;
	margin-left:0px;
	padding-top:40px;
	float:right;
}

#callout {
	background-image:url(images/whatweekisit.png);
	background-repeat:no-repeat;
	width:240px;
	height:80px;
	margin-top:30px;
	padding-top:14px;
	text-align:center;
	float:right;
}


#callout a:link {
font-size:24px;
color:#f6f6f6;
text-decoration:none;
text-shadow: 0px -1px -2px #333;
}

#callout a:hover {
color:#bec4cf;
text-decoration:none;
text-shadow: 0px 0px 0px #333;
}

#callout a:visited {
font-size:24px;
color:#bec4cf;
text-decoration:none;
}

#callout p {
	font-size:10px;
	color:#fffffe;
	text-align:right;
	margin-top:8px;
	margin-right:18px;
}

.assignment {
width:240px;
padding-top:10px;
padding-bottom:10px;
float:right;
text-align:center;
}

.assignment h3 {
height:40px;
font-size:18px;
color:#f6f6f6;
padding-left:4px;
background:url(images/icon_right_header.png) no-repeat;
line-height:32px;
}

.assignment ul {
float:left;
padding-left:14px;
padding-right:4px;
padding-bottom:6px;
list-style-type:none;
text-align:left;
}

.assignment ul li {
display:block;
font-size:12px;
color:#4c5463;
padding-top:6px;
}


.assignment img {
margin:6px auto;
border:2px solid #4c5463;
text-decoration:none;
}

.quote {
	font-style:italic;
	margin:0 0 12px 0;
}

input {
line-height:16px;
}

form tr {
height:30px;
margin-bottom:10px;
}

form th {padding-right:10px;}