/*////////// GENERAL //////////*/

* {margin:0; padding:0;}

body {
	background-image:url(images/line_repeat2.png);
	background-repeat-x;
	margin:0;
	padding:0;
	font-family: arial, verdana, sans-serif;
	font-size:100%;
	}

#leftedge {
	position: absolute;
	top: 0px;
	left: 0px;
	width:99px;
	height:792px;
	}
	
#masthead {
	position: absolute;
	top: 10em;
	left: 400px;
	}
	
/*////////// TYPOGRAPHY //////////*/
h1 {
	font-size:1.6em;
	}
	
h2, h3 {
	font-family: Georgia, Times, serif;
	}
	
h1 {
	font-size: 32px;
	}
	
h2 {
	font-size: 22px;
	}
	
h3 {
	font-size:1.0em;}
	}
	
h4 {
	font-size: 14px;
	}
	
p {
	font-size:.8em; 
	line-height:1.5em;
	margin: .5em 0 .5em 0;
	margin-bottom: 15px;
	}
	
a {
	font-size:1.0em;
	color:#6467a8}
	}
	
a:hover {
	text-decoration: underline;
	}
	
a:visited {}


/*////////// CONTENT //////////*/
#introcopy {
	position: absolute;
	top:500px;
	left: 100px;
	width:650px;
	}
	
#contentarea {
	margin-left:100px; 
	padding:1em;
	}
	
#column1 {
	width:650px;
	display: inline;
	float: left;
	padding:36px 0 0 105px;
	}
	
.left_img{
	display: block;
	float: left;
	margin:0 10px 5px 0;
	}
	
.right_img{
	display: block;
	float: right;
	margin:0 0 5px 10px;
	}
	
.multi_img{
	display: inline;
	float: left;
	margin:10px 0 5px 0;
	}

#column1interview {
	position:absolute;
	top:9.5em;
	left:100px;
	width:650px;
	}
	
#gallery {
	width:650px;
	display: inline;
	float: left;
	padding:36px 0 20px 105px;
	}
	
#gallery img {
	margin:0;
	padding:0;
	display: block;
	}
	
#column2 {
	position:absolute;
	top:9em;
	left:775px;
	width:200px;
	}
	
#interview {
	width:650px; 
	margin-left:100px; 
	margin-right:125px;
	}

.topofpage {
	padding:20px 0 0 0;
	}
	
.successive {
	padding:20px 0 0 0;
	}
	
.column2 {
	font-size:1.2em; 
	color:#b61f1f; 
	padding:10px 0 0 0;
	}
	
.wrappedtext {
	font-size:.8em;
	line-height:1.5em;
	margin: .5em 0 .5em 0;
	display: block;
	}
	
.dateline {
	font-size:.8em;
	font-style:italic;
	}
	
.question {
	font-size:.8em;
	line-height:1.5em;
	font-weight:bold;
	padding:6px 0 0 0;
	}
	
.interviewintro {
	font-style:italic
	}

ol {
	font-size:1em;
	}
	
ul {
	font-size:1.0em;
	}
	
ul a {
	font-size:inherit;
	}
	
li {
	font-size:1.0em;
	}
	
img {
	float:left;
	margin:0 4px 4px 0;
	}
	
.interview {
	float:left;
	margin:20px 4px 4px 0;
	}


/*////////// NAV //////////*/

#multi_drop_menus * {
	margin:0;
	padding:0;
	}

#multi_drop_menus {
	margin-top: 7em;
	margin-left: 105px;
	width:660px; 
	behavior: url(csshover.htc);
	font-family: arial, verdana, sans-serif;
	font-size: .8em;
	background-color:#fefbed;
	border-top:1px solid #7d81d1; 
	border-bottom:1px solid #7d81d1; 
	border-right:1px solid #537979;
	float: left; 
	}
	
#multi_drop_menus ul {
	border-left: 1px solid #c16b8d;
	float: left; 
	}
	
#multi_drop_menus li {
	border-right:1px solid #c16b8d;
	list-style-type: none;
	float: left; 
	position: relative;
	background-color: #fefbed;
	padding: 2px 6px 2px 6px;
	}
	
#multi_drop_menus li:first-child {
	border-left:none;
	}

#multi_drop_menus a {
	display: block;
	padding: .3em 6px;
	color: black;
	text-decoration: none;
	}
	
#multi_drop_menus a:hover {
	color: #537979;
	background-color: #fefbed;
	}

#multi_drop_menus li ul {
	position: absolute;
	display: none;
	width: 10em;
	left: -1px;
	}
	
#multi_drop_menus li:hover ul {
	display: block;
	}
		
#multi_drop_menus li ul li {
	width: 100%;
	border-right: 1px solid #c16b8d;
	border-bottom: 1px solid #7d81d1;
	border-left: 1px solid #c16b8d;
	}
	
#multi_drop_menus li ul li:first-child {
	border-left: 1px solid #c16b8d;
	border-top: 1px solid #c16b8d;
	}
	
* html #multi_drop_menus li ul {
	border-top: 1px solid #7d81d1;
	}


/*////////// FOOTER //////////*/

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;}
.clearfix {
	display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
	
.clearthefloats {
	clear:both;
	}


/*////////// IMAGES //////////*/
/*////////// FUN CLASSES //////////*/
/*/any little extra flares and fun design elements you want to add go here/*/

/*////////// built by Julie Elting Wessel //////////*/