/* GLOBAL
----------------------------------------------- */


body {
	background-color: #F1F1F1;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 150%;
	margin: 18px 0;
	padding: 0;
	text-align: center;
	}
	
.clearit{ 
     clear: both; 
     font-size: 1px;
	 height:0; 
     margin:0;
     line-height: 0;
	 }
		
.padding {
	padding: 18px 40px 18px 0;
	}
	
#sidebar .padding {
	padding: 18px 0 18px 0;
	}


/* STRUCTURE AND POSITIONING
----------------------------------------------- */

#container  {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	width: 812px;
	margin: 0 auto;
	}
	
#nav,
#date {
	background-color: #333333;
	height: 18px;
	padding: 9px 20px;
	}

#photobar{
	background-color: #333333;
	height: 250px;
	position: relative;
	}
	
	#logo {
	position: absolute;
	top: 60px;
	left: 60px;
	}
	
	#logo img {
		border: none;
		}
	
	
#content {
	text-align: left;
	margin: 20px;
	}

#mainbar {
	float: left;
	margin: 0 50px 0 0;
	padding: 0;
	width: 500px;
	}
	
	.home #mainbar {
		width: 810px;
		}
	
#sidebar {
	float: left;
	margin: 0;
	padding: 0px 0 0 0;
	width: 220px;
	}


#footer {
	border-top: 1px solid #333333;
	float: left;
	margin: 18px 0;
	width: 810px;
	}


/* LINKS
----------------------------------------------- */

a:link {
	color: #8A2529;
	}
	
a:visited {
	color: #666666;
	}
	
a:hover {
	color: #660033;
	}
	
a:active {
	color: #8A2529;
	}
	
#nav a {
	color: #FFFFFF;
	text-decoration: none;
	}

#nav a {
	text-decoration: none;
	}
	
#nav a:visited {
	color: #FFFFFF;
	}
	
#nav a:hover {
	color: #CCCCCC;
	}
	


/* GENERAL STYLES
----------------------------------------------------*/	

/* Nav and Date
----------------------------------------------------*/	

#nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}

#nav ul {
	margin: 0;
	padding: 0;
	}

#nav ul li {
	float: left;
	list-style-type: none;
	margin: 0 24px 0 0;
	text-transform: uppercase;
	}

#date p {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	margin: 0;
	text-align: left;
	}
		

/* Mainbar > Home Page Features
----------------------------------------------------*/	

.feature {
	width: 240px;
	float: left;
	margin: 0 20px 0 0;
	}
	

.feature img {
	border: 1px solid #666666;
	}
	

/* Mainbar > Headings
----------------------------------------------------*/	

h1, h2, h3, h4, h5, h6 {
	color: #8A2529;
	line-height: normal;
	}

	#mainbar h3 {
		color: #000000;}

h1 {
	font-weight: normal;
	font-size: 28px;
	margin: 0 0 18px 0;
	}
	
	h1.home  {
		font-size: 24px;}

h2 {
	border-bottom: 1px solid #CCCCCC;
	font-size: 16px;
	font-weight: normal;
	margin: 18px 0 18px 0 !important;
	padding: 9px 0;
	text-transform: uppercase;
	}

h3 {
	font-size: 14px;
	margin: 0;
	text-transform: uppercase;
	}

h4 {
	border-top: 2px solid #CCCCCC;
	font-size: 13px;
	margin: 0 0 9px 0;
	padding: 9px 0 0 0;
	text-transform: uppercase;
	}



h5, h6 {
	font-size: 100%;
	}


/* Mainbar > General Text
----------------------------------------------------*/	

#mainbar p,
#mainbar li {
	font-size: 13px;
	margin: 0 0 18px 0;
	}
	
#mainbar p.intro {
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 18px 0;
	}
	
#mainbar p.time  {
	color: #8A2529;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 18px 0 0 0;
	}
	
#mainbar p.title {
	font-weight: bold;
	margin: 0;
	}
	
#mainbar .speaker {
	margin: 0;
	}
	
#mainbar p.speakerPhoto {
	float: left;
	margin: 9px 0;
	width: 140px;
	}
	
	#mainbar p.speakerPhoto img {
		border: 1px solid #000000;
		}
		
#mainbar .speakerBio {
	float: left;
	margin: 9px 0 0 0;
	width: 360px;
	}
	
#mainbar ul, #sidebar ul {
	margin-top: 0;}

/* Mainbar > Forms
----------------------------------------------------*/	

form {
	margin: 0;
	}
	
/* Mainbar > Forms > Fieldsets
----------------------------------------------------*/	

fieldset {
	border: solid 1px #CCCCCC;
	margin: 0 0 36px 0;
	padding: .5em;
	}	

fieldset fieldset {
	margin: 0 0 6px 160px;
	width: 200px;
	}
	
/* Mainbar > Forms > Legends
----------------------------------------------------*/	

fieldset legend {
	color: #8A2529;
	font-weight: bold;
	padding: 0 5px;
	}

fieldset fieldset legend {
	color: #000000;
	}
	
/* Mainbar > Forms > Divs
----------------------------------------------------*/	
	
form div { /* use around each question/answer set */
	margin: 6px 0;
	}

form .fieldsetNotes {  /* use after legend or within form for form instructions */
	margin: 0 0 18px 0;
	font-size: 12px;
	}
	
form div p.fieldNotes { /* use directly after field for field instructions */
	margin: 5px 0 0 160px;
	font-size: smaller;
	font-style: italic;
	}
	
form div.comments { /* use for comments/questions textarea */
	}
	
form div.options {
	margin: 0 0 0 160px;
	}
	
form div.options ul {
	margin: 0;
	padding: 0;
	}
	
form div.options ul li {
	list-style-type: none;
	}

form div.options ul.oneLine li {
	float: left;
	}
	
form fieldset fieldset div.options {
	margin: 0;
	}
	
form div.submit {
	}
	
		
/* Mainbar > Forms > Labels
----------------------------------------------------*/	

form div label {
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0 10px 0 0;
	width: 150px;
	}

form div.comments label {
	display: block;
	float: none;
	margin: 0 0 3px 0;
	text-align: left;
	width: 100%;
	}

form div.options label {
	float: none;
	margin: 0 5px 0 0;
	text-align: left;
	width: auto;
	}

/* Mainbar > Forms > Inputs
----------------------------------------------------*/	

form div input,
form div select,
form div textarea {
	width: 200px;
	}

form div.comments textarea {
	width: 360px;
	}

form div.options input.inputCheckbox,
form div.options input.inputRadio {
	width: 14px
	}
		
form div.submit input.inputSubmit {
	float: right;
	width: auto;
	}


/* Mainbar > Images
----------------------------------------------------*/	

.imageFloatLeft {
	float: left;
	margin: 4px 10px 2px 0;
	}

.imageFloatRight {
	float: right;
	margin: 0 0 0 10px;
	}

.image img,
.imageFloatLeft img,
.imageFloatRight img {
	border: 1px solid #000000;
	}

.image p,
.imageFloatLeft p,  /* for adding a caption underneath an image */
.imageFloatRight p {
	}

/* Mainbar > Lists
----------------------------------------------------*/	
#mainbar li {
	margin-bottom: 0;}


/* Mainbar > Tables
----------------------------------------------------*/	

#mainbar table.scrapbook {
	width: 480px;}
	
#mainbar table.scrapbook td {
	padding: 2px;
	}
	
#mainbar table.scrapbook img {
	border: 1px solid #000000;
	}
	
#mainbar table.scrapbook p.quote {
	margin: 0 0 9px 0;
	text-align: center;
	}

#mainbar table.scrapbook p.quoteAttribute {
	color: #843549;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	}
	
/* Sidebar
----------------------------------------------------*/	

#sidebar h4 {
	font-weight: bold;
	}

#sidebar img {
	border: 1px solid #333333;
	margin: 0 0 18px 0;
	}

#sidebar blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 140%;
	padding: 0;
	margin: 0 0 36px 0;
	}
	
	#sidebar blockquote strong {
		font-weight: normal;
		font-style: italic;
		color: #843549;
		font-size: 18px;
		}
	
#accordion {
	margin: 9px 0 36px 0;
	}
	
#accordion ul {
	margin: 0;
	}	
	
#accordion li {
	margin: 0;
	}
	
#archives {
	margin-bottom: 36px;
	border-bottom: 2px solid #CCCCCC;
	}
	
	
/* Footer
----------------------------------------------------*/	

#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
	margin: 18px 0 9px 20px;
	text-align: left;<a href="../schedule2008.html">Summer Seminar</a>
	}