body 
	{
	background: #DCD7D1;
	}
	
/*********************************************************************
HEADER - holds navigation, search and logo
**********************************************************************/
#header
	{
	margin: 0 auto;
	width: 968px;
	height: 78px;
	position: relative;
	top: -708px;
	}

#nav
	{
	float: right;
	margin: 17px 0 0 0;
	padding: 0 5px 0 0;
	}

#nav img.navBttn 
	{
	border-left: 2px solid #BED63A;
	}
	
#auxNav
	{
	float: right;
	padding: 0 15px 0 0;
	}

#auxNav form
	{
	padding: 2px 0 0 0;
	}

#auxNav form, #auxNav a
	{
	float: right;
	}

#auxNav form a
	{
	float: none;
	}
	
#auxNav input
	{
	float:  left;
	padding: 3px 8px 3px 8px;
	background: #4F463F;
	border: none;
	font: 11px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #CBC2B8;
	width: 140px;
	height: 14px
	}

/************************************************
FLASH
************************************************/
.flash	
	{
	height: 708px;
	width: 100%;
	position: relative;
	top: 0;
	background: #bdb3a9;
	}

/************************************************
CONTENT
************************************************/

.contentLayer
	{ /*gets the aux nav positioned properly on the page in relationship to the flash*/
	position: absolute;
	z-index: 600;
	width: 100%;
	top: 422px;
	}

#content 
	{
	width: 968px;
	height: 257px;
	margin: 0 auto;
	overflow: hidden;
	}

.left 
	{
	width: 382px;
	height: 251px;
	float: left;
	padding: 6px 0 0 9px;
	}	

.right 
	{
	margin: 55px 0 0 40px;
	width: 525px;
	float: left;
	}	


/*********************************************************************
TAB AREA
**********************************************************************/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide
	{
     display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav 
	{
     display: none;
    }
}

.ui-tabs-nav 
	{
    list-style: none;
	height: 35px;
	margin: 1px 0 9px 0;
	background: #0E0A09;
	}
	
.ui-tabs-nav:after 
	{ /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
	}

.ui-tabs-nav li 
	{
    float: left;
	}
	
.ui-tabs-nav a, .ui-tabs-nav a span 
	{
    float: left; /* fixes dir=ltr problem and other quirks IE */
	}
	
.ui-tabs-nav a 
	{
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    	
	}

.ui-tabs-nav a:link, .ui-tabs-nav a:visited 
	{
    color: #fff;
	}
	
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    z-index: 2;
    margin-top: 0;
    background-position: 100% 0px;
}

.ui-tabs-nav a span 
	{
	padding-top: 0;
    height: 34px;
    background-position: 0 0;
    line-height: 34px;
	}

.ui-tabs-nav .ui-tabs-selected a span 
	{
	padding-top: 0;
    height: 34px;
    background-position: 0 -34px;
    line-height: 34px;
	}
	
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited 
	{ /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
	}
	
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active 
	{ /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
	}
	
.ui-tabs-disabled 
	{
    opacity: .4;
    filter: alpha(opacity=40);
	}
	
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited 
	{
    color: #000;
	}
	
.ui-tabs-panel 
	{
	margin: 0 8px 0 0px;
	color: #3A322C;
	font-size: 11px; /* declare background color for container to avoid distorted fonts in IE while fading */
	}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav 
	{ /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
	}
	
*:first-child+html .ui-tabs-nav  
	{ /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
	}

/*********************************************************************
TAB IMAGES
**********************************************************************/
.ui-tabs-nav a span.publications {
	background-image: url(../images/tabs_homePubs.jpg);
	border-right: 1px solid #fff;
}

.ui-tabs-nav a span.events {
	background-image: url(../images/tabs_events.jpg);
	border-right: 1px solid #fff;
}

.ui-tabs-nav a span.news {
	background-image: url(../images/tabs_news.jpg);
	border-right: 1px solid #fff;
}

#tabArea 
	{
	background: #F0F5D1;
	position: absolute;
	bottom: 0;
	height: 251px;
	}

#tabArea dl 
	{
	margin: 0 0 9px 0px;
	background: #E3EEAB;
	padding: 7px 0 7px 9px;
	width: 99.5%;
	}

#tabArea dt 
	{
	width: 34px;
	padding: 0 0 0 3px;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -.01em;
	line-height: 1.2em;
	float: left;
	color: #4D8F75;
	}

#tabArea dt .date 
	{
	font-size: 22px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -.07em;
	}

#tabArea dd 
	{
	padding: 2px 0 0 0;
	float: left;
	font: 11px Georgia, "Times New Roman", Times, serif;
	line-height: 1.2em;
	width: 325px;
	}

#tabArea dd a:hover 
	{
	color: #4D8F75;
	}

#tabArea dd span 
	{
	font: 11px Arial, Helvetica, sans-serif;
	color: #524A46;
	}

#tabArea .bttn 
	{
	float: left;
	margin: 2px 0 0 8px;
	}

/*********************************************************************
FOOTER
**********************************************************************/
#footer
	{
	margin: 0 auto;
	position: relative;
	top: -78px;
	padding: 18px 20px 0 15px;
	width: 953px;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #88817b;
	text-align: right;
	}

#footer p
	{
	float: left;
	clear: left;
	font-size: 11px;
	margin: -2px 0 0 2px;
	}

#footer a
	{
	text-align: right;
	margin: 5px 0 0 0;
	padding: 0 2px 0 2px;
	color: #88817b;
	line-height: 3em;
	}

#footer a:hover
	{
	color: #0E0A09;
	}