body {
margin: 0;
padding: 0;
font: 85% Arial, Helvetica, sans-serif;
min-width:850px;
}
#container1  {
background-image:url(images/content_bkg_left.jpg);
background-repeat:repeat-y;
background-position:left;
}
#masthead {
background-image:url(images/masthead_bkg.jpg);
background-repeat:repeat-x;
height: 163px;
}
#mission {
margin: 10px 40px 0px 400px;
color: #04496A;
font-style:italic;
font-size:12px;
}
#topnav {
position:absolute; 
width:475px; 
height:35px; 
z-index:1; 
left: 350px; 
top: 126px;
visibility: visible;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
#nav {
float: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#006699;
}
#content {
padding: 0px 40px 0px 40px;
margin-left: 172px;
}
#footer {
clear: both;
border-top: #006699 solid 3px;
height: 46px;
font-family: Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
color: #666666;
font-size: 14px;
text-align:center;
padding-top:15px;
}
#featurebox {
float: right;
margin: 20px;
border: #006699 solid 1px;
background: #E3EEF4;
padding: 10px;
font-size:12px;
line-height:150%;
}
#sponsors {
float: left;
width: 143px;
border: #006699 solid 3px;
background: #E3EEF4;
font-family: Arial, Helvetica, sans-serif;
line-height: 150%;
padding: 11px;
color: #006699;
font-size: 10px;
}
.sponsorhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #000000;
	text-align:center;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	padding-bottom:15px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	}
.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	padding-bottom: 5px;
}
a:link {color: #006699;}
a:visited{color: #006699;}
a:hover{color: #006699;}
a:active{color: #006699;}
a:focus{color: #006699;}

a.nav:link {color: #666666; text-decoration:none}
a.nav:visited{color:#666666}
a.nav:hover{color: #006699; text-decoration:none}
a.nav:active{color: #666666; text-decoration:none}
a.nav:focus{color: #006699; text-decoration:none}

a.topnav:link {color: #000000; text-decoration:none}
a.topnav:visited{color:#000000; text-decoration:none}
a.topnav:hover{color: #006699}
a.topnav:active{color: #006699}
a.topnav:focus{color: #006699}

a.footer:link {color: #666666; text-decoration:none}
a.footer:visited{color:#666666; text-decoration:none}
a.footer:hover{color: #666666; text-decoration:none}
a.footer:active{color: #666666; text-decoration:none}
a.footer:focus{color: #666666; text-decoration:none}

@charset "UTF-8";

/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	width: 100%;
	border-right: solid 2px #006699;
	width: 168px;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	background-image: url(images/nav_bkg.jpg);
	background-repeat: repeat-x;
	height: 32px;
	margin: 0px;
	line-height: 175%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	padding-left: 20px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background:#FFFFFF;
	line-height: 150%;
	color: #666666;
	margin: 0px;
	padding: 0px 0px 3px 20px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-image: url(images/nav_bkg.jpg);
	background-repeat: repeat-x;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover, .CollapsiblePanelTabHover {
	background-image: url(images/nav_bkg.jpg);
	background-repeat: repeat-x;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-image: url(images/nav_bkg.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
}