/* CSS Document */

/*
-----------------------------------------------
Global styles
----------------------------------------------- 
*/

body {
	margin: 0; 
	padding: 0; 
	background: #E6D9E6; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	/* font-size: 1em; */
	font-size: 100%;
	color: #000000; 
}

a {color: #660066;}
a:hover {color: #990000;}
a:visited {color: #990000;}

h1.purple {/* purple main headers */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bolder;
	color: #660066;
	border-bottom: 1px solid #E6D9E6;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
}

h1.staff {/* purple main headers */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bolder;
	color: #660066;
	margin: 0;
}

h1.noborder {/* purple main headers no border */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bolder;
	color: #660066;
	margin: 0;
}

h2.red {/* red subheaders */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;
	color: #990000;
	border-bottom: 1px solid #E6D9E6;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
}

h2, h2.teaser {/* red teaser subheaders */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;
	font-style: italic;
	color: #990000;
	margin: 0 0 10px 0;
}

h2.teaser-nopad {/* red teaser subheaders */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;
	font-style: italic;
	color: #990000;
	margin: 0;
	padding: 0;
}

h2.teaser-purple {/* purple teaser subheaders */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;
	font-style: italic;
	color: #660066;
	margin: 0 0 10px 0;
}

h2.divider {/* red teaser subheaders */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;
	font-style: italic;
	color: #990000;
	padding: 8px 0 0 0;
	margin: 0 0 10px 0;
	border-top: 1px solid #E6D9E6;
}

h2.divider-purple {/* purple teaser subheaders */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;
	font-style: italic;
	color: #660066;
	padding: 8px 0 0 0;
	margin: 0 0 10px 0;
	border-top: 1px solid #E6D9E6;
}

h3.red {
	border-bottom: 0px;
	padding-top: 7px;
	padding-bottom: 1px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #990000;
}

h3, h3.purple {
	border-bottom: 0px;
	padding-top: 7px;
	padding-bottom: 1px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #660066;
}

h3.red-nopad {
	border-bottom: 0px;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #990000;
}

h3.purple-nopad {
	border-bottom: 0px;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #660066;
}

hr {
width: 100%;
height: 1px;
color: #E6D9E6;
background-color: #E6D9E6;
border: none;
}

table {
margin: 5px 0 5px 0;
background-color:#cccccc;
}

table.form, table.gallery {
margin: 0 0 5px 0;
background-color:#000000;
}

table.form td, table.gallery td, tr {
background-color: #FFFFFF;
}

td.purple, tr.purple {
background-color: #E6D9E6;
}

td.lightgray, tr.lightgray {
background-color: #E6E6E6;
}

table.align_left {
float: left;
margin: 3px 6px 6px 0;
}

table.align_right {
float: right;
margin: 3px 0 6px 6px;
}

table.news-gallery td  {
border-top: solid 1px #999999;
}

th {
background-color: #660066;
font-weight:bold;
color: #FFFFFF;
text-align: center;
}

.screen-reader {
  position: absolute;
  left: -9999px;
  
}

.divider {
border-top: 1px solid #E6D9E6;
padding: 5px 0 0 0;
}

.indent {
margin-left: 20px;
}

.indent_double, ul ul {
margin-left: 40px;
}

#main img, #main-reunion img {
border: 1px solid #000000;
}

#main  img.icon {
border: none;
}


#container {
width: 950px;
/*max-width: 1024px;
width: expression(document.body.clientWidth > 1024? "1024px": "100%" );*/
border-right: 1px solid #660066;
	background: #FFFFFF;
}

#container_min {/*sets IE min-width */
width: 950px;
/*width: expression(document.body.clientWidth < 800? "780px": "auto" );
min-width: 780px;*/
border-right: 1px solid #660066;
	background: #FFFFFF;
}

img.news_right {
margin-left: 10px;
}

img.news_left {
margin-right: 10px;
}

img.thumb_right {
margin-left: 10px;
float: right;
border: 1px solid #000000;
}

img.thumb_left {
margin-right: 10px;
float: right;
border: 1px solid #000000;
}

img.align_right {
float: right;
border: 1px solid #000000;
margin: 3px 0 6px 6px;
}


img.align_left {
float: left;
border: 1px solid #000000;
margin: 3px 6px 6px 0;
}

img.hs_left {
float: left;
border: 1px solid #000000;
margin: 3px 6px 3px 0;
}

.caption {padding: 5px; color: #666666; text-align: center;}

.content  ul ul, .content ol ul {
padding: 8px 0 0 0;
}




#leftbox, #main, #index, #main-reunion {
font-size: .7em;
}

ul.links li {
line-height: 150%;
}

ul.extraspace li {
line-height: 150%;
margin-bottom: 10px;
}

ul.rightnav-lists li {
line-height: 150%;
margin-bottom: 10px;
margin-left: 0;
}








/*
------------------------------------------------------------------------
styles for main section of index - mainly sets height
------------------------------------------------------------------------
*/

#index {
	height: 280px;
	padding: 0px;  
	margin: 0px; 
	background: #FFFFFF;
	width: 100%;
	width:expression(document.body.clientWidth < 800? "760px": "auto" );
}

#index .leftside {width: 420px; float: left; border-right: 1px solid #000000;  height: 280px;}

#index .newsbox {
	margin: 0;
	margin-left: 430px;
	padding: 10px 20px 10px 10px;
	max-width: 315px;
}

#index h2.red, #index h2.red a, #index h2.red a:visited {/* red subheaders */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;
	color: #990000;
	border-bottom: 1px solid #E6D9E6;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
	text-decoration: none;
}

#index h2.red a:hover {/* red subheaders */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;
	color: #990000;
	border-bottom: 1px solid #990000;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
	text-decoration: none;
}
	
#index ul {/* headlines on index */
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 5px;
	padding-left: 5px;
	list-style-image:  url("../menu/images/bullet-red.gif");
}

#index li {margin-bottom: 5px;}
#index li a {text-decoration: none; color: #660066;}
#index li a:hover {text-decoration: underline; color: #990000;}
#index .more-link {margin-left: 15px; color: #990000;}
#index .more-link a {text-decoration: none; color: #990000;}
#index .more-link a:hover {text-decoration: underline; color: #660066;}

/*
------------------------------------------------------------------------
styles for bottom nav bar found globally
------------------------------------------------------------------------
*/



#bottom_nav {/* sets navigation box width and styles, with right border */
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #660066;
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
	list-style-type: none;
	list-style-position: outside; 
	float: left;
	background: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: normal;
	z-index: 1000;
}

#bottom_nav a em {font-style: normal; text-decoration: underline;} /*underlines letter for keyboard access*/
#bottom_nav a  {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 8px;
	width: auto;
	z-index: 1000;
	height: 15px;
}
#bottom_nav a:link, #bottom_nav a:visited, #bottom_nav a:active {color: #FFFFFF; background-color: #990000; z-index: 1000}
#bottom_nav a:hover, #bottom_nav a:focus {color: #990000; background-color: #E6D9E6; z-index: 1000}

/*necessary to delete extra empty line in IE under pop-out window links */
#bottom_nav ul   {padding: 0; margin: 0; line-height: normal; z-index: 1000; list-style: none;}

/*styles for parent links - sets width of each box*/
#bottom_nav li.moritz {float: left;padding: 0; width: 140px; z-index: 1000; color: #FFFFFF;}/*on groups bar*/
#bottom_nav li.center {float: left; padding: 0;	width: 300px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#bottom_nav li.election {float: left; padding: 0; width: 135px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#bottom_nav li.hooding {float: left; padding: 0; width: 70px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#bottom_nav li.orientation {float: left; padding: 0; width: 80px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#bottom_nav li.reunions {float: left; padding: 0; width: 85px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#bottom_nav li.kirwan {float: left;padding: 0; width: 110px; border-right: 1px solid #FFFFFF; z-index: 1000;}
#bottom_nav li.date {text-align: right; float: right;padding: 0; width: 130px; z-index: 1000; color: #FFFFFF;	text-decoration: none; font-weight:bold; padding-top: 4px; padding-bottom: 2px; padding-right: 8px;}

/*
------------------------------------------------------------------------
styles for footer found globally
------------------------------------------------------------------------
*/

#footer {
background: #FFFFFF;
	margin: 0;
	width: 100%;
	padding: 0;
	border-bottom: 1px solid #660066;
}

#footer p {
	font-size: 10px;
	padding: 0 10px 10px 10px;
}
/*
------------------------------------------------------------------------
styles for secondary pages
------------------------------------------------------------------------
*/


/*
------------------------------------------------------------------------
navigation in left box
------------------------------------------------------------------------
*/


#leftbox {
top: 0; left: 0;
padding-top: 10px;
width: 160px;
background: #E6D9E6;
margin: 0;
float: left;
}



  
#leftbox h2.red {/* red subheaders in left box internally, other styles sames as h2.red */
	border-bottom: 1px solid #660066;
	padding-top: 10px;
	padding-left: 8px;
}

#leftbox h2.red a {text-decoration: none; color: #990000;}
#leftbox h2.red a:hover {color: #660066; text-decoration: underline;}
#leftbox h2.red a:visited {text-decoration: none; color: #990000;}

#leftbox ul {/* left navigation styles for unordered list */
	padding: 0;
	margin: 0 0 0 8px;	/* change margin-left to padding-left to get line to stretch 100% */
	list-style-type: none;
}

#leftbox li {padding: 0 3px 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #660066;}
#leftbox li a {text-decoration: none; color: #660066;}
#leftbox li a:hover {text-decoration: underline; color: #990000;}

/*
------------------------------------------------------------------------
main content area
------------------------------------------------------------------------
*/

#main { /* container for content area and far right column */
right: 0; /* bg flows behind 3rd col if exists */
margin: 0 0 0 160px;
/* IE hacks */
padding: 10px 10px 0 10px; /* flows behind other cols for bgimage */
top: 0px;
color: #444;
background: #FFFFFF;
height: 100%;
}



#main .content {
right: 0; /* bg flows behind 3rd col if exists */
margin: 0;
color: #444;
/* IE hacks */
padding: 10px; /* flows behind other cols for bgimage */
top: 0px;
width: 65%;
background: #FFFFFF;
}  

#main .content100 {
right: 0; /* bg flows behind 3rd col if exists */
margin: 0;
color: #444;
/* IE hacks */
padding: 10px; /* flows behind other cols for bgimage */
top: 0px;
width: 85%; /* changed from 75% */
background: #FFFFFF;
}  

#main p {margin-top: 0px; margin-bottom: 12px; line-height: 135%;}

/*#main .content100 p {margin-top: 0px; margin-bottom: 12px; line-height: 135%; width: 100%;}*/


/*
------------------------------------------------------------------------
main content area for reunion pages
------------------------------------------------------------------------
*/

#main-reunion { /* container for content area and far right column */
right: 0; /* bg flows behind 3rd col if exists */
margin: 0;
/* IE hacks */
padding: 10px 10px 0 0; /* flows behind other cols for bgimage */
top: 0px;
color: #444;
background: #FFFFFF;
height: 100%;
background-image:url(/reunions/images/left_bg.jpg);
background-repeat:no-repeat;
}



#main-reunion .content {
right: 0; /* bg flows behind 3rd col if exists */
margin: 0 0 0 130px;
color: #444;
/* IE hacks */
padding: 10px 10px 10px 0; /* flows behind other cols for bgimage */
top: 0px;
width: 58%;
}  


/*
------------------------------------------------------------------------
main content area for admin section
------------------------------------------------------------------------
*/

#main-admin { /* container for content area and far right column */
right: 0; /* bg flows behind 3rd col if exists */
margin: 0;
/* IE hacks */
padding: 10px; /* flows behind other cols for bgimage */
top: 0px;
background: #FFFFFF;
height: 100%;
}



#main-admin .content {
right: 0; /* bg flows behind 3rd col if exists */
margin: 0;
color: #444;
/* IE hacks */
padding: 10px; /* flows behind other cols for bgimage */
top: 0px;
width: 65%;
background: #FFFFFF;
}  

#main-admin .content p {margin-top: 0px; margin-bottom: 12px; line-height: 135%;}

#modified { border-top: solid 1px #ccc; padding-top: 1em; margin-top: 3em; color: #999; padding-bottom: 8px; }

#main .nav-section {
  top: 150px; 
  float: right;
  width: 25%;
  right: 0%;
  margin: 30px 0 0 0;
  padding: 10px;
  border-left: solid 1px #ccc;
  background-color: #fff; /* IE fix for wrap width problem */
}

#main-reunion .nav-section {
  top: 150px; 
  float: right;
  width: 20%;
  right: 0%;
  margin: 30px 0 0 0;
  padding: 10px;
  border-left: solid 1px #ccc;
  background-color: #fff; /* IE fix for wrap width problem */
}

#main .nav-section ul, #main-reunion .nav-section ul {/* left navigation styles for unordered list */
	padding: 0px;
	margin: 0 0 0 15px;
	list-style-type: disc;
}

#main .nav-section li, #main-reunion .nav-section li {padding-bottom: 4px;}

#main li, #main-reunion li {padding-bottom: 6px;}


/*
------------------------------------------------------------------------
faculty/staff bio styles
------------------------------------------------------------------------
*/

h1.faculty {/* purple faculty headers  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #660066;
	padding-bottom: 3px;
	margin: 0px;
}

h2.title {/* red title headers  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	font-style: italic;
	color: #990000;
	padding-bottom: 3px;
	margin: 0px;
	margin-bottom: 10px;
}

#faculty_rightbox {
	width: 90%; 
	padding: 5px; 
	background-color: #E6D9E6; 
	line-height: 14px;
	margin: 0;
}

#alumni_index_feature {
width: 100%;
}

#alumni_index_events {
width: 100%;
border-top: 1px solid #E6D9E6;
padding-top: 10px;

}

.phinline { /*photos inline */
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #666;
	padding: 6px 6px 0px 6px;
	/*width: 204px; */
	border: 1px solid #ccc;
	float: right;
	margin: 5px 0px 5px 10px;
}

.phinline2 { /*photos inline */
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #666;
	padding: 6px 6px 0px 6px;
	/*width: 204px; */
	border: 1px solid #ccc;
	float: left;
	margin: 5px 10px 5px 0px;
}

#main .phinline img, #main .phinline2 img {
border: 0;
}

.photosubtext {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	color: #000;
	background: #E6D9E6;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 5px 6px 18px 6px;
}

/* form */

form.norm fieldset {
  border: 1px solid #bbb;
  background: #eee;
  /*width: 32em;*/
  width: 90%;
  padding: 15px;
  margin: 10px 0;
  position: relative;/* fixes color placement of legend in IE */
}
form.norm legend {
  font-weight: bold;
  color: #fff;
  background-color: #660066;
  border: 1px solid #555;
  padding: 2px 6px;
  position: absolute;/* fixes color placement of legend in IE */
  top: -0.8em;/* fixes color placement of legend in IE */
  left: 0.5em;/* fixes color placement of legend in IE */
}
form.norm label { 
  font-weight: bold;
  width: 10em;
  margin: 0.5em 0.5em 0 0;
  vertical-align: top;
  float: left;
  text-align: right;
}
form.norm input {
  margin: 0.5em 0 0 0.5em;
  width: 11em;
}
form.norm select {
  margin: 0.5em 0 0 0.5em;
}
form.norm fieldset ol {
  margin: 0;
  padding: 0;
}
form.norm fieldset ol li {
  list-style: none;
  padding: 3px;
  margin: 0;
}
form.norm fieldset fieldset {
  border: none;
  margin: 0;
  width: auto;
  padding-top: 15px;
  background-color: transparent;
}
form.norm fieldset fieldset legend {
  padding-top: 10px;
  margin-left: -10px;
  margin-bottom: -18px;
  border: none;
  color: #444;
  background-color: transparent;
}
form.norm fieldset fieldset label {
  margin-left: 10em;
  width: 20em;
  text-align: left;
}
form.norm fieldset fieldset input {
  width: 2em;
}