/* CSS Document */

body,td,th {
}

body {
	background-color: #F7F7F7;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #272727;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

body h1 {
	color: #272727;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	line-height: 30px;
}

h2 {
	font-size: 20px;
}

body a:link {
	text-decoration:none;
	color: #000066;
}

body a:visited {
	text-decoration: none;
	color: #666666;
}

body a:hover {
	text-decoration:underline;
}

#col1 ul li {
	list-style-type: square;
	
}
	


#wrapper {
	width: 814px;
	background-color: #F7F7F7;
	position: relative;
	margin: 0 auto;
}

#header {
	background-image:url(images/home-header-bg.gif);
	background-repeat:no-repeat;
	width: 814px;
	height: 122px;
}



#nav {
	height: 33px;
	width: 814px;
	background-image: url(images/nav-bg.gif);
	background-repeat: repeat-y;
}

/* ------ Son of suckerfish drop-down code ------ */

#navul, #navul ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	z-index: 2;
}

#navul a {
	display: block;
	/* width: 10em; for opera */
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	line-height: normal;
}


#navul li {
	float: left;
	/* width: 10em; for opera */
}


#navul li ul {
	position: absolute;
	/* width: 10em; */
	left: -999em;
	top: 155px;
	width: 122px;
	margin-left: 3px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#navul .first_ul {
	margin-left: 17px;
}

/* These styles are only applied to IE browsers. */
#navul li:hover ul, #navul li.sfhover ul {
	left: auto;
}

/* End IE styles */

#navul li ul li a {
	font-family: Trebuchet, "Trebuchet MS", Arial;
	font-weight:  bold;
	text-decoration: none;
	color: #313031;
	text-transform: none;
	text-align: left;
	padding: 5px 5px 10px 10px;
	line-height: normal;
	width: 105px;
	font-size: 11px;
	border-bottom: 1px solid #787878;
	border-left: 1px solid #787878;
	border-right: 1px solid #787878;
	background-image: url(images/nav_dropdown_bg_off.gif);
	background-color: #D7E4ED;
	background-repeat: repeat-x; 

		
}

#navul li ul li a:hover {
	width: 105px;
	color: #F7F7F7;
	background-image: url(images/nav_dropdown_bg_on.gif);
	background-color: #313031;
	background-repeat: repeat-x; 

}



/* ------ End SoSF code ------ */

#content {
	width: 814px;
	background-image: url(images/home-bg.gif);
	background-repeat: repeat-y;
}

#leftcol {
	float: left;
	width: 355px;
}
	
#rightcol {
	float: right;
	width: 459px;
}


#col1 {
	float: left;
	margin-right: 1	px;
	padding-left: 50px;
	line-height: 24px;
	width: 480px;
}

#col1b {
	float: left;
	margin-right: 1	px;
	padding-left: 50px;
	line-height: 24px;
	width: 700px;
}


#col1 h1 {
	padding-top: 20px;
	
}

#col1b h1 {
	padding-top: 20px;
	
}



#col2 {
	float: right;
	margin-right: 30px;
	margin-top: 32px;
	width: 238px;
	background-image:url(images/quote-box-bg.jpg);
	background-repeat:repeat-y;
	line-height: 18px;
	
}

#quote {
	margin-top: -15px;
	margin-bottom: -15px;
	padding-left: 32px;
	padding-right: 28px;
}


#col2 .quote {
	font-style: italic;
	font-size: 15px;
	line-height: 30px;
}

#col2 .attribution {
	font-size: 14px;
}

#colA {
	float: right;
	margin-top: 40px;
}

#colB h1 {
	padding-top: 20px;
	
}

#colB	{ 
	float: left;
	
	width: 400px;
	
}

.storyphotos {
	margin-right: 30px;
	margin-bottom: 10px;
	margin-top: 10px;
	border: solid;
	border-color: #F7F7F7;
	border-width: 9px;
	
}

.storyphotos2 {
	margin-left: 30px;
	margin-bottom: 10px;
	margin-top: 10px;
	border: solid;
	border-color: #F7F7F7;
	border-width: 9px;
	
}


.caption {
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	top: 589px;
	left: 60px;
	color: #666666;
}


#footerhome {
	width: 814px;
	height: 69px;
	background-image: url(images/footerhome.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#footer {
	width: 814px;
	height: 69px;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#footerhome img {
	border-width: 0px 0px 0px 0px;
}

#footer img {
	border-width: 0px 0px 0px 0px;
}

#footerleft {
	float: left;
	margin-top: 40px;
	margin-left: 20px;
}

#footerright {
	float: right;
	margin-top: 40px;
	margin-right: 16px;
}


table img {
	border-color: #FFFFFF;
	border-width: 5px;
}
	
table {
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: -18px;
	
}

.formLabel {
	color: #272727;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	line-height: normal;
}

.formSmall {
	color: #272727;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: normal;
}