html { 
	position:relative;
}


body {
	width:970px;
	background-image: url(/graphics/bg_body.gif);
	background-repeat:repeat-x;
	background-color:#ffffff;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	/*position:relative;*/
}
div {
	overflow: hidden;
	border: 0px;
	margin: 0px;
}
img {
	border: 0px;
	margin: 0px 0px 0px 0px;
}
table {
	font: 12px Arial, Helvetica, sans-serif;
	color:#333333;
	line-height: 18px;
	margin: 0px;
	margin-bottom:16px;
	padding: 0px;
}
tr {
	margin: 0px;
	padding: 0px;
}
td {
	margin: 0px;
	padding: 0px;
}
p {
	font: 12px Arial, Helvetica, sans-serif;
	color:#333333;
	line-height: 18px;
	margin: 0 0 18px 0;
	padding:0;
}

h1 {
color:#E7A324;
font: 18px Arial, Helvetica, sans-serif;
font-weight:bold;
line-height: 24px;
margin: 0 0 14px 0;
}

h2 {
	font: 18px Arial, Helvetica, sans-serif;
	color:#444444;
	font-weight:bold;
	line-height: 20px;
	margin: 0 0 18px 0;
padding:1px 2px 1px 2px;
}
h3 {
	font: 14px Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:bold;
	line-height: 20px;
	margin: 0 0 18px 0;
}
h4 {
	font: 13px Arial, Helvetica, sans-serif;
	color:#738579;
	font-weight:bold;
	line-height: 15px;
	margin: 0 0 14px 0;
}
em {
	font-style: italic;
	font-weight: normal;
}
hr {
	border: 0;
	border-top: 1px solid ;
	border-color:#738579;
	margin:0 0 16px 0;
	padding:0;
border-style:dotted;
}
blockquote hr {
	border: 0;
	border-top: 1px solid #009933;
	margin:0 0 16px 0;
	padding:0;
}
form {
	margin-bottom:0px;
}
ul {
	list-style-type:disc;
	list-style-position: outside;
	margin:0 0 18px 0;
	padding:0px;
	border:none;
}
li {
	font: 12px Arial, Helvetica, sans-serif;
	color:#333333;
	line-height: 20px;
	margin:0px;
	margin-bottom:0px;
	margin-left:40px;
	padding:0px;
	border:none;
}
a {
color:#E7A324;
font-weight:bold;
}
a:link {
	text-decoration: none;

}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;

	color:#d79314;
}
a:active {
	text-decoration: none;
}
.textfield {
	width:150px;
	height:14px;
	font: 11px Verdana, arial, sans-serif;
	color:#666666;
	border:1px solid #666666;
	padding:2px;
}
.textarea {
	width:170px;
	font: 11px Verdana, arial, sans-serif;
	color:#666666;
	border:1px solid #666666;
}
#container {
	width: 970px;
	position:relative;
	text-align: left;
	background-color:#FFFFFF;
z-index:0;
}
#header {
	width: 970px;
	height: 165px;
	position:relative;
}
#logo {
	width: 266px;
	height: 149px;
	position:relative;
	float:left;
}
#topimages {
	width:704px;
	height:149px;
	position:relative;
text-align:right;
	background-image: url(/graphics/2020_top.gif);
	background-repeat:no-repeat;
	background-color:#fff;

}
#topimages img{
padding:30px 40px 0px 0px;;
}
#nav {
	width:970px;	
	position:relative;
height:30px;
	text-align:center;
	background-image:url(/graphics/nav.gif);
	background-repeat:repeat-x;
border-top:1px solid #555;
border-bottom:1px solid #555;
z-index:2;
overflow:visible;
}

#contentwrapper {
width:970px;
position:relative;
padding:0;
margin:0;
z-index:1;
}

#title {
	width:970px;
	height:80px;
	background-color:#006633;
	background-image:url(graphics/bkg_title.gif);
	background-position:right;
	background-repeat:no-repeat;
}
#title h1 {
	font: 18px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:normal;
	line-height: 18px;
	margin: 30px 0 10px 45px;
}
#content, #contentwide {
	width: 600px;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
	text-align:left;
	float:left;
	z-index:1;
min-height:360px;
}
#contentwide{
width: 920px;
}
#content h3, #contentwide h3{
background-image:url(/graphics/header_bg.gif);
background-repeat:repeat-y;
color:#fff;
padding:3px 3px 3px 8px;
border-top:1px solid #555;
border-bottom:1px solid #555;
margin:10px 3px 10px 0px;
}

#headertext{
margin:14px 0px;
padding:0px;
border:0px;
height:25px;
overflow:none;
}
#headertext h1{
margin:0px;
font-style:italic;
}

#newsentry{
margin:8px 20px 12px 0px;
}

#newsentry-inner h3 {

background-image:none;
color:#738579;
padding-left:0px;
border:0px;
padding-bottom:4px;
}

#newsentry a {
font-weight:bold;
}

#newsentry img{
padding:0px 10px 0px 10px;
}

#team {
border-bottom:1px solid #ccc;
margin:0px 10px 10px 10px;
}
#team img {
float:left;
padding:12px 20px 20px 0px;
margin-right:20px;
}
#team p {
margin-left:180px;
}
#team h3{
background-image:none;
color:#738579;
border:none;
margin-bottom:1px;
}
#team ul {
margin-left:154px;
}
#team ul li {
padding:0px 0px 2px 2px;
}

#viewerwrapper{
margin:0px;
padding:0px;
position:relative;
height:425px;
}
#slideshow {
margin-top:19px;
text-align:center;
position:relative;
}
#viewercontrol {
position:relative;
height:25px;
padding:0px;
margin-bottom:0px;
background-color:#333;
color:#fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#viewercontrol a {
color:#ddd;
}
#viewercontrol a:hover {
color:#fff;
text-decoration:none;
}
#viewercontrol p {
color:#fff;
padding:0px;
margin:3px 2px 2px 8px;
}

#introbox {
margin-top:15px;
padding:16px;
color:#333;
text-align:center;
}
#introbox p, #introbox h1 {
color:#738579;
font-size:16px;
font-weight:bold;
line-height:148%;
margin: 0 0 16px 0;
padding:0;
}

#introbox p.introtext {
font-size:16px;
margin-bottom:18px;
color:#738579;
}
#introbox h1 {
color:#E7A324;
font-style:italic;
}

#introbox hr {
	border: 0;
	border-top: 1px solid ;
	border-color:#738579;
	margin:14px 0px 10px 0px;
	padding:0px;
}
#introbox form {
font: 12px Arial, Helvetica, sans-serif;
color:#333333;
line-height: 14px;
margin: 0px 0 14px 0;
padding:0;
}
#introbox form p {
margin: 0px;
padding:0;
}
#introbox form input {
margin-top:8px;
}
#introbox ul {
margin:0px 0px 10px 0px;
padding:0px;
list-style-type:none;
}
#introbox li {
margin:0px;
padding:1px 0px 2px 12px;
list-style-type:none;
color:#f0f0f0;
font-weight:bold;
}
#introbox h3{
	color:#738579;
	padding:2px;
font-size:24px;
	text-align:center;
font-weight:normal;
background:none;
border:0px;
}
#introbox h4{
	color:#f0f0f0;
	padding:2px;
	text-align:center;
	letter-spacing: 1px;
	word-spacing: 5px;
}

#signup {
	float:left; 
	width:246px; 
	height:128px;  
	margin-left:20px; 
	border:1px solid #bbb;
	background-color:#738579;
	padding:8px;
	color:#eee;
}
#signup p {
color:#eee;
}


#portfolio{
width:600px;
margin:0px 10px 20px 0px;
font: 12px Arial, Helvetica, sans-serif;
	color:#333333;
	line-height: 18px;
}
#portfoliomain{
height:420px;
width:600px;
}
#portfoliocaption {
	margin: 2px 0 6px 0;
	padding:0;
height:36px;
}
#portfolionav {
margin:2px 4px 14px 4px;
text-align:right;
}
#authorimage {
float:left;
padding:6px 20px 14px 0px;
}
#authorimage ul {
list-style-type:none;
padding:0px;
margin:8px 0px;
width:140px;
}
#authorimage ul li {
list-style-type:none;
padding:2px 3px 1px 0px;
margin-left:0px;
font-weight:bold;
width:140px;
}
#authorimage ul li a {
background-color:#738579;
padding:2px 2px 2px 5px;
color:#eee;
display:block;
}
#photographerinfo {
margin-left:0px;
}

#photointro {
float:left;
width:406px;
margin:10px 20px 10px 10px;
height:140px;
}
#photointro h3{
background-image:none;
border:0px;
color:#738579;
padding:2px;
margin:10px 0px;
}
#photointro p{
color:#738579;
font-weight:normal;
margin:0px 0px 8px 124px;
}
#photointro img {
float:left;
margin: 16px 14px 10px 0px;
}

#pledge{
margin:18px 0px 0px 0px;
}
#pledge img{
float:left;
margin:0px 20px 0px 0px;
}
#pledge-count{
float:right;
width:210px;
height:180px;
background-color:#E7A324;
padding:8px;
margin-left:30px;
}
#pledge-count a {
color:#fff;
}
#pledge-count h3 {
background-image:none;
color:#fff;
border:none;
font-size:15px;
padding-top:2px;
}
#pledge-info{
width:350px;
float:left;
margin: 0px 20px 0px 0px;

background-color:#E7A324;
padding:6px;
height:98px;
}
#pledge-info a {
color:#fff;
}
#pledge-links {
float:left;
width:186px;
margin: 0px 20px 0px 0px;
border:1px solid #ccc;
padding:6px;
height:96px;
font: 12px Arial, Helvetica, sans-serif;
color:#333333;
line-height: 18px;	
}
#pledge-action {
float:left;
width:176px;
margin: 0px;
padding:6px 0px 6px 0px;
height:98px;	
}
#pledge-action img{
margin-left:6px;
margin-bottom:3px;
}
#pledge-display {
background-image:url(/graphics/action-display.png);
background-repeat:repeat-none;


height:30px;
width:168px;
margin-left:6px;
}
#pledge-display p{
color:#fff;
font: 12px Arial, Helvetica, sans-serif;
margin-left:7px;
}
#partner-short{

}
#partner-short img {
float:left;
margin:0px 10px 10px 0px;
}
#partner-short p {
margin:0px;
}

#comment {
border-bottom:1px solid #ccc;
}
#gravatar {
width:90px;
float:left;
text-align:left;
padding-top:18px;
}
#comment h3 {
background-image:none;
color:#333;
border:none;
font-size:14px;
padding-left:0px;
}
#comment p{
margin-left:90px;
}
.comment-posted {
font-style:italic;
font-size:10px;
margin-bottom:10px;
}

#pressroom{
float:left;
width:186px;
margin:3px;
border:1px solid #ccc;
text-align:center;
padding:2px;
height:200px;
overflow:none;
position:relative;
}
#pressroom p{

	line-height: 18px;
	margin: 0 0 10px 0;
}
.presslink {
position:absolute;
bottom:2px;
text-align:center;
width:180px;
font: 12px Arial, Helvetica, sans-serif;	
}

#right {
	width: 310px;
	margin-top:20px;
	position:relative;
	float:left;

}
#searchbox {
margin:40px 0px 20px 0px;
border-bottom:1px solid #ccc;
padding-bottom:9px;
padding-top:9px;
background-color:#E7A324;
}

#boxright{
width:310px;
background-color:#E7A324;
/*border-bottom:1px solid #555;*/
min-height:104px;
}
#right p {
	margin-top:10px;
	margin-left:12px;
	margin-right:12px;
	margin-bottom:10px;
}
#quote {
margin-top:50px;
margin-left:30px;
}
#rightimage {
margin-top:0px;
margin-left:30px;
}


#photographermenu{
margin-left:20px;

}
#photographermenu p {
font-size:12px;
line-height:150%;
}

#quotes p{
font-size:18px;
line-height:28px;
color:#555;
}

#ethical {
margin-top:26px;
margin-left:10px;
}
#ethical h3{
margin-left:12px;
}
#ethical p, #ethical li{
color:#666;
}
#ethical li {
margin-left:24px;
padding-bottom:4px;
}

#partner{
border-bottom:#ccc 1px solid;
margin-bottom:18px;
}
#partner img {
float:left;
margin: 16px 14px 12px 0px;
width:175px;
}

#partner h3 {
background-image:none;

border:0px;
color:#738579;
padding:2px;
margin:10px 0px;
}
#partner p{
margin-left:190px;
}

#subscribe {
	width:310px;
	height:98px;
	background-image:url(graphics/bkg_subscribe.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}
.textfield {
	width:150px;
	height:14px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#666666;
	border:1px solid #67427c;
	padding:2px;
}

#bannerbottom {
	width:930px;
	height:30px;
	position:relative;
	float:left;
	text-align:center;
	background-color:#738579;
border-top:1px solid #555;
border-bottom:1px solid #555;
margin:8px 20px 0px 20px;
}
#bannerbottom h3 {
padding:5px 5px 0px 5px;
font-size:15px;
background-image:none;
color:#fff;
}

#bottom {
	width:970px;
	height:10px;
	position:relative;
	clear:left;
	background-image: url(/graphics/bkg_bottom.png);
	background-repeat:no-repeat;
}
#footer {
	width: 970px;
	height:101px;
	position:relative;
	background-image:url(/graphics/bkg_footer.gif);
	background-repeat:no-repeat;
	font: 12px Arial, Helvetica, sans-serif;
	line-height:20px;
	text-align:left;
	color:#eee;
margin-top:2px;
}
#footer a { color:#eee; }
#footer a:hover {color:#eee; }
#footercontent{
	width: 930px;
	position:relative;

	margin-top:14px;
	margin-left:20px;
}
#credits {
	width:240px;
	float:right;
	position:relative;
	text-align:right;
font: 11px Arial, Helvetica, sans-serif;
}

.dropdown {
	font: 11px Verdana, arial, sans-serif;
	color:#666666;
	border:1px solid #666666;

}

.quote {
font-style:italic;
font-size:14px;
color:#444444;
font-weight:bold;
}
.red {
color:#cc3300;
font-weight:bold;
}
.bold {

font-weight:bold;
}
#human {
visibility:hidden;
display:none;
}

#countdown, #factoid{
width:310px;
height:124px;
margin-bottom:20px;
background-color:#E7A324;
padding:12px 8px 10px 8px;
text-align:center;
}
#factoid {
padding:0px;
height:146px;
}

#countdown h2,h3 {
background-color:inherit;
color:#738579;
}

#countdown h2{
font-size:20pt;
}

#countdown h3{
font-size:16pt;
line-height:140%;
}

/* assignments */
.mapinfobody {

}
.mapinfobody h1, .mapinfobody h1, .infopane h1 {
color:#738579;
margin:10px 3px 10px 0px;
font-size:20px;
}
.mapinfobody h2, .mapinfobody h2 {
margin:10px 3px 10px 0px;
color:#738579;
}
.mapinfobody h2 {
margin:4px 3px 0px 0px;
color:#738579;
font-size:16px;
}


.mapinfobody h2.iwitness {
font-size:16px;
}
.mapinfobody h2.location  {
color:#E7A324;
margin-bottom:16px;
font-size:16px;
}

.mapinfobody ul.dates {
list-style-type: none;
padding: 0 0 0 10px;
margin: 0px 0px 12px 0px;
background-image: url(/graphics/calendar_dates.png);
background-repeat: no-repeat;
background-position: 0;
}

.introimage img {
width:600px;
height:300px;
}

#multimedia-links{

}
#multimedia-links .multimedia {
float: left;
margin:2px;
padding:2px;
height:80px;
background-color:#D3D7D5;
}
#multimedia-links .multimedia  h3 {
background:none;
color:#81848D;
border:0px;
margin:0px 6px 6px 0px;
text-align:left;
}

#photomissions{
float:left;
width:96px;
height:120px;
margin:2px;
padding:2px;
}

#photomissions img {
width:90px;
pasdding:0px;
margin:0px;
}

#photomissions p {
margin:0px;
padding:2px 0px;
}

/* end assignments */

.bordertop {
border-top:1px solid #738579; margin:2px 12px 2px 2px; padding-top:5px;
}

.showback {
background-image:url(/graphics/header_bg.gif);
background-repeat:repeat-y;


color:#fff;
padding:3px 3px 3px 8px;

border-top:1px solid #555;
border-bottom:1px solid #555;
}

.highlight {
background-color:#FFCC00;
}

p.introtext {
font-size:12px;
margin-top:0px;
}

.hidden {
display:none;
}

.white {
color:#efefef;
}

.divider {
color:#E7A324;
}

.count {
color:#815096;
}

a:hover .count {
text-decoration: underline;

color:#815096;
}

/* overlays */
#overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:580px;	
	min-height:240px;
	border:1px solid #666;
	overflow:visible;
position:fixed;
left:23%;

top:8%;
color:#ddd;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

#overlay p{
color:#ddd;
}

/* close button positioned on upper right corner  */
#overlay .close {
	background-image:url(/graphics/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
z-index:10001;
}


/* styling for elements inside overlay */
#overlay .details {
	position:relative;
	padding:15px 12px 4px 12px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#eee;
	line-height: 18px;
margin:auto;
}

#overlay .details input {
margin-bottom:3px;
font-size:11px;
}

#overlay .details p, .details table {
font: 12px Arial, Helvetica, sans-serif;
	color:#eee;
	line-height: 18px;
margin-top:7px;
text-align:left;
}

#overlay .details p {
text-align:center;
}

#overlay .details h3 {
	color:#aba;
	font-size:16px;
	margin:0px;
}

#overlay .details h4 {
	color:#E7A324;
	font-size:13px;
	font-weight:bold;
	margin:1px;
}
#overlay form, #overlay table{
margin:0px;
padding:0px;
margin-bottom:8px;
}

 
.overlayvid { 
     
    /* growing background image */ 
    background-image:url(/video/overlay/gray.png); 
	padding:40px;
     
    /* dimensions after the growing animation finishes  */ 
    width:580px;
	height:460px;      

    /* initially overlay is hidden */ 
    display:none; 
} 
 
/* default close button positioned on upper right corner */ 
.overlayvid .close { 
    background-image:url(/graphics/overlay/close.png);
	position:absolute;
	right:12px;
	top:-25px;
	cursor:pointer;
	height:35px;
	width:35px;
z-index:10001;
} 

.overlayvid a {
	height:374px;
	width:500px;
	display:block;
	margin:auto;
	margin-top:30px;
}


/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}