html {
	border: 0px;
	margin: 0px;
}

body {
	background: #ffffff bottom right fixed no-repeat url("/images/ECUfishbg.jpg");
	border: 0px;
	font: x-small Verdana, Arial, sans-serif;
	font-size: /**/small;
	margin: 0px;
}

body#admin {
	background: #ffffff bottom right fixed no-repeat url("/images/ECUfishbgpurple.jpg");
}

body table {
		 width: 520px;
}

body table td {word-wrap: break-word;}
	
/* --- Banner -------------------------------- */

#banner {
	border-bottom: 1px solid #dddddd;
	padding: 20px;
	padding-left: 187px;
	padding-bottom: 2px;
}

#banner a:link, #banner a:visited {
	border-width: 0px;
	color: #bbbbbb;
	text-decoration: none;
}

#banner a:active, #banner a:hover {
	color: #666666;
}

#banner p {
	color: #bbbbbb;
	font: bold xx-small Verdana, Arial, sans-serif;
	letter-spacing: 0.2em;
	margin: 0px;
	margin-top: 20px;
	text-align: left;
	text-transform: uppercase;
}

#banner img {
	margin-left: 20px;
	position: static;
	z-index: 10;
}

/* --- Top nav ------------------------------- */

#top-nav {
	color: #bbbbbb;
	font: bold xx-small Verdana, Arial, sans-serif;
	letter-spacing: 0.2em;
	margin-top: 10px;
	text-align: left;
	text-transform: uppercase;
}

#top-nav a:link, #top-nav a:visited {
	border-width: 0px;
	color: #888888;
	text-decoration: none;
}

#top-nav a:active, #top-nav a:hover {
	color: #666666;
}

#coming-up, #top-nav {
	background-color: #fbfbfb;
	border: 1px solid #999999;
	color: #999999;
	float: right;
	margin-top: 30px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 15px;
	width: 130px;
}

#main #coming-up h2, #main #top-nav h2 {
	background-color: #fbfbfb;
	border-width: 0px;
	color: #444444;
	font: bold xx-small Verdana, Arial, sans-serif;
	letter-spacing: 0.2em;
	margin: 0px;
	margin-bottom: 0.5em;
	padding: 0px;
	text-transform: uppercase;
}

#coming-up ul, #top-nav ul {
	margin: 0px;
	padding: 0px;
}

#coming-up ul {
	margin-bottom: 1em;
}

#coming-up li, #top-nav li {
	border-top: 1px dashed #999999;
	font-size: 85%;
	line-height: 1.2em;
	list-style-type: none;
	margin: 0px;
	margin-top: 0.7em;
	margin-bottom: 0.5em;
	padding: 0px;
	padding-top: 0.4em;
	padding-left: 0.2em;
}

#coming-up li a, #top-nav li a {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}

#top-nav {
	line-height: 2em;
	padding-bottom: 5px;
}

#top-nav h2 {
	margin-bottom: 0.5em;
}


/* --- Footer -------------------------------- */

#footer {
	border-top: 1px solid #dddddd;
	margin-left: 180px;
	margin-top: 40px;
	padding-bottom: 20px;
	padding-top: 2px;
	padding-left: 7px;
}

#footer a:link, #footer a:visited {
	border-width: 0px;
	color: #bbbbbb;
	text-decoration: none;
}

#footer a:active, #footer a:hover {
	color: #666666;
}

#footer p {
	color: #bbbbbb;
	font: bold xx-small Verdana, Arial, sans-serif;
	letter-spacing: 0.2em;
	margin: 0px;
	text-align: left;
	text-transform: uppercase;
}


/* --- Main Content -------------------------- */
	
a:link, #full-view input, #brief-view input, #mailing-lists input {color: #336699;}
a:link {border-bottom: 1px dashed #336699; text-decoration: none;}
a:visited {border-bottom: 1px solid #336699; color: #336699; text-decoration: none;}
a:hover, a:active {color: #6699cc;}

a img {border-width: 0px;}
p, blockquote, li {line-height: 1.6em;}
li {margin-right: 10%;}
ul li {list-style-type: square;}
form {font-size: 85%;}

#main {
	color: #222222;
	margin-left: 210px;
	margin-top: 20px;
	width: 520px;
}

#main h1 {
	background-color: #eeeeee;
	border: 1px solid #999999;
	color: #777777;
	font: bold 170% Verdana, Arial, sans-serif;
	margin-top: 1.5em;
	padding: 0.3em;
}

#main h2 {
	background-color: #eeeeee;
	border: 1px solid #999999;
	color: #777777;
	font: bold 100% Verdana, Arial, sans-serif;
	margin-top: 2em;
	padding: 0.3em;
}

#yearly-calendar {
	color: #222222;
	margin-left: 210px;
}

ol li {
	margin-bottom: 1em;
}

#latest-reading {
	border: 1px solid #666666;
	color: #555555;
	font-size: 85%;
	margin-bottom: 20px;
	padding: 10px;
	width: 200px;
}

#latest-reading a {
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
}

#latest-reading a:link {color: #333333;}
#latest-reading a:visited, #latest-reading a:hover, #latest-reading a:active {color: #000000;}

span.side-style {
	background-color: none;
	border: 0px;
	color: #666666;
	font: bold x-small Verdana, Arial, sans-serif;
	letter-spacing: 0.1em;
	margin-top: 1em;
	margin-bottom: 1px;
	padding: 0px;
	padding-left: 10px;
	padding-top: 1em;
	text-transform: uppercase;
}

#latest-reading h3 {
	color: #000000;
	font: bold 110% Verdana, Arial, sans-serif;
	margin: 0px;
	margin-bottom: 0.3em;
}

#latest-reading p {
	margin: 0px;
}

#meet_a_student img {
	border: 1px solid #888888;
	display: block;
	float: left;
}

#mastext {
	border: 1px solid #888888;
	border-left: 0px;
	font-size: 85%;
	height: 136px;
	overflow: auto;
	padding: 10px;
}

#mastext p {
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

/* --- Side ---------------------------------- */

#side-top {
	left: 25px;
	top: 30px;
	position: absolute;
	z-index: 5;
}

#side {
	border-right: 1px solid #dddddd;
	left: 10px;
	top: 110px;
	padding: 15px;
	padding-top: 40px;
	position: absolute;
	text-align: right;
	width: 140px;
}

#side a:link, #coming-up a:link {color: #333333;}
#side a:visited, #coming-up a:visited {color: #666666;}
#side a:active, #side a:hover, #coming-up a:active, #coming-up a:hover {color: #ff6600;}

#nav {
	color: #555555;
	margin-bottom: 20px;
}

#side h2, #main h2.side-style {
	background-color: none;
	border: 0px;
	color: #666666;
	font: bold x-small Verdana, Arial, sans-serif;
	letter-spacing: 0.1em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	padding: 0px;
	padding-left: 10px;
	padding-top: 1em;
	text-transform: uppercase;
}

#side h4 {
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0px;
}

#side h5 {
	color: #222222;
	font: bold Verdana, sans-serif;
	font-variant: small-caps;
	margin-top: 1em;
	margin-bottom: 0.3em;
}

#side p {
	font: 85% Verdana, sans-serif;
	line-height: 1.3em;
	margin-top: 0px;
}

#side ul {
	font: 85% Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
}

#side ul li {
	color: #777777;
	line-height: 1.9em;
	list-style-type: none;
	margin: 0px;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	padding: 0px;
}

#side li a {
	border-bottom: 1px solid #dddddd;
	padding: 0.4em;
	padding-left: 2em;
	padding-right: 0px;
	text-decoration: none;
}

/* --- Forms --------------------------------- */

input, fieldset, select, option {font-size: 100%;}

fieldset {border: 1px solid #bbbbbb; padding: 10px;}

legend {
	background-color: #f8f9fe;
	border: 1px solid #999999;
	font-weight: bold;
	font-size: small;
	padding: 0.3em;
}

fieldset fieldset legend {
	background-color: #eeeeee;
	font-size: 100%;
}

label {
	color: #444444;
	display: block;
	font-weight: bold;
	margin-top: 1em;
}

fieldset h2 {
	border-width: 0px;
	color: #000000;
	padding: 0px;
}

td fieldset {
	padding: 0px;
}

#sub_form fieldset, #unsub_form fieldset {
	border-width: 0px;
	padding: 0px;
}

#sub_form td, #unsub_form td {
	border: 1px solid #cccccc; 
	padding: 5px;
	vertical-align: middle;
}

#sub_form input, #unsub_form input {
	margin: 0px;
	padding: 0px;
}

.sex {
	text-align: center;
	text-transform: uppercase;
}

#details_form {
	border-width: 0px;
	vertical-align: top;
}

fieldset td {
	border-width: 0px;
	padding: 10px;
	vertical-align: top;
}

#details_form td fieldset {
	padding: 10px;
}
/* --- Tables ---------------------------------- */

thead td {
	background-color: #dddddd;
	font-weight: bold;
	}

td {
	border: 1px solid #cccccc; 
	font: 85% Tahoma, sans-serif; 
	padding-left: 0.75em; 
	padding-right: 0.75em; 
	white-space: nowrap
}

#main td a {
	border-width: 0px;
}

fieldset td {
	font-size: 100%;
}

td.list-title {
	background-color: #eeeeee; 
	font-size: small;
}

td.list-active {
	font-weight: bold; 
	text-align: center; 
	text-transform: uppercase;
}

table form {
	margin: 0px;
	}

.divider {
	background-color: #dddddd;
}

#full-view input, #brief-view input, #mailing-lists input {
	background-color: #ffffff;
	border: 0px;
	cursor: hand;
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
	text-align: left;
	width: 100%;
}

#full-view fieldset, #brief-view fieldset, #mailing-lists fieldset, #delete-choice fieldset, fieldset#group-edit, fieldset#college-edit  {
	border-width: 0px;
}

#delete-choice td {
	border-width: 0px;
}

tr.nc td, #full-view tr.nc td input, #brief-view tr.nc td input {
	background-color: #e9e9e9;
}

#year-calendar {
	border: 1px solid #666666;
	margin-top: 50px;
}

#year-calendar th {
	background-color: #dddddd;
	border: 1px solid #999999;
	font-weight: bold;
	padding: 4px;
}

#year-calendar td {
	height: 80px;
	width: 80px;
	padding: 0px;
	vertical-align: top;
}

#year-calendar td a {
	border-width: 0px;
	display: block;
	width: 70px;
}

.year-day, .year-day-entry {
	background-color: #eeeeee;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	float: left;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px;
}

.year-day-entry {
	background-color: #e4f5ff;
}

fieldset h2 {
	font-size: 100%;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}

fieldset ul {
	margin-left: 20px;
	margin-top: 0px;
}

fieldset li {
	line-height: 1.5em;
	list-style-type: square;
}


#events-search {
	float: right;
}

#this-month {
	clear: all;
	float: right;
}

#this-month table {
	background-color: #eeeeee;
	border: 1px solid #666666;
}

#this-month caption, #this-month th {
	font-size: 85%;
	font-weight: bold;
}

#this-month td {
	background-color: #ffffff;
	padding: 2px;
}

#this-month td.event-on {
	background-color: #dddddd;
}



@media print {

#main {
	margin: 0px;
	text-align: justify;
	width: 100%;
}

#main h1 {
	background-color: #ffffff;
	border-width: 0px;
	margin-top: 0px;
	padding: 0px;
}

#search, #side, .button-box, .divider, #banner, #footer, #side-top, #comments, #top-nav {
	display: none;
}

tr {
	border-bottom: 2px solid #000000;
}

}