

body, div, span, h1, h2, h3, h4, p, em,
img, small, strong, li, ol, ul, form, input, label,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}

body {
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  line-height:130%;
  background: #FFF; 
  text-align: center; /* center the container in IE 5* browsers */
  color: #000;
  background-image:url(../images/background.gif);
  background-repeat:repeat-y;
  background-position:center;
  }
	
a {
	text-decoration:none;
	color:#57b7df;
	font-weight:bold;
	}
	
a:hover {
	text-decoration:underline;
	}
	
	
/* BEGIN STYLES ADDED BY JIM CLAY, 10/12/09 */
body.after a, body.resources a {
	text-decoration:underline;
	color:#57b7df;
	font-weight:bold;
	}
body.after a:hover, body.resources a:hover  {
	text-decoration:none;
	}
/* CONCLUDE STYLES ADDED BY JIM CLAY, 10/12/09 */


/* PAGE HEADING WITH BACKGROUND IMAGE */
h1 {
	margin-left: 354px; /* this margin needs to match the margin for pageContent below */
	padding:14px 0 12px 12px;
	line-height:130%;
	letter-spacing:-0.06em;
	margin-bottom: 7px;
	text-transform:uppercase;
	color: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	}

h2 {
	font-size:17px;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:6px 0;
	line-height:105%;
	}
	
h3 {
	font-size:12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:8px 0;
	}

.border {  /* adds border above the element with this class */
	border-top:1px solid #dcdfe0;
	margin-top:4px;
	padding-top:8px;
	}
	

.time {
	color: #f46f22;
	font-size:11px;
	padding-bottom:0;
	}	


.container {
  margin: 0 auto;  /*  center the page */
  text-align: left; /*  overrides text-align: center on the body element. */ 
  width:970px;
  height:100%;
	}


.mainContent {
	width:970px; 
	margin:0 0 20px 0;
	padding-top:20px;
	min-height:814px;
	}

.title {
	font-weight: normal;
	}

/**** LEFT NAVIGATION ****/
.leftNavigation {
	width: 344px;
	float: left;
	margin-bottom:50px; /* leaves white space at bottom while left and right edges continue */
	}
	
.leftNavigation ul {
	list-style-type:none;
	margin-top:8px;
	}

.leftNavigation ul a {
	font-weight:bold;
	font-family:  Arial, sans-serif;
	font-size:13px;
	letter-spacing:-0.04em;
	line-height:14px;
	text-decoration:none;
	color: black;
	padding:7px 0 7px 39px;
	margin-top:4px;
	display:block;
	width:303px;
	}
	
.leftNavigation p {
	margin-top:8px;
	padding-left:18px;
	padding-right:18px;
	padding-top: 21px;
	font-size:10px;
	background-image:url(../images/GfE-logo.jpg);
	background-repeat:no-repeat;
	display:block;
	min-height:144px;
	}
	

.blue {
	background-image:url(../images/background-nav-blue.jpg);
	background-repeat:no-repeat;

	}
	
.gray {
	background-image:url(../images/background-nav-gray.jpg);
	background-repeat:no-repeat;
	}


/**** CONTENT ****/

/**** use for pages with rightSidebar so columns line up at bottom ***/
.backgroundBox {
	background-image:url(../images/column-background2.gif); 
	background-repeat:repeat-y;
	background-position:-1px 0;
	position:relative;
	left:10px;
	min-height:740px; 
	width:616px;
	overflow:auto;
	}
	
*html .backgroundBox {
	zoom:1;
	left:0;
	}

/*** normal pages ***/
.pageContent {
	margin-left: 354px; /* this margin needs to match the margin for h1 above */
	margin-right: 204px; /* margin from right edge of background to right edge of rightSidebar */
	padding-top:7px;
	padding-left: 11px;
	padding-right:16px;
	background-image:url(../images/column-background.gif);
	background-repeat:repeat-y;
	padding-bottom: 16px;
	 min-height:740px;  /* line bottom edge up with leftNavigation */
	}
	
.pageContent p, .pageForm p {
	padding-bottom: 8px;
	padding-top: 4px;
	}
	
.speakerphoto {
  margin-left:10px;
  margin-bottom:10px;
}
	
.indent {
	padding-left:14px;
	}
	
.dayNavigation {
	margin-bottom:8px;
	}
	
.dayNavigation li {
	display: inline;
	list-style-type:none;
		}
	
/*** RIGHT SIDEBAR ****/
.rightSidebar {
	float: right;
	width: 195px;
	background-image:url(../images/background-sidebar.gif);
	background-repeat:repeat-y;
	padding-bottom: 21px;
	min-height:740px; /* line bottom edge up with leftNavigation */
	}

.rightSidebar h2 {
	margin:0;
	border:none;
	padding: 14px 4px 14px 15px; 
	font:14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:105%;
	}
	
.rightSidebar h3 {
	padding:0 10px 8px 15px;
	margin-top: 14px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #f46f22;
	font-weight:bold;
	}
	
.rightSidebar p {
	padding: 4px 10px 8px 15px;
	font-size: 11px;
	}

.caption {
	font-size:11px;
	font-weight:bold;
	display: block;
	padding-left:28px;
	}
	



/**** styles for foundation leaders institute page ***/	
.foundationPhoto {
	padding: 14px 28px;
 	}

/***** styles for Chicago page ****/
.photoBorder {
	padding-top:8px;
	border-top:1px solid #dcdfe0;
	}
	
.chicagoList li {
	list-style-type:none;
	background-image:url(../images/blue-bullet.gif);
	background-repeat:no-repeat;
	background-position:1px 4px;
	margin-left: 15px;
	margin-bottom: 8px;
	padding: 0 15px;
	font-size: 11px;
	}
	
/***** styles for sessions pages ****/
.desc p {
  padding-left:7px;
}
.sessionSummary {
	padding-left:14px;
	padding-bottom:8px;
	}
	
.sessionName {
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	padding:2px 0;
	}

.sessionList {
	padding-bottom: 4px;
	}
		
.sessionList li {
	list-style-type:none;
	font-weight:bold;	
	display:inline;
	line-height:150%; /* special treatment for this page so it's less dense */
	}

/**** plenary sessions-speakers page ****/
.plenaryPhoto {
	float:right; 
	padding:0 58px 14px 14px;
	margin-top:-14px;  /* line photo up with top of Firstname Lastname */
	}
		
.inlineBullet {
	padding-bottom:2px;
	}

/*** special styles for schedule page with different layout ****/
.threeColumn {
	 float:left;
	 width:195px;
	} 
	
.dayInfo {
	padding-bottom: 16px;
	margin-bottom:8px;
	}

.dayInfo p {
	padding:16px 0 0 16px;
	font-size: 11px;
	}
	
.dateSmall {
	font-size:12px; 
	font-weight:bold;
	}	
	

/**** registration page ****/
.newsHead {
  font-weight:bold;
}

.pageForm {
	margin-left: 354px; /* this margin needs to match the margin for h1 above */
	margin-right: 204px; /* margin from right edge of background to right edge of rightSidebar */
	padding-top:7px;
	padding-left: 11px;
	padding-right:16px;
	background-image:url(../images/column-background.gif);
	background-repeat:repeat-y;
	padding-bottom: 16px;
	margin-bottom: 16px;
	}

td {
	padding-bottom: 8px;
	}
		
label {
	text-align:right;
	font-weight:bold;
	float:left;
	width: 140px;
	padding-right: 8px;
	padding-bottom: 4px;
	}
	
.optional {
	font-weight: normal;
	}	

.note {
	font-size:10px;
	line-height:100%;
	}	
	
input {
	margin-bottom: 4px;
	width:205px;
	}

select {
	margin-bottom: 4px;
	}
	
.shortField {
	width:40px;
	}
	
.button {
	width:68px;
	height:27px;
	margin: 8px 4px 0 148px;
	float:left;
	border:none;
	}	
	
.login, .submit {
	background-color:#57b7df;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	} 

.login:hover, .submit:hover {
	background-color:#f46f23;
	} 

 
/* .login {
	background-image:url(../images/login-off.gif);
	background-repeat:no-repeat;
	}	
	
.login:hover {
	background-image:url(../images/login-on.gif);
	background-repeat:no-repeat;
	}
	
#Button1 {
	width:78px;
	background-image:url(../images/submit-off.gif);
	background-repeat:no-repeat;
	}	
	
#Button1:hover {
	background-image:url(../images/submit-on.gif);
	background-repeat:no-repeat;
	}
*/

.forgot {
	margin:8px 0 0 6px;
	display:block;
	}
	
fieldset {
	margin:0 0 12px 0;
	padding:0 0 0 4px;
	border:1px solid #dcdfe0;
	}

legend {
	margin:0;
	padding:0 0 4px 0;
	font-weight:bold;
	color: #f46f22;
	font-size:11px;
	}
	
.payment {
	margin: 4px 4px 8px 4px;
	padding: 3px;
	}	

.phoneHyphen {
	display:block;
	float:left;
	}
/* this needs to be last to override other input styles */
.radio {
	margin:3px 4px 4px 8px;
	padding:0;
	width:16px;
	}


.lessSpace {
	padding-bottom:0;
	}	

		
.clearfloat { /* should be the final element before the close of a div that should fully contain its child floats */
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}

/*** selected and hover states for left navigation ***/
/* we may be able to combine these if the colors duplicate; designer to decide */
body.home #home, #home:hover {
	background-image:url(../images/background-nav-home.jpg);
	background-repeat:no-repeat;
	}
 
body.register #register, #register:hover {
	background-image:url(../images/background-nav-register.jpg);
	background-repeat:no-repeat;
	}

body.schedule #schedule, #schedule:hover {
	background-image:url(../images/background-nav-schedule.jpg);
	background-repeat:no-repeat;
	}

body.plenary #plenary, #plenary:hover {
	background-image:url(../images/background-nav-plenary.jpg);
	background-repeat:no-repeat;
	}

body.sessions #sessions, #sessions:hover {
	background-image:url(../images/background-nav-sessions.jpg);
	background-repeat:no-repeat;
	}
 
body.wednesday #wednesday, #wednesday:hover {
	background-image:url(../images/background-nav-wednesday.jpg);
	background-repeat:no-repeat;
	}

body.foundation #foundation, #foundation:hover {
	background-image:url(../images/background-nav-foundation.jpg);
	background-repeat:no-repeat;
	}


body.chicago #chicago, #chicago:hover {
	background-image:url(../images/background-nav-chicago.jpg);
	background-repeat:no-repeat;
	}

body.visits #visits, #visits:hover {
	background-image:url(../images/background-nav-visits.jpg);
	background-repeat:no-repeat;
	}

body.gatherings #gatherings, #gatherings:hover {
	background-image:url(../images/background-nav-gatherings.jpg);
	background-repeat:no-repeat;
	}

body.sponsors #sponsors, #sponsors:hover {
	background-image:url(../images/background-nav-sponsors.jpg);
	background-repeat:no-repeat;
	}



