/* CSS Document */
/* Macalester College Reunion 2008 - Unified Stylesheet - Revision 1.4*/
/*  Modified 2008-01-24 - CSS 2.0 last validated 2008-01-24 - Created 2007-07-27 - */

body {
	width:2600px; 
	background-color:#fff; 
	color:#000; margin:0px; padding:0px; border:none; font: 11px/18px Verdana, Geneva, Arial, Helvetica, sans-serif; }
/* === Text elements === */
a {text-decoration: none; color: #2C4D7A; font-weight: bold;}
a:hover {text-decoration: underline; color: #2C4D7A; font-weight: bold;}

h1 {font-size:1.45em; font-weight:bold; color:#900; margin-left:10px; clear:both; margin-bottom:2em;}
h2, h4, h5 {font-size:1.20em; font-weight:bold; color:#001A4C;}
h3 {font-weight:bold; font-variant:small-caps; font-size:1.20em; line-height:.8em; padding:8px 6px 1px 0px; color:#F7F4E4; background-color:#68813C; text-align:right; width:100%;}

/* -- presentation of sitewide links --*/
div#sitewide_nav p {margin-top: 6px; margin-bottom:6px;}
div#sitewide_nav a:link, div#sitewide_nav a:visited, div#sitewide_nav a:hover, div#sitewide_nav a:active {font-family: Helvetica, Arial, sans-serif;  font-size: 13px; line-height:13px; font-weight: 700; color:#68813C; text-decoration:none; }
div#sitewide_nav a:hover {color:#68813C; text-decoration:underline;}

/* ===== Big Blocks ===== */
div#accessibility {display:none;}
div.containment {width:750px; margin:0px; padding:0px; float:left;}
div#top {width:750px; height:30px;} 
	

/* banner area */
div#bannerstretch {width:100%; height:250px; clear:both;}
	div#lightgreen_top {background-color:#B5C990; height:15px; width:100%;}
	div#darkgreen_top {background-color:#68813C; height: 25px; width:100%; }
	 	div#darkgreen_top p {color: #FFF; font-size: 10px; line-height:10px; font-weight:bold; margin-bottom:0px; margin-top:6px; }
		div#darkgreen_top a  {color: #FFF; font-size: 10px; line-height:10px; font-weight:bold;}
		div#darkgreen_top a:hover {color: #FFF; font-size: 10px; line-height:10px; font-weight:bold;}
	div#whitearea_top {height:180px; width:100%;}
		div#sitewide_nav {width:200px; height:100px; margin:0px; padding-left:20px; padding-top:20px; float:left;}
		div#whitearea_top img {border:none; float:right; vertical-align:top; margin:0px;}
	div#lightgreen_bottom {background-color:#B5C990; height: 35px; width:100%; clear:both;}
		div#search {width:240px; float:left; margin-left:10px; padding-top:4px;}
		div#tagline {width: auto;  float: left; margin-left:30px; padding-top:4px; padding-bottom:4px;}

/* content area (what used to be a table) */
div#contentstretch {width: 100%; margin-top:4px; clear:both;}
	div#content_left {width:250px; float:left; margin-right:10px; border:1px #A6A45A solid; background-color:#F7F4E4;}
		div.box_left {padding:10px;}
		.box_left ul {list-style:square;}
	div#content_main {width:486px; float:left; border:1px #A6A45A solid; background-color:#F7F4E4; margin:0px;}
	div#content_fill {width:1000px; margin-left:10px; border:1px #A6A45A solid; border-right:0px !important; float:left; background: url(../images/bg_rightfadeout.gif) top right repeat-y #F7F4E4;  vertical-align:top;}

/* footer area */
div#footerstretch {width: 100%; margin-top:0px; padding:1em 10px 1em 10px; clear:both;}

/*Refined Blocks*/
div#crumbtrail {width:480px; padding-left:10px; float:left;}
div#textadjust {width:240px; float:right; text-align:right;}

/*Controls the default way images are displayed on reunion notes pages. */

div.entry {width:auto; margin:1.0em 0em 1.0em 0em; padding: 0px 10px 0px 10px; clear: both; }
div.then_now {width:150px; height:95px; vertical-align:top; float:left; margin:0px auto auto 0px; padding:0px; } 
div.then_now img {margin:0px 4px auto 0px; }
div.then_now img.now {float:right;}
div.persontext {margin:0px; width:315px; float:left; line-height:normal;}
	/*second entry allows for custom tags - needs testing*/
	.person_name {font-weight:bold;}
	.person_title {color:#68813C;}
	.person_note {float:right;}
	.person_stories {font-size: .95em;}
	.person_stories a {font-weight:100 !important;}
	
p.prev_next {margin-right:10px; text-align:right; clear:both;}
p.prev_next a {font-weight:100 !important;}
div.entry ul {list-style:square;}
.attend {font-style:italic; font-weight: bolder;}
.reg {color:#68813C;}
.yes {color: #B5C990;}
.no {font-weight: lighter !important; color: #900;}
.maybe {color: #666666;}
/*
Linksmain for left navigation. Borrowed from text.css.
*/
ul.linksmain {list-style: none !important;	margin: 0px 10px 0px 10px; padding: 0px;}
ul.linksmain>li {margin-top: 7.5px; line-height:normal;}
ul.linksmain>li a {font: bold 10.5px/13px Verdana, Helvetica, Arial, sans-serif;}

/*General image display - left, fullwidth, right*/
img {border:1px #000 solid;}
img.left {float:left;  margin-right:4px; margin-bottom:2px;}
img.right {float:right;  margin-left:8px; margin-bottom:2px;}
img.fullwidth {clear:both; }
div#top img {border:none;}

/*All Forms*/
div#content_main form {width:auto; margin:20px;}
form td {vertical-align:middle;} 
td.formsegment {background-color:#6D5D78; color:#FFF; font-weight:bold; height:50px; vertical-align:middle; padding:10px;}
td.label_col {font-weight:bold; line-height:normal; text-align:right;}
input { color:#68813C; font-weight:bold;}
textarea {padding: 4px; margin:2px; color:#68813C; font: 15px/20px lighter "Times New Roman", Times, serif;}