/* *** Generated by www.csscreator.com *** */
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
 font-size: 1em;
 /* background-color:#CFFFF1; */
} 

form {margin:0px;padding:0px;}

a {text-decoration:none;color:#000;}
a:hover {color:#A0A0A0;text-decoration:underline;}
 
#pagewidth{ 
 width:760px; 
 text-align:left; 
 min-width: 500px;
 margin-left:auto; 
 margin-right:auto;
 /* margin-top:40px; 
 border:1px solid #000; */
 padding: 0px 10px 0px 10px;
 background-color: #FFF;
} 
 
#header{ 
	/* height:100px;  */
	width:100%;
	color:#FFF;
	font-size:x-small;
	background-color:#FFF;
	padding:15px;
}
#header img {padding: 0px 0px 20px 20px}
#header a {color:#fff;text-decoration:none;font-size:x-small}
#header a:hover {text-decoration:underline}
 
#nav_main{
	height:39px;
	width:100%;
	background:  url(images/bg.jpg) repeat-x;
 }

#nav_sub{ 
	height:47px; 
	width:100%;
	text-align: right;
	font-size: 90%;
 }

/* Left Column Definitions */
#leftcol{
	width:200px; 
	float:left; 
	position:relative; 
	margin-left:-200px; 
	margin-right:1px;
	background-color: #fff;
	padding-left:2px;
}

/* Left Column Nav */
.boxWrapper {
	background-color:#FAFAFA;
	width:95%;
	border-top: 1px solid #2A72BB;
	border-right: 1px solid #2A72BB;
	border-bottom: 1px solid #2A72BB;
	border-left: 4px solid #2A72BB;
	margin-top: 15px;
}
.boxWrapper .h3 {
	width:100%;
	padding: 2px 2px 2px 5px;
	margin:0px;
	font-size: medium;
	font-weight: bold;
	color:#2A72BB;
}
.boxWrapper form {margin:0px;padding:3px;}
.boxWrapper p {
	width:100%;
	font-size:x-small;
	color: #000;
	margin:0px;
}
#activities_checklist ul {
	margin:0px;
	padding:0px;
	list-style: none;
}
#activities_checklist li {
	margin:0px;
	padding:0px;
	list-style: none;
}
/* End Left Column */

.message {
	font-size: small; 
	color: #c00;
	line-height: 13px;
	border: 1px solid #C3CFDB;
	padding: 10px;
	font-weight: normal;
	background-color: #EEE;
	margin: 20px;
	text-align:center;
}
.announcement {
	font-size: 70%; 
	color: #930;
	line-height: 13px;
	border: 1px solid #930;
	padding: 10px;
	font-weight: normal;
	background-color: #FFE8DD;
	margin-bottom: 20px;
}
.error_message {
	font-size: 10px; 
	color: #930;
	line-height: 13px;
	border: 1px solid #930;
	/*padding: 10px;*/
	font-weight: normal;
	background-color: #FFE8DD;
	margin-bottom: 20px;
}
.error_text {
	font-size: 10px; 
	color: #930;
	font-weight: normal;
}

#outer{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 200px ;  /* left column width. NN4 hack to hide borders */ 
border-left-color: #FFFFFF;   /* left column colour */ 
border-left-style: solid; 
background-color: #FFFFFF; /* center column colour */ 
width: auto; 
 } 
 
#footer{ 
 width:100%; 
 background-color:#F1F1F1; 
 margin-top: 20px;
} 
 
#inner{margin:0; width:100%;}
 
#maincol{ 
 float: left; 
 width: 100%; 
 position: relative; 
 margin: 0 -8px 0 -2px; 
 }
 
#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
 
.clr{clear:both;}
 
.content{padding:5px;} /*padding for content */ 

/* Navigation Specification */
#nav_main .content {
	text-align: right;
	padding: 0px 0px 0px 0px;
}
#nav_sub a {
	text-decoration: none;
	color: #000;
}
#nav_sub a:hover {
	color: #c00;
}
#nav_sub a.selected {
	font-weight: bold;
	color: #c00;
}
#nav_sub li.inline {
	display: inline;
	padding: 0px 3px 0px 7px;
	border-right: 1px dotted #066;
}
#nav_sub li.last {
	display: inline;
	padding: 0px 3px 0px 7px;
	border-right: 0px;
}
#nav_sub ul {
	margin: 0px;
	padding: 0px;
}
/* End Navigation */
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 

#breadcrumb {
	width:100%;
	font-size:70%;
	background-color:#EEE;
	padding: 3px;
	color:#666;
	text-align:left;
	margin: 15px 0px 7px 0px;
}

#breadcrumb a {
	text-decoration:none;
	color:#666;
}

h1 {
	width:100%;
	color:#633;
	border-bottom:1px solid #999;
	font-size: 150%;
}

#maincol h3 {
	color:#930;
	font-size:100%;
	margin:0px;
	padding:0px;
}

.inset {
  background:#FAFAFA;
  float:right;
  margin:0 0 20px 20px;
  border:1px solid #999;
  padding:10px;
  font-size:x-small;
}
.inset h4 {margin:10px 0px 5px 0px;font-size:small;font-weight:bold}
.inset a {text-decoration:none;color:#000;}
.inset a:hover {color:#c00;}
.inset ul {margin:0px 0px 0px 15px;}

.skipnavigation{display:none;}

input.button {
	height:22px;
	background:#666;
	color:#fff;
	border-color:#999 #333 #333 #999;
	font-size:x-small;
	vertical-align:center;
	/* font-weight:bold; */
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
}

#calendar_day_table {float:left;}
#calendar_day_table table {font-size: x-small;width:98%;}
#calendar_day_table td {border-top: 1px solid #CCC}
#calendar_day_table td.lasthour {border-top: 1px solid #CCC;border-bottom: 1px solid #CCC;}
#calendar_day_table h4 {margin:0px;font-size:x-small}
#calendar_day_table .day-event {
	background-color:#FAFAFA;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 4px solid #666;
	padding:2px;
	margin:2px;
}

#calendar_month {float:left;}
#calendar_month table {font-size: x-small;width:98%;}
#calendar_month th {font-weight:bold;border-bottom:3px solid #ccc}
#calendar_month .date {font-weight:bold;display:block;}
#calendar_month td {background-color:#FAFAFA;}

#discussion_board {
	font-size: x-small;
	width:100%;
	background-color:#FFF;
	color:#999;
	border:1px solid #999;
	padding:5px;
}
#discussion_board li {list-style: none;}
#discussion_board a.topic {color:#2A72BB;font-weight:bold;text-decoration:none;}
#discussion_board a {color:#666;text-decoration:none;}

#course_tree {
	font-size: small;
	width:100%;
	background-color:#FAFAFA;
	color:#666;
	border:1px solid #999;
	padding:5px;
	font-weight:bold;
}
#course_tree li {list-style: none;}
#course_tree a {color:#2A72BB;text-decoration:none;font-weight:bold;}
#course_tree a:hover {color:#c00;text-decoration:underline;}

#group_members {width:60%;padding:10px;float:left;border:1px solid #999;background-color:#FFF;font-size:x-small;}
#group_members h4 {font-size:small;margin:0px}
#group_members li {list-style: none;margin:0;}
#group_members ul {margin:10px;}
#group_members a {color:#2A72BB;text-decoration:none;}
#group_members a:hover {color:#c00;text-decoration:underline;}

#course_roster {width:98%;padding:10px;float:left;border:1px solid #999;background-color:#FFF;font-size:x-small;}
#course_roster h4 {font-size:small;margin:0px}
#course_roster table {margin:7px;font-size:x-small;}
#course_roster a {color:#2A72BB;text-decoration:none;}
#course_roster a:hover {color:#c00;text-decoration:underline;}

.course_roster_inset {width:98%;padding:10px;float:left;border:1px solid #999;background-color:#FAFAFA;margin-bottom:5px;}
.course_roster_inset table {font-size:x-small;}
.course_roster_inset h4 {margin:0px;font-size:small;font-weight:bold}
.course_roster_inset a {text-decoration:none;color:#2A72BB;}
.course_roster_inset a:hover {color:#c00;text-decoration:underline;}
.course_roster_inset ul {margin:0px 0px 0px 15px;}

#journal {clear:left}
#journal h2 {margin:20px 0px 0px 0px;padding:0px;}
#journal h4 {margin:0px 0px 5px 0px;padding:0px;font-size:xx-small;font-weight:normal;}
#journal p {margin:3px;font-size:x-small}
#journal p.more a {font-weight:bold;color:#666}

#profile {
	font-size: small;
	width:100%;
	background-color:#FAFAFA;
	color:#666;
	border:1px solid #999;
	padding:5px;
}
#profile h4 {margin:7px 0px 0px 0px}
#profile p {margin:0px}
#profile img {border:7px solid #999999}

#post-add #title-box {
	padding: 5px 20px 5px 20px;
	border: 1px solid #999;
	background-color: #FAFAFA;
}
#post-add #body-box {
	padding: 5px 20px 5px 20px;
	border: 1px solid #999;
	border-top-width:0px;
	background-color: #FAFAFA;
}
#post-add #privacy-box {
	padding: 5px 20px 5px 20px;
	border: 1px solid #999;
	border-top-width:0px;
	background-color: #FAFAFA;
}
#post-add #submit-box {
	padding: 5px 20px 5px 20px;
	border: 1px solid #999;
	border-top-width:0px;
	background-color: #E6E6E6;
	text-align: center;
}



.text_button {
	color: #FAFAFA;
	background-color: #2A72BB;
	font-weight:bold;
	font-size:x-small;
	padding: 5px 9px 5px 9px;
	margin-bottom:5px;
	float:right;
	display:block;
}
.text_button a {color: #FAFAFA;text-decoration:none;}
.text_button a:hover {color: #FAFAFA;text-decoration:underline;}

#login {width:800px;padding:10px;border:1px solid #95A5BF;background-color:#D5E5FF}
#login p {font-size:x-small}

#new_user {width:350px;float:left;padding:5px;}
#current_user {width:350px;float:right;padding:5px;border-left:1px dotted #999}

.course-navigation-box {
	padding: 5px;
	width:100%;
}
.course-navigation-box h4 {margin:0px;}
.course-navigation-prev {
	color: #FAFAFA;
	background-color: #2A72BB;
	font-size:x-small;
	padding: 5px 9px 5px 9px;
	float:left;
	font-weight:bold;
}
.course-navigation-prev a {color: #FAFAFA;text-decoration:none;}
.course-navigation-prev a:hover {color: #FAFAFA;text-decoration:underline;}
.course-navigation-next {
	background-color: #2A72BB;
	font-size:xx-small;
	padding: 2px 5px 2px 5px;
	float:right;
	background-position: right;
	font-weight:bold;
}
.course-navigation-next a {color: #FAFAFA;text-decoration:none;}
.course-navigation-next a:hover {color: #FAFAFA;text-decoration:underline;}

#tier_2-map h2 {margin: 2px 0px 10px 0px;}
#tier_2-map .tier_2s {
	margin:0px 10px 20px 10px;
	padding:10px;
	border:1px solid #ccc;
}
#tier_2-map .tier_2s h3 {font-size:medium;margin:0px;font-weight:bold}
#tier_2-map .tier_2s p {
	font-size:small;
	margin:0px 0px 5px 0px;
	font-weight:normal;
	border-bottom:1px dotted #CCC;
}
#tier_2-map .tier_1s {margin-left:20px;}
#tier_2-map .tier_1s h4 {
	font-size:small;
	margin:0px;
	font-weight:bold;
}
#tier_2-map .tier_1s p {font-size:small;margin:0px;font-weight:normal;border-bottom-width:0px;}

.group-index-box {
	border:1px solid #999;
	padding:5px;
	margin: 0px 15px 20px 15px;
	width:488px;
	font-size:x-small;
}
.group-index-box td {font-size:x-small;}
.group-index-box .list {width:340px;float:left}
.group-index-box .shortcuts {margin-left:340px;padding-left:15px;border-left:1px dotted #999}
.group-index-box .shortcuts h4 {margin:0px}
.group-index-box .shortcuts ul {margin: 0px;margin-left:20px}
.group-index-box .shortcuts li {}

.box {width:100%;padding:10px;float:left;border:1px solid #999;background-color:#FFF;margin-bottom:5px;}
.box table {font-size:x-small;}
.box h4 {margin:0px;font-size:small;font-weight:bold}
.box a {text-decoration:none;color:#2A72BB;}
.box a:hover {color:#c00;text-decoration:underline;}
.box ul {margin:0px 0px 0px 15px;}

#section-select-box {
	width:100%;
	padding:5px;
	float:left;
	border:1px solid #999;
	background-color:#FFF;
	align:right;
	text-align: center;
}

select {
	font-size: 10pt;
	font-family: "Trebuchet MS", Helvetica, Arial;
}

/*div {border: 1px solid #000;padding: 1px;}*/

/*Printer Styles*/ 
@media print{ 
	/*hide the left column when printing*/
	#leftcol{display:none;} 
	#outer{border-left:0;} 
}

text {
	font-size: 10pt;
	font-family: "Trebuchet MS", Helvetica, Arial;
}

textarea {
	font-size: 10pt;
	font-family: "Trebuchet MS", Helvetica, Arial;
}
 
.border_box {
	width:94%;
	margin:0px 10px 20px 10px;
	padding:10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.border_container {
	width:96%;
	align:right;
	margin:0px 10px 20px 10px;
	padding:10px;
}

.tiny_text {
	font-size: 9pt;
	font-family: "Trebuchet MS", Helvetica, Arial;
}

.header_big {
	font-color:#000000;
	font-size:24px;
	margin:0px;
	font-weight:bold
}

.header_medium {
	color:#990000;
	font-size:16pt;
	margin:0px;
	font-weight:bold
}

.header_small {
	color:#000000;
	font-size:12pt;
	margin:0px;
	font-weight:bold
}

.popup_body {
	background-color:#AAAAAA;
	margin:5px;
}

.popup_main {
	background-color:#CCCCCC;
}

.input_field {
	background-color:#EEEEEE;
}

.input_field_content {
	background-color:#DDDDDD;
}