@charset "utf-8";
/* CSS Document */

/*Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {line-height: 1;}


/* Marietta College, January 2009 * /

/* -- PRIMARY FORMATTING --------------------------------------------------------- */
@media screen, projection {
	body  {background: url(/olc/images/MRO/bg1.jpg) no-repeat; background-position: top; background-attachment:fixed; text-align: center; } /* this centers the wrapper in IE 5* browsers. The text is then set to the left aligned default in the #wrapper selector */

	body, 
	tr, td, 
	p {font-size:12px; font-family:Helvetica, Arial, sans-serif; color:#000; line-height:18px;}
	p {margin:10px 0 0 0; font-size:1em;}
	a {color:#036;}
	a:hover {text-decoration:none; color:#036;}
	ul, ol {margin:0; font-size:1.0em;}
	li {}
	h1 {font-size:1.6em; color:#036; font-weight:bold; padding-bottom:5px; padding-top:5px;}
	h2 {font-size:1.4em; font-weight:bold; padding-bottom:5px; padding-top: 10px;}
	h3 {font-size:1.2em; color:#036; font-weight:bold; padding-bottom:3px; padding-top:10px;}
	h4 {font-size:1.1em; color:#036; padding-bottom:5px; padding-top:10px;}
	h5 {font-size:1em; color:#000; font-weight:bold; padding-bottom:3px; padding-top:5px;}
	h6 {font-size:1em; color:#000;}
	img {border:none;}
	hr {color:#ccc;background-color:#ccc;height:1px;border:none;}

/* -- IDs --------------------------------------------------------- */	
#wrapper {clear:both; position:relative; width:950px; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-top: 1px  ridge #2b4161;
	border-right: 1px inset #2b4161;
	border-left: 1px outset #2b4161;
	text-align: left; /* this overrides the text-align: center on the body element. */}

/* css for the "active" background image on the main nav */
.hereMain {padding-bottom: 5px; position:relative; top:-4px; left:-19px; background-attachment:fixed; background:transparent url(/olc/images/MRO/mainNav_selected_bg-trans.png) no-repeat; width:130%;}
.hereMain_img {margin-top:-7px;}
.hereMain .tooltip {margin-left:19px; line-height:195%;  }
#MainNav .hereMain .tooltip {color:white;  }


.hereSub {background-image: url(/olc/images/MRO/glossyback2.gif);}
.hereSub2 {background-image: url(/olc/images/MRO/glossyback3.gif); -moz-border-radius: 10px; -webkit-border-radius: 10px; }




/* end css for the "active" background image on the main nav */



#MCLogo {position: absolute; top:3em; left: 3em;}
#Logo175 {position: absolute;  top:80px; left: 425px;}
 /* #ErwinLogo {position: absolute; top:45px; right: 0px;} Use for Erwin_88*/
#ErwinLogo {position: absolute; top:50px; right: 30px;}  /* Use for Erwin_66*/

#header {position:relative; margin:0; z-index:1000;}

/* Start Feature Story Area */
#SubFeatureBox {z-index:-100; position:absolute; top:-18.5em; margin:0;}
#SubFeatureBox img{background-color:#FFFFFF; padding-right:30px;}
/* End Feature Story Area */

#subwrapper {position:absolute; top:28em; width:100%; margin: 0 auto 0; background-color:#FFFFFF;  } 

/* -- NAVIGATION IDs --------------------------------------------------------- */

/* Start Global Top Navigation - used on all pages*/	
#Global_nav {position:absolute;	width:245px; top:0px; right: 15px; font-size:9px; font-weight:bold; color:#fff; margin:0; padding:5px 0 0 0; z-index: 50;}
#Global_nav ul {margin:2px 0 0 0;}
#Global_nav li {position:relative; display:inline; list-style-type:none;}
#Global_nav a {text-decoration:none; color:#fff; padding:.6em;}
#Global_nav a:visited {color:#fff; text-decoration:none;}
#Global_nav a:hover {color:#ccc; text-decoration: underline;}
	/* End Secondary Top Navigation - header.gif */


#MainNav {font-family: "HelveticaNeue-CondensedBold", Helvetica, Arial, sans-serif; font-weight: bold; margin:0 0 1em 0; background-color:#fff; text-transform:uppercase;}
#MainNav a {text-decoration:none; color:#036;} 
#MainNav a:visited {text-decoration:none; color:#036;}
#MainNav a:hover {text-decoration:none; color:#ccc;} 
#MainNav a:active {color:red;} 
#MainNav img {margin-left:-10px; margin-top:-3px; padding-bottom:3px;  padding-top:3px;}



#local_menu {margin:6em 0 1em 0; background-color:#fff; /*text-transform:uppercase;*/}
#local_menu ul {list-style:none;}
#local_menu li {margin:0; height: 1.2em;}
#local_menu li a {text-decoration:none; color:#036;} 
#local_menu li a:visited {text-decoration:none; color:#036;} 
#local_menu li a:hover {text-decoration:none; color:#ccc;} 
#local_menu li a:active {color:#c6c;} 
#local_menu li img {margin-left:-15px; padding-bottom:3px;}  





/* -- CONTENT IDs --------------------------------------------------------- */


#breadcrumb {padding: 5px; font-size:.8em; color:#036; font-weight:bold; border-bottom:1px dotted #ccc;}

#content { position:relative; margin: 0 250px 0 200px;  /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #content div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	min-height:500px; height:auto;}
#content ul{margin-left:15px;}
#content ol{margin-left:15px;}
	
#subcontent {padding:5px;}


/* Start Sidebar 1: Left Column */
#sidebar1 {position:relative; top:-203px;  z-index:500; /*top:-20em; to push main nav & local menu down in all broswers except ie. #top:-17em; to push it down in ie. */
	float: left; /* since this element is floated, a width must be given */
	width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:6em 10px 10px 10px; }
	/* End Sidebar 1 */


/* Start Sidebar 2: Right Column */
#sidebar2 {position:relative; top:-20em; z-index:400; float: right; /* since this element is floated, a width must be given */
	width: 205px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:275px 5px 5px 5px; /* padding keeps the content of the div away from the edges */
	}
	#sidebar2 ul {list-style:none; padding-left:10px;}


#quicklinks {display:block; position:absolute; right:10px; top:180px;}


	/* End Sidebar 2 */
#TargetedSubNav {padding-bottom:3em;}

/* Start Footer */
	#footer {clear:both; position:relative; width:auto; padding:80px 0 5px; color:#036; margin:0 auto 0; font-size:11px; }
	#footer ul {text-transform:uppercase; width: auto; text-align:center; margin:0; padding:5px 5px 8px 5px; font-weight:bold; color:#fff; background-image:url(/olc/images/MRO/nav_bg.png); background-repeat:repeat-x;}
	#footer li {display:inline; list-style-type:none; font-size:12px;}
	#footer a {text-decoration:none; padding:0 25px 0; color:#fff;}
	#footer a:hover {text-decoration:underline;}
	#footer .AboutBlurb {padding: 0 6% 0; text-align:right;}
	#footer .AboutBlurb a {color:#036;}
	#footer .AboutBlurb p {text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif; color:#036; font-size:11px; padding:0 1em;}
	#footer .lastmod {position:relative; float:left; width:200px; font-family:Geneva, Arial, Helvetica, sans-serif; color:#036; font-size:10px;}
	#footer .address {font-family:Geneva, Arial, Helvetica, sans-serif; color:#036; font-size:10px;}
	/* End Footer */



/* -- Classes --------------------------------------------------------- */
.clear {clear:both;}

.promo {padding:0 7px 10px 7px;}

.profile {clear:both; padding:1em;}

a.tooltip {position: relative;}
a.tooltip span {display: none;}
a.tooltip:hover span.big {display: block; width: 210px;  /*use for larger tool tips: Max char w/o spaces: 30 */
position: absolute; top: 3em; left: 4em; border: 1px solid #996633; padding: 0.3em 0.7em; background-color: #FFFFCC; color: #000; 	font-size:9px; z-index:100; font-weight:normal; }

a.tooltip:hover span.mid {display: block; width: 65px;  /* for one-word tool tips. Max char w/o spaces: 10 */
position: absolute; top: 3em; left: 4em; border: 1px solid #996633; padding: 0.3em 0.7em; background-color: #FFFFCC; color: #000; 	font-size:9px; z-index:100; font-weight:normal;}

a.tooltip:hover span.small {display: block; width: 45px;  /* for one-word tool tips. Max char w/o spaces: 7 */
position: absolute; top: 3em; left: 4em; border: 1px solid #996633; padding: 0.3em 0.7em; background-color: #FFFFCC; color: #000;
font-size:9px; z-index:100; font-weight:normal;}




.pHeader {font-size:1.1em; font-weight:bold;}
.pHeaderItalic {font-size:1.1em; font-weight:bold; font-style:italic}
.pSmallMargin {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; line-height:18px; margin:2px 0 0 0; font-size:1em;}

.picFloatLeft {float:left; padding-right:10px;}
.picFloatRight {float:right; padding:0px 5px 10px 10px;}
.caption {font-size:0.8 em; color:#036; padding: 2px; font-style:italic;}

/* use for floated images with captions that must appear in main content, image size should not be more than 250px  */
.imgwcap_left_50 {float:left; width:50%; padding:5px; text-align:center; } /* div contains img and caption */
.imgwcap_right_50 {float:right; width:50%; padding:5px; text-align:center; }
.imgcaption {display:block; color:#036; font-size:.95em;}



.ie6_warning {display:none;}



.required {color: #FF0000}

.somePadding {padding:15px;}
.sidePadding {padding: 0 3em;}
.sidebar_pad {padding:5px;}
.sidebar_pad a {text-decoration:none; font-weight:bold;}
.sidebar_pad a:hover {text-decoration:underline; font-weight:bold;}

.indent {margin-left:1.5em;}


.centerAlign {text-align:center;}


div.quote {
text-align:center;
 display:block;
 margin:0.25em 0.75em 0.25em .25em;
 padding:0.65em;
 color:#333;
 font:italic 1.25em/1.25 Georgia;
}

.quote p {text-align:left; margin-bottom:.5em; }
.quotee {text-align:right; margin-left:13em;} 

blockquote {padding:1em; font-weight:bold; font-style:oblique; text-align:center;}

/* faux table layout - use for non-tabular data that you want to display with a table-like layout*/
.faux_table {display: table; margin:1em auto 0 0; text-align: center; #width: auto;}
.faux_table > div {display: table-row;  }
.faux_table > div > div {display: table-cell; padding:1em; max-width:20em; /* border: 1px solid #BFBAB0; background-color: #F2EFE9; -moz-border-radius: 5px; -webkit-border-radius: 5px; */}

.faux_table_la {display: table; margin:1em auto 0 0; text-align: left; #width: auto;}
.faux_table_la > div {display: table-row;  }
.faux_table_la > div > div {display: table-cell; padding:1em .7em 1em .8em; max-width:20em;}

.faux_table h3 {color: white; background: black url(/olc/images/MRO/backback.gif) repeat-x bottom left;  -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 7px;}
.faux_table h3 a {color: white; text-decoration:none;}


.faux_table_la h3 a {text-decoration:none; font-size:1.1em;}
.landing_p {text-align:left; margin-top:-1px; padding-bottom:10px;}
.landing_p a {font-style:italic; font-weight:bold;}





.important_text {color: red;}

.flag {background-color:#FF0000;}
.bgbg {color: white; background: black url(/olc/images/MRO/backback.gif) repeat-x bottom left;  -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 7px; text-decoration:none;}

.bgbg a {color: white; background: black url(/olc/images/MRO/backback.gif) repeat-x bottom left;  -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 7px; text-decoration:none;}
.bgbg a:hover {color:#ccc;}

.bgbg_short {color: white; background: black url(/olc/images/MRO/backback.gif) repeat-x bottom left;  -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 7px; text-decoration:none; text-align:center; width:50%; }

.bgbg_button a {font-weight:bold; color: black; background-image: url(/olc/images/MRO/glossyback2.gif); -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 7px; text-decoration:none; width:50%;}

/*real table layout -- use for an actual table with tabular data */
.hor-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 10px 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
.hor-zebra th
{
	font-size: 14px;
	font-weight: bold;
	padding: 10px 8px;
	color: #039;
}
.hor-zebra td
{
	padding: 8px;
	color: #000;
}
.hor-zebra .odd
{
	background: #e8edff; 
}


dt {font-weight:bold;}
dd {padding-left:4px;}



.faq li {list-style:circle; padding:1px; }
.Qicon {line-height: 20px; vertical-align:text-bottom; padding-right:5px;}
.Aicon {float:left; line-height: 20px; vertical-align:text-bottom; margin-left:4px;}
.Question {line-height: 20px; font-weight:bold; font-style:italic; font-size:1.5em;}
.Answer {display:block; margin-left:35px; font-weight:300; font-size:1.1em; padding-bottom:2em;}
.Answer img {margin-left:-30px;}



.hor-list {list-style:none;}
.hor-list li {
border:1px solid #003366; color:#003366;
display:inline-block;
font-weight:bold;
margin-right:3px;
padding:1px 3px;
text-decoration:none; text-align:center;}



.cal {font-size:1.4em;}
.cal_date{color:#036; font-weight:bold; font-size:1.1em;}
.cal_event{font-weight:bold; font-size:1em;}


/* News classes */
.newspic_left {float:left; padding: 10px;}
.newspic_right {float:right; padding: 10px;}
.readmore {float:right; position:relative;}
.newspic_center {padding: 10px;}
.articleTitle {font-size:14px;}
.pub {font-weight:600; font-style:italic;}
.Gallerypic_left {float:left; padding: 10px;}
.AdImageUnderLeftNav {padding-top:250px; padding-left:10px}


.subsection_bg {background-color: #ddd; -moz-border-radius: 5px; 
-webkit-border-radius: 5px; padding:5px; padding-left: 10px; 
}
.hea li {margin-left:1.5em; list-style:lower-roman;}

.jobs li {color:#036; margin-bottom:4px;}

.form_col {margin-left:1em;;width:50%;}


#presidents_side {width:120%; padding:0; margin-left:-32px;}
#presidents_side .preshead {color: white; background: black url(/olc/images/MRO/backback.gif) repeat-x bottom left;  -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 7px; text-decoration:none; text-align:center; margin-left: 15px; width:75%; }


#magazine_sidebar {float:right; width:230px; font-size:1em; padding-left:5px; text-align:left;}

.lbl {color:#036; padding:1px; font-weight:bold;}

.hide {display:none;}











/***************************** 

******** CONTENT SLIDER CSS *******

*******************************/

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 554px; /*width of featured content slider*/
height: 225px;
z-index:-100;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding:0;
background: white;
width: 524px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
z-index:-100;
}

/* Note: getting the white selector to align with the bottom of the grey bar is tricky! You need to use a combination of differnent elements.  Also, see various conditional ie hacks in links_home.inc.php file. */


.pagination{
padding-left:30px;
width: 494px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
bottom:50px; /* positions the grey bar under the featured image*/
text-align: left;
background-image:url(/olc/images/MRO/greybar2-trans.png);
height:50px; /* effects the grey bar under the featured image*/
position:relative;
}

.pagination a{
padding: 15px 5px 5px 5px;  /* 15px top padding sets the position of the white selector icon, rest is padding between numbers */
font-size:18px;
color: #fff;
font-family:Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
position:relative;
top:24px; /* this sets the white selector icon along the baseline of the grey bar*/
}



.pagination a.selected{
background-image:url(/olc/images/MRO/white_pointer-trans.png);
background-repeat:no-repeat;
color:#036;
font-size:20px;
}

.pagination a:hover {color:#036;
font-size:20px;
} 



.FeatureLink_1 {position:relative; bottom:70px; left: 250px;
color:#fefefd; font-family: Helvetica, sans serif; font-size:.95em; text-decoration:none;}

.FeatureLink_1:hover {text-decoration: underline; color:#fefefd; }


.FeatureLink_2 {position:relative; bottom:70px; left: 250px; 
color:#fefefd; font-family: Helvetica, sans serif; font-size:.95em; text-decoration:none;}

.FeatureLink_2:hover {text-decoration: underline; color:#fefefd; }

.FeatureLink_3 {position:relative; bottom:70px; left: 250px;
color:#fefefd; font-family: Helvetica, sans serif; font-size:.95em; text-decoration:none;}

.FeatureLink_3:hover {text-decoration: underline; color:#fefefd; }




/***************************** 

******** GLOSSY MENU CSS *******

*******************************/

.glossymenu p {color:#036; font-weight:bold;}


.glossymenu{
font-size: .95em;
margin: 5px 0;
padding: 0 0 0 1.2em;
width: 160px; /*width of menu*/

#margin: 5px 1em 0 0;


}

/* menuitem is top level link with no sub contents  */
.glossymenu a.menuitem{

font: normal 1em Arial, sans-serif;
color: #036;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 1px 0;
padding-left: 10px;
text-decoration: none;
-moz-border-radius: 8px; 
-webkit-border-radius: 8px;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{color: #036;}
.glossymenu .menuitem:active{background: black url(/olc/images/MRO/glossyback.gif) repeat-x bottom left;}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute; top: 4px; right: 6px; border: none; }

.glossymenu a.menuitem:hover{background-image: url(/olc/images/MRO/glossyback2.gif);}


.glossymenu .submenu a.nestedsub .statusicon{ /*CSS for 2nd level icon image that gets dynamically added to headers*/
position: absolute; padding:4px 0 0 10px;  border: none;  }




/* styles for the Submenu Div */

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white; text-transform:capitalize;}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none; margin: 0; padding: 0 0 10px 0; }

.glossymenu div.submenu ul li{padding-left:7px;}

.glossymenu div.submenu ul li a{
display: block;
font: normal .975em Arial, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}
.glossymenu div.submenu ul li a:hover{; color: white;}






.submenu{display: none}

.nestedsubitems{display: none}

.glossymenu div.submenu .nestedsubitems{ /*DIV that contains each sub sub menu*/
}

.glossymenu div.submenu .nestedsubitems ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu  .nestedsubitems ul li{
border: inset 1px  #036;
background-color: #e9f6fb;
-moz-border-radius: 2px; 
-webkit-border-radius: 2px;
}

.glossymenu div.submenu .nestedsubitems ul li a{
display: block;
font: normal .95em "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 20px;
font-weight: bold;
}

.glossymenu div.submenu .nestedsubitems ul li a:hover{
background: #DFDCCB;
color: white;
}





.person_biopic {float:left; padding:0 10px 5px 0;}
.person_name {color: #036; font-family: "HelveticaNeue-CondensedBold", Helvetica, Arial, sans-serif; font-weight: bold; font-size:1.6em;   }
.person_title {font-style:italic; font-size:1.2em;}
.person_dept {margin:5px 0 5px 0;}
.person_phone {margin:2px 0 5px 0; font-size:1em;}
.person_email {margin:2px 0 1px 0; } 
.person_office {margin:5px 0 1px 0;}
.person_degrees {margin:2px 0 1px 0;}
.person_yearhired {margin:5px 0 5px 0;}
.person_bio {}

















 /*Open state CSS for sub menu header   
 - sets glossyback2.gif as background for collapsing drop-down menu when expanded
 - Disabled 032709 to avoid confusion with php coloring of subnav
 
 
.openheader{background-image: url(/olc/images/MRO/glossyback2.gif); !important; }


*/


























}
	/* -- PRINT FORMATTING --------------------------------------------------------- */

@media print {

	body, p {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000;}

	h1, h2, #wordmark {font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000;}

	#footer, #subfooter, #main_menu {display:none;}

}