/* RSF-EARTHSPEAK website CSS file (earthspeak.css) */

/* Body and divs */

body {
font: 80% Arial, Helvetica, san-serif;
margin: 0;
}

/* Div1 is for the navigation */

div.div1 {
	width: 703px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

.div1 a {
	color: #FFFFFF;
	font-weight: normal;
	padding: 1px;
}

.div1 a:hover {
	color: #000000;
	background-color: #FFFFFF;

	}

.div1 a:hover.current {
	background-color: transparent;
}

/* Div2 is currently not used */

div.div2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
	font-weight: bold;

}

.div2 a {	
	color: #FFFFFF;
}

.div2 a:hover {
	color: #99CCFF;
	background-color: #006699;
	}

.div2 a:hover.current {
	background-color: transparent;
}

/* Div3 is for the content area */

div.div3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-align: left;
}

.div3 a {
	color: #000000;
	font-weight: normal;
	padding: 1px;
}

.div3 a:hover {
	color: #99CCFF;
	background-color: #006699;
}

.div3 a:hover.current {
	background-color: transparent;
}

/* Classes */

/* Defines the EARTHSPEAK sitename */
.sitename {
text-align: center;
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
color: #FFFFFF;
}

/* Changes normal 12px font size to 10px */
.caption {
font-size: 10px;
}

/* Changes normal font weight to bold */
.strong {
font-weight: bold;
}

/* Changes normal font weight to italic */
.emph {
font-style: italic;
}

/* Defines small thumbnail size */
.thumb_small {
width: 125px;
height: 90px;
}

/* Defines large thumbnail size */
.thumb_large {
width: 175px;
height: 150px;
}

/* Background image in the navigation bar */
.leftsidebar {
background-image: url(../logos/bkgd_main_nav.jpg);
}

 /* Elements */
 
 /* Makes all headings bold */
 h1, h2, h3 {
 font-weight: bold;
 margin: 0;
 }
 
 /* H1 is the page title */
 h1 {
 text-align: center;
 font-size: 28px;
 color: #003366;
 margin-bottom: 12px;
 }
 
 /* H2 is for major page sections */
 h2 {
 margin-top: 2px;
 text-align: left;
 font-size: 16px;
 color: #000000;
 margin-bottom: 10px;
 }
 
 /* H3 is for minor page sections */
 h3 {
 text-align: left;
 font-size: 14px;
 color: #000000;
 margin-bottom: 8px;
 }
 
 p {
 text-align: left;
 font-size: 12px;
 color: #000000;
 }
 
 p.intro {
 text-align: center;
 font-size: 14px;
 color: #000000;
 margin-bottom: 8px;
 }
 
 p.copyright {
 text-align: center;
 font-size: 14px;
 color: #FFFFFF;
 margin-bottom: 10px;
 }