@charset "utf-8";
/* CSS Document */
body {	margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif;}
a:link {  font-size: 1em; color: #990066; text-decoration: underline}
a:visited {  font-size: 1em; color: #333366; text-decoration: underline}
a:hover {	font-size: 1em; font-style:italic; color: #333366; text-decoration:none; }

/*Header stuff*/
#network {
height: 100%;
width:100%;
margin-bottom:1px;
}
#header {
background-color: #990066;
height:120px;
width:98%;
margin-top:30px;
}
#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:253px;
	float:right;
	padding-right:1%;
	left: 720px;
	top: 119px;
	height: 3%;
	z-index: 0;
}
.slimheader {
font-size: 1.6em;
color:#FFFFFF;
text-transform: uppercase;
font-weight:370;
text-align: right;
padding-right:2%;
padding-top:10px;
}
#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;
}

/*MAIN CONTENT*/
#largeleftcol{
float: left;
width: 75%;
padding: 0.5em;
margin-right: 0.5em;
margin-top: 0.5em;
margin-left: 0.5em;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #666666;
}
#leftcol{
float: left;
width: 56%;
padding: 0.5em;
margin-right: 0.5em;
background-color: #f1f1f1;
margin-top: 0.5em;
margin-left: 0.5em;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #666666;
}
#leftcol .contentbox {
width: 95%;
padding: 0.5em;
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: 19%;
margin-top: 0.5em;
}	
#rightcol .contentbox {
width: 97%;
padding: 0.5em;
clear: left;
color: #FFFFFF;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#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;
}	
/*FONT STYLES*/
h1 {
color: #990066;
font-size: 1em;
line-height: 20px;
font-weight: bold;
text-align: left;
margin: 0px;
width: 100%;
padding-top: 0.5em;
padding-bottom: 0.5em;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #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: small;
font-style: normal;
color: #000000;
line-height: 20px;
text-align: left;
}
.defaulttextItalic {
font-size: 0.9em;
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: 0.9em;
font-weight: bold;
font-style: normal;
color: #000000;
line-height: 20px;
text-align: left;
}
.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;
border: 0.05em solid #000000;
margin-left: 0.5em;
float: right;
}
.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: 3px;
}
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;
}

/* NAVIGATION */
#navigation {
float: left;
background-color: #FFFFFF;
width: 18%;
margin-right: -1px;
margin-left: 5px;
margin-top: 8px;
clear: left;
}	

#navigation ul{
list-style: none;
text-align: left;
border-bottom: 1px solid #CCCCCC;
margin: 0px 0px 0px -5px;
font-size: 0.9em;  
padding-left: 5px;
}

#navigation ul li{border-bottom: 1px solid #CCCCCC;}

#navigation .section {
font-weight: bold;
border-top: 1px solid #666666;
background: #EDDCED;
display: block;
color: #000000;
text-decoration: none;
padding-left: 5px;
text-indent: 3px;
}

#navigation .section a {margin-left: -5px;}

#navigation .subsection {border-top: 1px solid #999999;}
		
#navigation a {
display: block;
color: #666666;
text-decoration: none;
}

#navigation li a:hover {
display: block;
color: #fff;
text-decoration: none;
background: #993366;
}
	
#navigation li{list-style: none;}

/*these are for the 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%;
}
/*these are for the GES micro-site*/
#ges-title {	
color: #990066;
font-size: 1em;
line-height: 20px;
font-weight: bold;
text-align: center;
margin: 0px;
width: 100%;
padding-top: 0.5em;
padding-bottom: 0.5em;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666666;
}
#ges-maincontent {
width: 85%;
padding: 0.5em;
margin-right: 0.5em;
background-color: #f1f1f1;
margin-top: 0.5em;
margin-left: 0.5em;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #666666;
}
#ges-maincontent .defaulttextcenter {
	font-size: 0.8em;
	color: #000000;
	line-height: 20px;
	font-style: normal;
	text-align: center;
}

/* 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;}

/*FOOTER STUFF*/
#footer {
width: 100%;
padding: 0px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #999999;
text-align: center;
margin-top: 1em;
float: left;
}
#funding {
width:230px;
float: left;
clear: left;
margin-top: 0.5em;
}
#index-left {
width:45%;
float: left;
clear: left;
margin-bottom: 0.5em;
}
#index-right {
width:45%;
float: right;
clear: right;
margin-bottom: 0.5em;
}

