@charset "utf-8";
/* CSS Document */
body {	margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif;   height: 100%;}
a:link {  font-size: 1em; color: #990066; text-decoration: none;}
a:visited {  font-size: 1em; color: #333366; text-decoration: none;}
a:hover {	font-size: 1.1em; color: #333366; text-decoration:underline; }
a:active { font-size: 1em; color: #333366; text-decoration:none; font-weight:bold; }
html {height: 100%; width:100%;  overflow: inherit;}

/*Header stuff*/
#container {
/*border:solid 1px #000;*/
min-height:100%;
margin:2px;
padding-top:1px;

}
#header {
background-color: #990066;
height:120px;
width:100%;
margin-top:20px;
}
#swologo {
	float: left;
	top: 82px;
	position: absolute;
	left: 20px;
}
#slim {
	right: 62px;
	top: 62px;
	border: none;
	padding-right: 0.3em;
	padding-top: 3px;
	margin-top: 0.2em;
	position:absolute;
	background-color: #990066;
	width: 273px;
	height: 47px;
}
#headertitle {
	position:absolute;
	width:266px;
	float:right;
	padding-right:1%;
	left: 877px;
	top: 119px;
	height: 3%;
	z-index: 0;
}
#bar {
width: 100%;
background-color: #FFFFFF;
clear: left;
float: left;
margin: 0px;
padding: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666666;
}		
#linkscell {
font-size: 0.8em;
line-height: 1.8em;
font-weight: bold;
color: #FFFFFF;
width: 168px;
position: relative;
background-color: #666666;
text-indent: 0.5em;	
}
#SLIMcell {
font-size: 0.8em;
line-height: 1.8em;
font-weight: bold;
color: #990066;
width: 280px;
margin-left: 175px;
margin-top: -22px;
background-color: #FFFFFF;
}
#swocell {
font-size: 0.8em;
line-height: 1.8em;
font-weight: bold;
color: #FFFFFF;
width: 200px;
text-align: center;
background-color: #584A28;
position: absolute;
right: 0px;
top: 100px;
}

#hide { display: none; } 

/*MAIN CONTENT*/
#largeleftcol{
float: left;
width: 75%;
padding: 0.5em;
margin-right: 0.5em;
margin-top: 0.5em;
margin-left: 0.5em;
}
#leftcol{
float: left;
width: 60%;
background-color:#FFFFFF;
margin-left: 0.5em;
margin-right: 0.5em;
padding:4px;
min-height:100%;
position:relative;
display:block;
}
#leftcol .contentbox {
width: 98%;
padding: 3px;
clear: left;
}
#leftcol .image {
margin-right: 1em;
margin-bottom: 0.5em;
}
#leftcol ul {
list-style-type: square;
line-height: 1.5em;
}
#rightcol{
float: left;
width: 18.5%;
padding:6px;
background-color:#EEEEEE;
min-height:100%;
position:relative;
display:block;
}	
#rightcol .contentbox {
width: 96%;
padding: 4px;
clear: left;
}
#rightcol h2 {
color: #F1f1f1;
font-size: 0.8em;
text-align: left;
margin: 0px;
padding-top: 0.3em;
padding-bottom: 0.3em;
text-indent: 0.2em;
background-color: #999999;
width: 100%;
}
#rightcol .image {
text-align: center;
}
#largecol{
float: left;
width: 72%;
padding-top: 1em;
margin-left: 1em;
margin-top: 1.5em;
}	
#extralargecol{
float: left;
width: 98%;
padding-top: 1em;
margin-left: 1em;
margin-top: 1.5em;
}
#recessionnav{
float: left;
width: 150px;
}	
#index-left {
width:48%;
float: left;
clear: left;
height:100%;
margin: 2px;
margin-bottom:4px;
padding:4px;
padding-bottom:10px;
border:solid 1px #CCCCCC;
border-bottom:solid 3px #CCCCCC;
}
#index-right {
width:47%;
float: right;
clear: right;
height:100%;
margin: 2px;
margin-bottom:4px;
padding:4px;
padding-bottom:10px;
border:solid 1px #CCCCCC;
border-bottom:solid 3px #CCCCCC;
}
#news-right {
width:98%;
float: right;
clear: right;
height:100%;
margin-bottom:1%;
padding:1%;
padding-bottom:1%;
border:solid 1px #CCCCCC;
border-bottom:solid 3px #CCCCCC;
}
#news-left {
background-color:#FFFFFF;
width:20%;
float: left;
height:100%;
margin-bottom:1%;
padding-left:2%;
padding-bottom:1%;
}
/*FONT STYLES*/
h1 {
color: #990066;
font-size: 1.2em;
line-height: 20px;
font-weight: bold;
text-align: left;
margin: 0px;
padding-top: 0.5em;
padding-bottom: 0.5em;
border-bottom: solid 1px #666666;
}
h2 {
color: #990066;
font-size: 1em;
font-weight: bold;
text-align: left;
margin: 0px;
padding-top: 0.5em;
padding-bottom: 0.5em;
text-indent: 0.2em;
}	
h3 {
color: #666666;
font-size: 0.9em;
line-height: 20px;
text-align: left;
padding: 0px;
margin: 0px;
}	
h4 {
font-size: 0.9em;
color: #666666;
}
.default_text {
font-size:11pt;
font-style: normal;
color: #000000;
line-height: 20px;
text-align: left;
}
.default_center{
font-size:11pt;
font-style: normal;
color: #000000;
line-height: 20px;
text-align:center;
}
.slimheader {
font-size: 1.6em;
color:#FFFFFF;
text-transform: uppercase;
font-weight:370;
text-align: right;
padding-right:2%;
padding-top:10px;
}
.defaulttextItalic {
font-size:11pt;
font-style: italic;
color: #000000;
line-height: 20px;
text-align: left;
}
.reddybrownleft {
font-size: .7em;
font-style: normal;
color: #000000;
line-height: 20px;
text-align: left;
}
.defaulttextbold {
font-size: 11pt;
font-weight: bold;
font-style: normal;
color: #000000;
line-height: 20px;
text-align: left;
}
.rightcol {font-size: 11pt;}

.cellgrey { 
background-color: #CCCCCC; 
font-size: .8em;
color: #000000; 
line-height: 20px; 
font-style: normal; 
text-align: left; 
}
.cellgreysmall { 
background-color: #CCCCCC; 
font-size: .7em;
color: #000000; 
line-height: 20px; 
font-style: normal; 
text-align: left; 
}
.purpletextbold {
font-size: 0.9em;
color: #990066;
line-height: 20px;
font-weight: bold;
text-align: left;
}
.purple-b-i-center {
font-size: 0.8em;
color: #990066;
line-height: 20px;
font-weight: bold;
text-align: center;
font-style: italic;
}
.defaulttextpurple {	
font-size: 0.9em;
color: #990066;
line-height: 20px;
font-style: normal;
}
.small {
font-size: .7em;
font-style: normal;
}
.smallbold {
font-size: .7em;
font-style: normal;
font-weight: bold;
}

.defaulttextcenter {	
font-size: 0.9em;
color: #000000;
line-height: 20px;
font-style: normal;
text-align: center;
}
.bolditalicdefault {
font-size: .8em;
font-style: italic;
font-weight: bold;
color: #666666;
}
.imageleft {
text-align: left;
border: 0.05em solid #000000;
margin-right: 0.5em;
float: left;
}
.imageright {
text-align: left;
margin: 0.5em;
float: right;
}
.image-center {
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
.image-no-border {
text-align:right;
margin-right: 0.5em;
float: left;
}
.imagestaff {
border: thin solid #666666;
vertical-align: top;
white-space: normal;
float: left;
margin: 5px;
margin-right: 15px;
}
ol,ul {	line-height: 1.5em;}

/* This is to render the 'skip to main content' link invisible. */
#skip {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	left: 23px;
	top: 6px;
}
/* This next style makes the skip link visible when you tab to it. */
#skip:focus,#skip:active,#skip:hover {
position: absolute;
overflow: visible;
width: auto;
height: auto;
/* The following are properties to style the link when it is visible */
background: #039;
color: red;
top: 2px;
left: 2px;
padding: 2px;
font-size: small;
}

/* BREADCRUMBS */
#crumb {
width:99.8%;
height:3%;
overflow:hidden;
background-color:#eee;
border-bottom: 1px solid #000;
text-transform:capitalize;
clear: both;
float: left;
padding: 1px;
}
#crumb .crumb {font-size: 0.8em; color:#990066; margin:3px;}
#crumb .crumb a {font-size: 1em; text-decoration:none; color:#990066;}
#crumb .crumb a:active {font-size: 1.1em; }
#crumb .crumb a:hover {font-size: 1.1em; text-decoration:underline;}

/* NAVIGATION */
#navigation {
width: 18%;
background-color: #EDDCED;
float: left;
margin-right: -1px;
clear: left;
min-height:100%;
position:relative;
display:block;
}	
#navigation a {
display: block;
color: #990066;
text-decoration: none;
}
#navigation .section {
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
background: #eee;
display: block;
color: #990066;
padding-left: 5px;
text-indent: 3px;
font-size: 10pt;  
text-decoration:none;
}
#navigation .section a {
margin-left: -5px;
}
#navigation .section a:active {
font-weight:bold;
border-bottom: 1px solid #CCCCCC;
}
#navigation .subsection {
}
#navigation ul{
list-style: none;
text-align: left;
margin: 0px 0px 0px -5px;
padding-left: 5px;
padding-top: 15px;
text-indent: 3px;
}
#navigation ul li{
border-bottom: 1px solid #CCCCCC;
font-size: 9pt;  
}

#navigation li{list-style: none; background-color:#eee;}		

#navigation li a:hover {
display: block;
color: #990066;
text-decoration: none;
background-color:#CCCCCC;
}

#navigation li a:active {
font-weight: bold;
}	
/*EASI micro-site*/
.cellEASI {
background-color: #CCCC99; 
font-size: 0.7em;
color: #003366; 
line-height: 20px; 
font-style: normal; 
text-align: left;
}
.EASItitle {
background-color: #666666;
font-size: 0.8em;
color: #FFFFFF;
line-height: 20px;
font-style: normal;
text-align: center;
font-weight: bold;
padding: 0.5em;
width: 75%;
}
/* ICONS */
.icondoc {background: url(../../../images/icons/icondoc.gif) left top no-repeat; padding-left: 20px;}
.icondot {background: url(../../../images/icons/icondot.gif) left top no-repeat; padding-left: 20px;}
.iconexe {background: url(../../../images/icons/iconexe.gif) left top no-repeat; padding-left: 20px;}
.iconexp {background: url(../../../images/icons/iconexp.gif) left top no-repeat; padding-left: 20px;}
.iconflv {background: url(../../../images/icons/iconflv.gif) left top no-repeat; padding-left: 20px;}
.icongif {background: url(../../../images/icons/icongif.gif) left top no-repeat; padding-left: 20px;}
.icongsp {background: url(../../../images/icons/icongsp.gif) left top no-repeat; padding-left: 20px;}
.iconhtm {background: url(../../../images/icons/iconhtm.gif) left top no-repeat; padding-left: 20px;}
.iconhqx {background: url(../../../images/icons/iconhqx.gif) left top no-repeat; padding-left: 20px;}
.iconjpg {background: url(../../../images/icons/iconjpg.gif) left top no-repeat; padding-left: 20px;}
.iconkmz {background: url(../../../images/icons/iconkmz.gif) left top no-repeat; padding-left: 20px;}
.iconmdb {background: url(../../../images/icons/iconmdb.gif) left top no-repeat; padding-left: 20px;}
.iconmht {background: url(../../../images/icons/iconmht.gif) left top no-repeat; padding-left: 20px;}
.iconmp3 {background: url(../../../images/icons/iconmp3.gif) left top no-repeat; padding-left: 20px;}
.iconmyc {background: url(../../../images/icons/iconmyc.gif) left top no-repeat; padding-left: 20px;}
.iconnet {background: url(../../../images/icons/iconnet.gif) left top no-repeat; padding-left: 20px;}
.iconood { background: url(../../../images/icons/iconood.gif) left top no-repeat; padding-left: 20px;}
.iconpdf {background: url(../../../images/icons/iconpdf.gif) left top no-repeat; padding-left: 20px;}
.iconpng {background: url(../../../images/icons/icontif.gif) left top no-repeat; padding-left: 20px;}
.iconppt {background: url(../../../images/icons/iconppt.gif) left top no-repeat; padding-left: 20px;}
.iconrtf {background: url(../../../images/icons/iconrtf.gif) left top no-repeat; padding-left: 20px;}
.iconrss {background: url(../../../images/icons/iconrss.gif) left top no-repeat; padding-left: 20px;}
.icontif {background: url(../../../images/icons/icontif.gif) left top no-repeat; padding-left: 20px;}
.icontxt {background: url(../../../images/icons/icontxt.gif) left top no-repeat; padding-left: 20px;}
.iconxbk {background: url(../../../images/icons/iconxbk.gif) left top no-repeat; padding-left: 20px;}
.iconxls {background: url(../../../images/icons/iconxls.gif) left top no-repeat; padding-left: 20px;}
.iconzip {background: url(../../../images/icons/iconzip.gif) left top no-repeat; padding-left: 20px;}
.iconpps {background: url(../../../images/icons/iconpps.gif) left top no-repeat; padding-left: 20px;}
.iconemail {background: url(../../../images/icons/iconemail.jpg) left top no-repeat; padding-left: 20px;}

/* SWENG */
#sweng {
	position:fixed;
	bottom:-1835px;
	left: 3px;
	float:left;
}

/*FOOTER STUFF*/
#footer-top {
width:100%;
background-color: #990066;
height:20px;
clear: left;
float: left;
padding: 4px;
margin-top:1px;
text-align:right;
}
.white {font-size: 8pt; color:#FFFFFF;}
.white a {font-size: 8pt; text-decoration:none; color:#FFFFFF;}
.white a:active { font-weight:bold;}
.white a:hover {font-size: 9pt; text-decoration:underline;}

#footer-left {
width: 45%;
padding: 2px;
text-align:left;
float: left;
}
#footer-right {
width: 45%;
padding: 2px;
text-align:right;
float: right;
}
#footer {
width: 100%;
padding-bottom: 2px;
border-top:solid #999999 1px;
text-align: center;
margin-top: 1px;
float: left;
bottom:0px;
}
#google_translate_element {
float:right;
}
#funding {
width:230px;
float: left;
clear: left;
margin-top: 0.5em;
}