body {
	font-family: "Trebuchet MS", Verdana, Arial;
	color: #3E4E72;
	margin:10px 10px 0px 10px;
	text-align:left;
	font-size: .9em;
        }   
img {
border: none;
}
#centercontent p, #centercontent-error p {
	margin-top: 10px;
	margin-bottom: 0px;
	font-family: "Trebuchet MS", Verdana, Arial;
	margin-left: 0px;
	line-height: 1.4em;
	color: #3E4E72;
        }	
#centercontent ol li{
	font-family: "Trebuchet MS", Verdana, Arial;
	list-style-type:decimal;
	padding-left: 0px;
	margin-top: 20px;
	margin-left: -20px;
	}
#centercontent ul li{
	font-family: "Trebuchet MS", Verdana, Arial;
	list-style-type:circle;
	line-height: 1.4em;
	margin-top: 0.2em;
	margin-left: -20px;
	}
#centercontent ul li li{
	font-family: "Trebuchet MS", Verdana, Arial;
	list-style-type:circle;
	line-height: 1.4em;
	margin-top: 0.4em;
	margin-left: -20px;
	font-size: 100%;
	}
#centercontent ol li li {
	font-family: "Trebuchet MS", Verdana, Arial;
	list-style-type: lower-alpha;
	padding-left: 0px;
	margin-top: .1em;
	font-size: 100%;
	}     
#outerwrapper {                      /*outer background box: holds wrapper*/
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	height: 3000px;
	background-color: #A2B9E5;
}
#wrapper {                      /*main box: holds all*/
	margin:0;
	padding:0;
	left: 35px;
	top: 0px;
	width: 850px;
	border-left: 5px solid;
	border-right: 5px solid;
	background-color: #F2F2EC;
	position: absolute;
	border-bottom: 20px solid;
	border-color: #3E4E72;
}
#centercontent {
	left: 170px;
	width: 660px;
	padding: 0px 10px 10px 10px;
	float: right;
	margin: 10px 0 0 0;
        }
#centercontent-error {
	width: 800px;
	padding: 0px 10px 10px 10px;
	float: left;
	margin: 10px 0 0 0;
	height: 500px;
        }		

#masthead {
	position:relative;
	width: 850px;
	border-bottom: 5px solid;
	border-bottom-color: #3E4E72;
	background-repeat: no-repeat;
	background-image: url(../images/afs09/afs09_masthead.jpg);
	height: 124px;
        }  
#spotlight {
	width: 220px;
	float: right;
	padding: 0 10px 10px 10px;
	margin: 0 0 10px 20px;
	clear: right;
	border: 1px solid white;
	background-color: #E4EBFA;
        } 
#nav {
	width:160px;
	margin: 10px 0 0 0;
	float: left;
        }

#footer {
	clear: both;
	padding: 10px 0 10px 0;
	margin: 10px 0 0 0;
	text-align: center;
}
 
        
h1 {
	font-size: 2em;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1.2em;
        }    
h2 {
	font-size: 1.4em;
	margin-top: 25px;
	margin-bottom: 0px;
        }
h3 {
	font-size: 1.3em;
	margin: 20px 0 -5px 0;
        }
h4 {     /* for introductory material in centercol  */
	font-size: 1.1em;
	margin: 15px 0 -5px 0;
        }       
h5 {
	font-size: .9 em;
	font-weight:bold;
	margin: 20px 0 0px 0;
        }   
h6 {
	font-size: .9em;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom:0px;
	vertical-align: middle;
	text-decoration: underline;
    }       
	
#centercontent a, #footer a, #centercontent-error a {
	text-decoration: none;
	color: #BC4B39;
	font-weight: bold;
        }
		
/*below: Pop ups using only CSS, by Eric Meyer, http://meyerweb.com/eric/css/edge/popups/demo.html.*/  
#centercontent a span {display: none;}

#centercontent a:hover span {
	display: block;
   float: left; 
   clear: right;
   width: auto;
   padding: 10px; 
   margin: 0 0px 50px 100px; 
   z-index: 100;
   color: #567; 
   background: white;
   font-size: .9em;
   line-height: 1.8em;
   text-align: left;
   }
  
#centercontent a:hover, #centercontent a:focus, #centercontent-error a:hover, #centercontent-error a:focus, #footer a:hover, #footer a:focus{
	/*adds color when mouse hovers over buttons*/
	background-color: #CAD0DC;
	font-weight: bold;
	border-bottom: 1px solid;
	border-bottom-color: #D65E3B;
        }  
#spotlight h1 {
	color:#3E4E72;
	font-size: 0.9em;
	margin: 5px 0 5px 0;
	border: 0;
	background-color: #ADB8BE;
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 2px 0 2px 0;
        }
#spotlight h2 {
	font-size: 1em;
	color: #3E4E72;
	margin: 20px 0 -5px 0;
        }	
#spotlight p {
	font-size: 0.85em;
	line-height: 1.6em;
}
#spotlight ol li{
	font-family: "Trebuchet MS", Verdana, Arial;
	list-style-type:decimal;
	padding-left: 0px;
	margin-top: 20px;
	margin-left: -20px;
	}
#spotlight ul li{
	font-family: "Trebuchet MS", Verdana, Arial;
	list-style-type:circle;
	line-height: 1.4em;
	margin-top: 0.2em;
	margin-left: -20px;
	font-size: .85em;
	}
#spotlight ul li li{
	font-family: "Trebuchet MS", Verdana, Arial;
	list-style-type:circle;
	line-height: 1.4em;
	margin-top: 0.4em;
	margin-left: -20px;
	}
.extralarge {
	font-size: 200%;
	text-align: left;
	margin-top: 5px;
	line-height: 0.9em;
	margin-bottom: 25px;
	}
#centercontent .intro {
	font-size: 85%;   /*formerly 12px*/
	font-weight:700;
	line-height: 21px;
	color: #78141C;
	font-style:italic;
	margin: 10px 20px 10px 20px;
}
.cellhead {
	font-size: 90%;
	text-align: center;
	vertical-align: middle;
	margin: 0 0 0 10px;
	font-weight:bold;
	color: white;
}
.celltext {
	font-size: 90%;
	text-align: left;
	vertical-align: middle;
	margin: 0 0 0 10px;
	text-transform: capitalize;
}
#centercontent .date {
	font-size: 90%;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom:-10px;
	color: #4980B6;
    }
#centercontent .emphasis {
	margin-top: 10px;
	font-weight:bold;
	margin-bottom: 5px;
	font-size: 1.2 em;
	line-height: 1.4em;
	background-color: #F2F2EC;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
        }
#spotlight .emphasis {
	margin-top: 0px;
	font-style:italic;
	color:#980C16;
	font-weight:bold;
	margin-bottom: 5px;
	font-size: 85%;
        }		

.retrobutton {
	display: block;
	border: 1px solid;
	border-color: #720910;
	width: 15em;
	text-align: center;
	z-index:3;
	text-decoration: none;
	background-color: #EFEFF1;
        } 

.retrobutton:hover {
	position: relative;
	top: 1px;
	left: 1px;
	border-color: #980C16;
	text-decoration: none;
	background-color: #980C16;
        } 
.leftimage {
        float: left;
        margin-right: 10px;
        border:1px solid white;
        }
.leftimage-no-border {
        float: left;
        margin-right: 10px;
        }
.rightimage {
	float: right;
	margin-left: 15px;
	margin-bottom: 20px;
	border: 1px solid white;
        }
.rightimage-no-border {
        float: right;
        margin-left: 10px;
        }
.footer {
	font-size: 80%;
	border-top: 1px dotted #173C82;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #173C82;
	letter-spacing: 0.1em;
	margin: 0 10px 0 10px;
	line-height: 2em;
	}
.underover {
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
	font-style: oblique;
}

#centercontent .sitemap {
	margin-top: 0px;
}

#spotlight .meetings {
	background-color: #FFCC00;
	color: black;
	padding: 2px 0 2px 0;
}
/*below are for google slideshows that run from picasa web albums and other feeds*/
#slidebox {             /*container div for slideshow and caption divs*/
	float: right;
	width: 260px;
	border: 1px solid white;
	margin: 10px 0 5px 20px;
	background-color: #CFCEB9;
	padding: 8px;
}

#slidebox-left {             /*container div for slideshow and caption divs*/
	float: left;
	width: 260px;
	border: 1px solid white;
	margin: 10px 20px 5px 0;
	background-color: #CFCEB9;
	padding: 8px;
}

#slidebox-large {             /*container div for slideshow and caption divs*/
	float: left;
	width: 500px;
	border: 5px solid white;
	margin: 10px 20px 5px 0;
	background-color: #CFCEB9;
}


.slides a img {border : none;}    

.caption {             /*caption for slideshows*/
	text-color: red;
	font-size: 0.9em;
	width: auto;
	background-color: #FAE7E8;
}
.gss a img {border : none;}

.gss {
	width: 250px;
	background-color: #F2F2F2;
	padding: 5px;
	height: 200px;
    }
#centercontent .summary {
	font-size: 0.8em;
	line-height: 1.6em;
	margin: 0;
}