/* import the default stylesheet */
@import url(/css/common.css);

/* gets rid of phantom scrollbar in IE7 */
html
{
	overflow: auto;
}

H1 { color: black; font: bold 1.25em Arial, Helvetica,
Geneva, Swiss, SunSans-Regular; margin-top: 6px;}

H2 { color: black; font: bold 1.1em Arial, Helvetica,
Geneva, Swiss, SunSans-Regular; }

H3 { color: black; font: bold 1.0em Arial, Helvetica,
Geneva, Swiss, SunSans-Regular; }


BODY, TD, P, li { font: .81em Arial, Helvetica, 
Geneva, Swiss, SunSans-Regular; } 

body {
        margin-left: 1%;
        margin-right: 1%;
}

TD B { font-weight: bold }

P B { font-weight: bold }

a:link, a:visited { color: #003333; text-decoration: underline; }
a:hover, a:focus, a:active { text-decoration: underline; color: red; }

div#header
{
	position: absolute; 	
	top: 3px;
	left: 1%;
   	padding: 0;
	margin: 0;
   	/*margin-right: 5px;*/
	/*margin-left: 5px;*/
   	border: none;
    display: block;
    height: 57px;
   	width: 98%;
   	font-size: .81em;
    text-align: left;
	background-color: #ffffff;
}

div#header span#logo
{
	position: absolute;
   	top: 3px;
   	left: 0;
    width: 120px;
   	height: 50px;
   	/*background-image:  url(../images/fsf_darker.gif);
    background-repeat: no-repeat; */
	z-index: 10;
}

div#header span#skipLinks
{
	position: absolute;
	top: 0;
	right: 5px;
    text-align: right;
}

div#header span#line
{
   background-image:  url(../images/line3.gif);
   position: absolute;
   top: 52px;
   left: 0px;
   right: 0;
   width: 100%;
   margin: 0;
   padding: 0;
   background-repeat: repeat-x;
   z-index: 2;
   line-height: normal;
   height: 7px;
}
div#header span#contact
{
	position: absolute;
	top: 72px;
	right: 0;
	text-align: left;
	font-weight: bold;
	width: 330px;
}
span#contact a, span#contact a:link, span#contact a:visited
{
	color: #003333; 
	text-decoration: underline; 
}
div#header span#toplinks
{
	position: absolute;
	top: 50px;
	left: 0px;
	width: 800px;
	height: 17px;
	text-align: right;
	
}
div#header span#toplinks a, div#header span#toplinks a:visited, div#header span#toplinks a:hover, div#header span#toplinks a:focus, div#header span#toplinks a:active
{
	text-decoration: none; 
	font-weight: bold;
	color: white;
}

div#header span#tagline
{
        position: absolute;
        top: 38px;
        right: 5px;
        text-align: right;
        font-weight: bold;
        font-size: 1.0em;
        color: black;
}


div#leftsidebar
{
	position: absolute;
	top: 60px;
	left: 1%;
	text-align: right;
	width: 210px;
	height: 88%;
	margin-right: 25px;
	margin-left: 0px;
	background: #eeeeee;
	border-right: solid 3px #6699CC;
	padding-top: 10px;
}

div#leftsidebarJobs
{
	position: absolute;
	top: 60px;
	left: 1%;
	text-align: right;
	width: 210px;
	margin-right: 25px;
	margin-left: 0px;
	background-image: url(../images/eee5px.gif);
    background-repeat: repeat;
	border-right: solid 3px #6699CC;
	padding-top: 10px;
}

div#leftsidebar a, div#leftsidebar span, div#leftsidebarJobs a, div#leftsidebarJobs span
{
	display: block;
	margin-bottom: 15px;
	text-decoration: none;
	font-weight: bold;
	padding-left: 5px;
	font-size: .9em;
	background: #eeeeee;
} 
div#leftsidebar a:hover, div#leftsidebar a:focus, div#leftsidebar a:active, div#leftsidebarJobs a:hover, div#leftsidebarJobs a:focus, div#leftsidebarJobs a:active
{
	color: #0099ff;
	background-color: #ffffff;
}
div#main
{
	position: absolute;
	top: 60px;
	left: 220px;
	width: auto;
	z-index: auto;
	background: #ffffff;
	margin-left: 20px;
	padding-right: 1%;
}
div#main a, div#main a:visited, div#main input
{
	color: #003333; 
	text-decoration: underline; 
}

div#main a:hover, div#main a.current, div#main a:visited.current, div#main input.hover,div#main a:focus, div#main a:active
{
	text-decoration: underline; 
	color: #0099ff; 
}

div#main span#everify
{ 
	position: absolute;
	top: 225px;
	right: 35px;
    width: 200px;
   	height: 49px;
	clear: left;
	margin-right: 100px;
}

div#message
{
	position: absolute;
	top: 80px;
	left: 10px;
	width: auto;
	margin-left: 10px;
}

span#footer
{
	display: block;
	float: left;
	clear: both;
	width: 98%;
	height: 26px;
	font-size: .81em;
	margin-top: 50px; /*mozilla ia ignoring margin*/
	text-align: left;
	padding-top: 5px; 
	border-top: 2px #81a8c7 solid;
}
span#footer span#copyright
{
	/*position: absolute;*/
	bottom: 0;
	left: 0px;	
	margin-left: 5px;
}

div#main h4
{
	margin-top: 6px;
}

/* use class= nav against bgcolor #8490AC for main navigation 
.nav a { text-decoration: none; font-weight: bold; }
.nav a:link, a:visited { color: white; text-decoration: none; font-weight: bold; }
.nav a:link:hover, a:visited:hover { background: white; color: #8490AC; }
.nav a:active { color: yellow; }*/

/* for non-linked headings in leftsidebar */
.sidebar { border: thin #CCCCCC; }

.buttons a, .buttons a:visited, .buttons input
{
	color: black; 
	background-color: white;
	padding: 2px;
}
.buttons a:hover, .buttons a.current, .buttons a:visited.current, .buttons input.hover
{	
	color: black; 
	background-color: white;
	padding: 2px;
}

.formLabel
{	
	float: left;
	width: 150px;
	display: block;
	clear: both;
	font-weight: bold; 
	text-align: right;
	margin-right: 5px;
	background: #EEEEEE;
}

.column1
{
	display: inline;
	float: left;
	width: 30px;
	padding: 5px;
	clear: both;
}
.column2
{
	display: inline;
	float: left;
	width: 120px;
	padding: 5px;
	clear: right;
}
.column3
{
	display: block;
	float: left;
	width: 460px;
	padding: 5px;
	clear: right;
}

.skiplinks {
float: left;
margin-left: -9999px
}