/* Marietta College, Spring 2008 * /

	/* -- PRIMARY FORMATTING --------------------------------------------------------- */
@media screen, projection {
	* {margin:0; padding:0}
	body {text-align:left; padding:0; margin:0; background:url(../images/b_stripe.jpg) repeat-x; background-position:bottom; background-attachment:fixed; background-color:#fff }
	body, 
	tr, td, 
	p {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; line-height:18px;}
	p {margin:10px 0 0 0; font-size:1em;}
	td {padding:3px;}
	a {color:#036;}
	a:hover {text-decoration:none; color:#036;}
	ul, ol {margin:0 0 0 5px; font-size:1.0em;}
	li {margin:5px;}
	h1 {font-size:1.6em; color:#036; font-weight:bold; padding-bottom:5px; margin-top:5px;}
	h2 {font-size:1.4em; font-weight:bold; padding-bottom:5px; margin-top:5px;}
	h3 {font-size:1em; color:#036; padding-bottom:2px;}
	h4 {font-size:1.1em; color:#036; font-weight:bold; padding-bottom:5px;}
	h5 {font-size:1em; color:#000; font-weight:bold; padding-top:3px;}
	h6 {font-size:1em; color:#000;}
	img {border:none;}

/* -- IDs --------------------------------------------------------- */
	
#wrapper {clear:both; position:relative; width:1025px; text-align:left; margin:0 auto 0; border-left:#036 dotted 1px; border-right:#036 dotted 1px; background-color:#fff; min-height:100%; #height:100%;/*hack for ie*/}/*Add Repeating Vertical Background Texture for Columns*/

/**/

		
#subwrapper {position:relative; width:100%; margin: 0 auto 0;} 


/* Start Global Top Navigation  */	
	#Global_nav {
	position:absolute;
	width:900px;
	top:-10px;
	left:100px;
	font-size:11px;
	font-weight:bold;
	color:#036;
	margin-top:4px;
	padding:2px 0 0 0;
	z-index:10;
}
	#Global_nav li {position:relative; display:inline; list-style-type:none;}
	#Global_nav a {text-decoration:none; color:#036; padding:1px;}
	#Global_nav a:visited {color:#036; text-decoration:none;}
	#Global_nav a:hover {color:#036; text-decoration: underline;}

	
#deptglobnav .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 .7em 1em .8em; max-width:20em;}
.faux_table > div > div img {position:relative; top:9px;}
.faux_table > div > div .deptglobnav_ul  {} 
.faux_table > div > div .deptglobnav_ul 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;}	 
	
	/* End Global Top Navigation */

	/* Start Secondary Main Navigation */	
	#local_menu {float: left; position:relative; top:-30px; left: 0px; margin:0; font-size:1em; font-weight:bold; width:180px; border-top: 5px solid #fff; border-right:0px solid #fff; border-bottom:0px solid #ccc; border-left:0px solid #ccc; z-index:10; padding:0px 0px 3px 20px; /*height:435px;*/}
	#local_menu li {display:block; text-align:left; list-style-type:none; margin:0; padding:4px 10px; font-size:12px; font-weight:bold;}
	#local_menu a {text-decoration:none; color:#036;}
	#local_menu a:hover {text-decoration:none; color:#369;}
	/* End Secondary Main Navigation */	

#sitemaplink {position:relative; margin:0; top:40px; left:815px; width:200px; font-size:.85em; color:#036; font-weight:bold; }
#sitemaplink a {text-decoration:none; color:#999; padding:6px;}
#sitemaplink a:hover {text-decoration:none; color:#999; text-decoration:underline;}


#clear {clear:both;}

#breadcrumb {position:relative; margin:0; top:55px; font-size:.85em; color:#036; font-weight:bold; max-width:750px;}
#breadcrumb a {text-decoration:none; color:#999; padding:6px;}
#breadcrumb a:hover {text-decoration:none; color:#999; text-decoration:underline;}


#header {position:relative; margin:0; margin-top:50px;}

/* Start Main Content */
#content {padding-right:15px; padding-bottom:50px; display:block; width:665px; margin:0 0 0 210px; #margin:0 0 0 10px; /*hack to get content div to display properly in IE */}
  #content table {padding-bottom:0px;}
  #content {min-height:400px; height:auto;}
  /* End Main Content */


#subcontent {
padding: 15px;
}
h4 a {text-decoration:none;}
h4 img {display:none;}
/*used for "animatedcollapse" js script */


/* 
	#content {clear:both; position:relative; margin:0 auto 0; /*padding-top:150px;  padding-left:30px; padding-right:15px;
		display:block; width:900px; z-index:5;}
	#content table {padding-bottom:0px;}
	html>body #content {
	min-height:400; height:auto;} */
	/* End Main Content */

/* Start Right Column */
	#right {position:relative; float:right;  margin-left:10px; font-size:1em; font-weight:bold; width:160px; padding:5px 5px 5px 10px; color:#036; vertical-align:top;/*border-bottom:1px dotted #ccc; border-left:1px dotted #ccc; margin-left:5px;*/}
	#right p {text-align:left; color:#036;}
	#right ul {list-style:none;}
	#right ul.bullet {list-style:disc;}
	#right p a {color:#036; text-decoration:none;}
	#right p a:hover {color:#036; text-decoration:underline;}
	/* End Right Column */



		/* Start Footer */
	#footer {position:relative; width:800px; text-align:right; padding:80px 110px 5px 5px; color:#036; margin:0 auto 0; font-size:11px;}
	#footer ul {padding:0px; margin:0px; font-weight:normal;}
	#footer ul.nav {padding:5px 5px 8px 5px; margin:0px; font-weight:bold;}
	#footer li {display:inline; list-style-type:none;}
	#footer a {text-decoration:none; color:#036; padding:0 10px 0;}
	#footer a:hover {text-decoration:underline;}
	#google_translate_element {position:relative; bottom:40px; left: 10px; width:200px;}
	/* End Footer */
   

/* -- Classes --------------------------------------------------------- */

.arrowlistmenu{width: 180px; /*width of accordion menu*/}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 11px Arial; color: white; background: url(../images/titlebar-blue.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: pointer;
}

.arrowlistmenu .menuheader a {color:#fff;}
.arrowlistmenu .menuheader a:hover {color:#fff;}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/titlebar_grey.png);
}


.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #036;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #036;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #036;
background-color: #F3F3F3;
}

.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;}


.address_ul {list-style:none; margin-top:15px;}
.address_ul li {margin-left:115px;  }

/* bio styles for people A-Z*/
.person_bio {}
.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 ul.bio li{position:relative; left:20px; }
hr.bio {clear:left; margin-top:25px;}

.important_text {color: red; font-size:1.5em; line-height:24px;}

.clear {clear:both;}

.picFloatLeft {
float:left; padding-right:10px;}

.picFloatRight{
float: right; padding-right:10px;}

.somePadding {
padding:15px;
}

.eventName {font-size:1.2em; font-weight:bold; text-align:left; }
.eventDate {font-size:1em; font-weight:bold; color:#036; text-align:left; font-style:italic;}

#currstud {}
#currstud li { margin-left:20px; padding:15px 0;}
#currstud img {padding:30px 0; margin-left:50px}
#currstud h2 img {padding:0px 0; margin-left:0px; margin-right:10px;}

.center_underline {text-decoration:underline; text-align:center; font-size:1.6em; padding:1em;}


.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;}

.majortitle{
	color: #2D5593;
	text-transform:uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
	


.internstep {background-color:#fff; margin: 10px; border:1px outset grey; padding:10px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow:-3px 4px 4px #888; -moz-box-shadow:-3px 4px 4px #888; -webkit-box-shadow:-3px 4px 4px #888; behavior: url(http://www.marietta.edu/css/PIE/PIE.htc);}
.internstep h3 {font-size:1.2em; }
.centerimg { text-align:center;}
.quote {width:90%; background-color:#eee; border:1px solid #eee; text-align:right; margin-left:150px; width:65%;padding:.8em; font-style:italic; font-size:1.4em; padding:10px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow:-1px 1px 1px #888; -moz-box-shadow:-1px 1px 1px #888; -webkit-box-shadow:-1px 1px 1px #888; behavior: url(http://www.marietta.edu/css/PIE/PIE.htc);}


	
.link{font-size: 0.8em;text-decoration: none;color: #000000;}

.indent {margin-left:1.5em;}
}

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

@media print {

	body, tr, 
	td, 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, #top_left_nav, #topnav, #leftnav, #rightnav, #footer-nav {display:none;}

/* OTHER OPTIONS	
#header {}
	#contact-footer ul,
	#footer ul{margin:10px 0 0 0;padding:0;list-style:none;}
	#contact-footer li,
	#footer li{display:inline;padding:0;margin:0 6px 0 0;list-style:none;}
*/
	}

.path_headline_back {height:46px; background:url(../images/arrow_gradient.gif); background-position:right center; margin-top:20px;}
.path_headline {
	font-size:2em; font-weight:bold; color:#036; text-align:left; font-style:italic; display:inline; background:#FFFFFF; padding:.4em; position:relative; left:50px; top:10px;}

.path_img_l {float:left; padding-right:8px; padding-left:5px; padding-top:10px;}
.path_col_l {float:left; width:270px;}
.path_col_r {float:right; width:270px; clear:both;}
.path_clear {clear:both;}
.path_todo h3 {padding-left:25px; margin-top:20px;}
.path_todo ul {padding-left:54px;}



.print {float:right; padding-right:15px; text-decoration:none;}
a.print:visited {color:#036;}
a.print:hover {color:#6c0;}


#path_nav {margin-top:20px;}

#path_nav a.toc{width:115px; text-decoration:none; float:left; text-align:center; display:block; background:url(../images/career_path_tab.gif) no-repeat; background-position:left; color:#FFFFFF; text-decoration:none;
/*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
 }
 
 #path_nav a.toc.so,  #path_nav a.toc.jr,  #path_nav a.toc.sr {position:relative; margin-left:-15px; height:23px;}
 #path_nav a.toc.fr {z-index:4; position:relative; margin-left:25px; height:23px;}
 .so {z-index:3;}
.jr {z-index:2;}
.sr {z-index:1;}
 
 #path_nav a.toc:hover {background:url(../images/career_path_tab.gif) no-repeat; background-position:right; color:#036;}
 
  #path_nav a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background:url(../images/career_path_tab.gif) no-repeat; background-position:right; color:#036; z-index:5; position:relative;}
 

#path_nav  a.prev, .path_nav  a.next { /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

#path_nav  a.prev:hover, .path_nav  a.next:hover {background:url(../images/career_path_tab.gif) no-repeat; background-position:right; color:#036;}

.contentdiv { margin-top:1.5em; background-color:#eee; padding:1em; text-align:center; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow:-3px 4px 4px #888; -moz-box-shadow:-3px 4px 4px #888; -webkit-box-shadow:-3px 4px 4px #888; behavior: url(http://www.marietta.edu/css/PIE/PIE.htc);}
#paginate-FeatureBoxContent {margin-top:1.5em; text-align:center;}
#paginate-FeatureBoxContent a {padding:.8em; text-decoration:none; border:1px solid #ccc; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; behavior: url(http://www.marietta.edu/css/PIE/PIE.htc);}
#paginate-FeatureBoxContent .selected {background-color:#ccc; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow:-3px 4px 4px #888; -moz-box-shadow:-3px 4px 4px #888; -webkit-box-shadow:-3px 4px 4px #888; behavior: url(http://www.marietta.edu/css/PIE/PIE.htc);}