@charset "utf-8";
/* CSS Document */

/* STYLE: News Portal */

div#news_portal {
	margin: 0px 0px 16px 0px;
}

div#news_portal div {
	display: block;
	margin: 0px 0px 4px 0px;
}

div#news_portal div div {
	width: 64px;
	height: 40px;
	
	float: left;
	
	padding: 1px 1px 1px 1px;
	
	border: solid 1px #999999;
	
	overflow: hidden;
	margin: 0px 8px 16px 0px;
}

div#news_portal div p {
	margin: 0px 0px 0px 0px;
}

div#news_portal span {
	font-weight: bold;
}

div#clear {
	clear: both;
}

div#news_view img {
	border: solid 1px #999999;
	
}


/* STYLE: News View */

div#news_col_left {
	float: left;
	width: 260px;
	min-height: 480px !important;
	height: 480px;
}

div#news_col_right {
}

/* STYLE: Newsletter */

div#newsletter_portal  {
	margin: 0px 0px 16px 0px;
}


/* STYLE: Events Portal */
div#events_portal {
	margin: 0px 0px 16px 0px;
}

div#events_portal dt {
	font-weight: bold;
	margin: 8px 0px 0px 0px;
}

/* STYLE: Events View */

div.caldate {
	color: #999;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	width: 24px;
	height: 18px;
}

div#calendar_frame {
	width: 100%;
	cursor: default;
}

div#calendar_frame table {
	width: 680px;
	border-collapse: collapse;
}
div#calendar_frame table th {
	color: #666666;
	text-align: left;
	
	width: 97px;
	
	border-right: solid 1px #CFCBB4;
	border-bottom: solid 1px #CFCBB4;
	background-color: #ECE9D8;
}

div#calendar_frame table td {
	color: #666666;
	
	height: 80px;

	padding: 2px 8px 2px 2px;

	border-bottom: solid #ddd 1px;
	border-right: solid #ddd 1px;
}
div#calendar_frame table tfoot td { padding: 10 0 2 2; border-bottom: none; color: #000000 }
div#calendar_frame table hr {
	color: white;
	border: none;
	border-top: dotted 1px #CCCCCC;
	text-align: left;
}

table#prevnext { 
	width: 680px;
	border-collapse: collapse;
	cursor: default;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

table#prevnext td {
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
}

table#event_data th {
	text-align: right;
	vertical-align: top;
	padding: 0px 8px 0px 0px;
}

/* STYLE: Homework Portal */

div#homework table {
	border-collapse: collapse;
}

div#homework th {
	padding: 2px 8px 2px 2px;
	background-color: #1f70af;
	color: white;
}

div#homework td {
	padding: 4px 8px 4px 2px;
}


div#homework_portal {
	margin: 0px 0px 32px 0px;
}

div#homework_portal span {
	font-weight: bold;
}

div#homework_portal dl {
	margin: 8px 0px 24px 16px;
}

dl.k12 dd {
	margin: 0px 0px 0px 8px;
	float: left;
}

dl.k12 dt {
	clear: both;
}

dl.highschool {
	
}

/* STYLE: Staff */
div#staff h2 {
	margin: 0px 0px 0px 0px;
}

div#staff span {
	display: block;
	margin: 0px 0px 24px 24px;
}

div#staff dt {
	margin: 16px 0px 0px 0px;
}

div#staff dd {
	padding: 2px 0px 0px 0px;
}

div.staff_portrait {
	float: left;
	margin: 0px 16px 0px 0px;
	width: 140px;
	overflow: hidden;
}

div.staff_portrait ul {
	margin: 8px 0px 0px 12px;
	padding: 8px 0px 0px 12px;
}

dl.staff_col_left {
	float: left;
	width: 280px;
}

dl.staff_col_right {
	float: right;
	width: 260px;
}

dl.staff_albums {
	float: right;
	margin: 0px 0px 0px 16px;
}

dl.staff_albums dt {
	font-weight: bold;
}

/* STYLE: Album Portal */

div#album_portal {
}

/* STYLE: Extracurricular Groups */

div#member_portrait {
	width: 180px;
	margin: 0px 16px 0px 0px;
}

div#groups h2 {
	margin: 16px 0px 0px 0px;
}

div#groups span {
	margin: 0px 0px 24px 24px;
}

div#groups table {
	width: 270px;
	margin: 0px 0px 16px 0px;
}

div#groups td {
}

div#groups th {
	color: white;
	text-align: left;
	background-color: #595959;
}

div#groups table div {
	text-align: center;
	vertical-align: middle;
	width: 60px;
	height: 40px;
	
	border: solid 1px #c9c9c9;
}

div#groups img {
	float: left;
	margin: 0px 16px 0px 0px;
}

div#groups table div img {
	float: none;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
}

/* STYLE: Album View */

div#album div {
	float: left;
	width: 120px;
	height: 120px;
}

div#album div div {
	width: 80px;
	height: 60px;
	overflow: hidden;
	
	border: solid 1px #565656;
}