body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	background-color: #ffffff;
}
h1 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14pt;
	color: #293991;
}
h2 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12pt;
	color: #293991;
}
a {
	color: #293991;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}

#mainbody {
	width: 840px;
	padding: 20px;
	border: 1px solid #293991;
}
#borderlessbody {
	width: 840px;
	padding: 20px;
}
#twitter {
	float: left;
	margin: 20px;
}
#diurnata {
	float: right;
	margin: 20px;
}
#facebook {
	float: left;
	margin: 20px;
}
/* stuff for Comp Sci */

#csgrid {
	border:0px solid black;
	width: 450px;
	height: 300px;
}

.alignright {
	text-align:right;
}
.aligncenter {
	text-align:center;
}
.rectangle {
	position:relative;
	height:67px;
	width:100px;
	border:0px black solid;
	font-size:16px;
	margin-top:6px;
}

.rectangle2{
	float:left;
	position:relative;
	height:67px;
	width:100px;
	border:0px black solid;
	font-size:16px;
	margin-top:6px;
	left:0;
	top:0;
}

#col1 {
	position:relative;
	top:0;
	left:0;
	padding-right:1px;
	width: 100px;
}
#col2 {
	position:relative;
	top:-292;
	left:107;
	padding-right:1px;
	width: 100px;
}
#col3 {
	position:relative;
	top:-584;
	left:214;
	padding-right:1px;
	width: 100px;
}
#col4 {
	position:relative;
	top:-876;
	left:321;
	width: 100px;
}

#row1 {
	position:relative;
	top:0;
	left:0;
	padding:1px;
	width: 100px;
}
#row2 {
	position:relative;
	top:73;
	left:0;
	padding:1px;
	width: 100px;
}
#row3 {
	position:relative;
	top:149;
	left:0;
	padding:1px;
	width: 100px;
}
#row4 {
	position:relative;
	top:230;
	left:0;
	width: 100px;
}