/* 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; }
	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.1em; 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 - header.gif */	
	#Global_nav {
	position:absolute;
	width:900px;
	top:0px;
	right:70px;
	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;}
	/* End Global Top Navigation - header.gif */

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


#subcontent {
padding: 15px;
}



/* 
	#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:0; font-size:1em; font-weight:bold; width:120px; 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:none;}
	#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;}
	/* 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: hand; 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;}



#q1,#q2,#q3,#q4,#q5,#q6,#q7,#q8,#q9,#q10,#q11,#q12,#q13,#q14,#q15,#q16,#q17,#q18,#q19,#q20,#q21,#q22,#q23,#q24,#q25,#q26,#q27,#q28,#q29 {display:none;}
/*used for "animatedcollapse" js script*/

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


}

	/* -- 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;}
*/
	}