@charset "UTF-8";
body {
	background: url("images/body_bg.jpg") no-repeat top center;
	background-color:#faf3e6;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

.oneColFixCtrHdr {
margin:0;
}

.oneColFixCtrHdr #container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
/*	border-left:#999999 1px solid;
	border-right:#999999 1px solid;
	border-bottom:#999999 1px solid;
*/}

.oneColFixCtrHdr #header { 
	padding: 0 20px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin:0;
	position:relative;
	/*height:100px;*/
	text-align:center;
	/*border-bottom:#999999 1px ridge;*/
}

#header .pagetitle {
padding:24px 0 0 0;
}

#header h1{
/*	position:absolute;*/
	margin: 50px 20px 20px 20px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	/*padding: 10px 0;*/ /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	/*top:50px;
	left:20px;*/
}

/* 
 * Navigation bar layout styles
 */
#header .primaryNav{
/*position:relative;*/
padding:0;
margin:0 auto;
/*border-bottom:#AAAAAA 2px ridge;*/
height:50px;
}

#header .primaryNav ul{
list-style-type:none;
padding:3px 0 0 0;
text-align:center;
margin:0;
}
#header .primaryNav ul ul {
width:100%;
text-align:center;
}

#header .primaryNav .subMenu {
padding:12px 0 0 0;
position:absolute;
/*left:-999em;*/
display:none;
/*bottom:0px;*/
/*border-top:#CCCCCC 1px solid;*/
}

#header .primaryNav .current .subMenu {
/*left:auto;*/
display:block;
}

#header .primaryNav li{
display:inline; /*float:left;*/
padding:2px 0 2px 0;
text-align:center;
/*border-right:#999999 1px solid;*/
margin:0px;
background:url(images/nav_divider.gif) right no-repeat;
}

#header .primaryNav li a {
	padding:0 5px 0 5px;
}
#header .primaryNav li.last a {
	padding-right:0;
	border-right:none;
}

#header .subMenu li a {
	padding:0 3px 0 3px;
}
#header .primaryNav li.first{
}
#header .primaryNav li.last{
background:none;
}

#header .primaryNav li.current a {
	/*border-bottom:#490119 2px solid;
	padding-bottom:0px;*/
	background:url(images/nav_highlight.gif) no-repeat bottom center;
}
 #header .primaryNav a:hover {
 	background:url(images/nav_highlight.gif) no-repeat bottom center !important;
}
#header .primaryNav li.current li a {
background:none;
}

#header ul#gettingThere {
left:-13em;
}
.oneColFixCtrHdr #mainContent {
	padding: 20px 150px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin:0;
	/*background: #FAFAFA;*/
}

#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4{
	margin:2em 0 1em 0;
	text-align:center;
}

.oneColFixCtrHdr #mainContent h2 em {
	display:block;
	clear:left;
/*	padding-bottom:12px;
	margin-left:0.2em;*/
}
.oneColFixCtrHdr #mainContent blockquote {
	margin:1em 60px;
}

.oneColFixCtrHdr #mainContent cite {
float:left;
margin:-0.5em 0 1em 60px;
display:block;
width:30em;
}

.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	/*border-top:#AAAAAA 1px ridge;*/
	/*background:#DDDDDD;*/
}

.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.imgCtrBdr, .imgCtr, .imgWideCtr, .imgWideCtrBdr{
	text-align:center;
	margin:2em;
}
.imgCtrBdr img, .imgCtr img, .imgWideCtr img, .imgWideCtrBdr img {
	margin:0 auto 10px auto;
}
.imgCtrBdr img, .imgWideCtrBdr img{
	border:#dfd8cb 3px solid;
}
#mainContent .caption {
	display:block;
	text-align:left;
}
.imgCtrBdr .caption, .imgCtr .caption {
	width:300px;
	margin:0 auto;
}
.imgWideCtrBdr .caption, .imgWideCtr .caption {
	width:400px;
	margin:0 auto;
}

div.imgLft {
	margin:2em 0;

}
.imgLft img {
float:left;
margin:10px;
border:#dfd8cb 3px solid;
}
.imgLft blockquote {
	margin:1em 0 !important;

}
.imgLft cite {
	margin:0 0 1em 0 !important;
	width:auto !important;
	white-space:nowrap !important;

}
.imgLft .caption h3 {
	margin:0 !important;
	display:inline;
	text-align:left !important;
}
 .imgLft .caption p {
 clear:left;
}
.imgLft .picture {
width:300px;
float:left;
}
.picture img {
margin:0 auto;
display:block;
float:none;
}
.picture{
text-align:center;
}
.picture .imgHint {
clear:left;
display:block;
color:#040404;
margin-bottom:1em;
} 
.imgLft .caption {
float:right;
/*display:block;*/
width:350px;
margin:0.5em 0 0 0;
}

.home .imgCtr {
margin:-24px auto 10px auto;
}
#mainContent .explorerList {
list-style-type:none;
text-align:center;
}
#mainContent .explorerList {
margin:3px 0;
}
#mainContent .explorerList img{
	border-bottom:#DDDDDD 1px solid;
	padding:12px 0 12px 0;
}
.sponsors {
text-align:center;
}

.sponsors .sponsor {
	display:inline-block;
	margin:2em 3em;
}

.sponsorLogos {
text-align:center;
}

.sponsorLogos img {
margin:20px 15px;
border:none;
}
.home .sponsorLogos img {
margin:0 7px;
}

.oneColFixCtrHdr ul.ackList {
list-style:none;
text-align:center;
}

.bookList td, .feeList td {
	border-bottom:#DDDDDD 1px solid;
}
.clearfix:after { /* clearing floats in Standards based browsers */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}