/*
stylesheet edited by three other unknown authors
CSS cleaned up based on chaotic HTML layout on 2008.4.17 somewhereinva@gmail.com
*/


.events { width:555px; margin:2px 0 2px 0px; }
.leftevents { float:left; width:320px; padding:3px 0; }
.rightevents { float:right; width:200px; }

.credit h5 { display:inline; font-size:11px; }
.credit { margin:4px; text-align:right; }
.credit a { color:#039; }
.googlemapslink { display:inline; vertical-align:top; margin:0 0 2px 0; }

/*thumbnail layout */
#thumb { text-align:center; margin:6px 0 0 30px; }
#thumb li { float:left; width:210px; text-align:center; margin:0 52px 5px 0;}
#thumb li p { padding:8px 22px;; font-size:10px; line-height:normal; }
#thumb li.triple{ float:left; width:733px; text-align:center; }
.no_p li{ margin:11px 0 0 0; }

#mission ul.sponsor { width:600px; }
#mission ul.sponsor li{ font-weight:bold; padding:22px 0 5px 0;}
#mission ul.sponsor li h4 {
	font-size:14px;
}

.officers li h4 { display:inline; }
.officers li p { display:inline; margin:0 0 0 11px; }

* { margin:0; padding:0; }
ul li { list-style-type:none; }
img, img a { border:none }
html { min-height: 100%; margin-bottom: 1px; }/* the creates a permanent vertical scroll-bar to eliminate 'page shifts' in MAC FF and SAFARI */
body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.125em;
	background:url(../images/litebackground.gif);
}
#header { padding:0 0 10px 0;  background:url(../images/lightbackground.gif); }
#wrapper{ width: 840px; margin:0 auto; text-align:left; border: solid #039 1px; border-top:none; background:url(../images/litebackground.gif); 

	
	/*this sets a minimum height for all pages tested om IE 6/7, FF Win, FF/Safari Mac*/
	
	min-height:522px;
	height:auto !important;
	height:522px;

	

}

/*used for home page bridge collage*/
	#bridges { padding:10px; width:820px; background:url(../images/darkbackground.jpg); }
	#bridges img { float:left; }
	
/*used for large bridge image on respective page*/
	#insidecontent { padding:10px; width:820px; background:url(../images/darkbackground.jpg); }
	#insidecontent p a { color:#039; }
	
/*i believe the author is using this ('mission') as the main content containment area*/
	#mission {
	padding:5px 10px 5px 5px;
	background-color: #cfdbe9;
}
	#mission a {
	color: #3366FF;
}
#mission a:hover, #footer a:hover  {
	text-decoration:none;
	color:#3366FF;
}

	#mission p { padding:5px 0; line-height:16px; letter-spacing:.025em;}
	#mission ul li { padding:2px 0; font-weight:normal;}

	#mission h2, #caption h2 {
	color:#FF0000;
	padding:5px 0;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
}
	#mission h3 {
	color:#3366CC;
	font-size:13px;
	font-weight:bold;
	padding-top: 11px;
}
	#mission h4 { padding:5px 0; font-size:13px; }
	
	#mission td { padding:5px 5px 5px 0; line-height:16px; letter-spacing:.050em;}

#footer {
	width: 750px;
	text-align: center;
	padding:3px 0 9px 0;
	margin-right: auto;
	margin-left: auto;
}
#footer a:link, #footer a:visited, #mission a:link, #mission a:visited { text-decoration:underline; color:#ff0000; }


/*caption is being used as a type of container for the manhattan bridge thumbnails*/
	#caption { padding:0px 11px; }

/*used for columns on media page*/
	#mediacol1 {
		position:relative;
		float:left;
		}
		
	#mediacol2 {
	position:relative;
	float:left;
	margin-left:30px;
		}
	
	#mediacol3 {
	position:relative;
	float:left;
	margin-left:30px;
		}


	#footer ul { padding:11px 0; }
		#footer li { list-style-type:none; padding:3px 0 9px 0;  }
/*			#footer li img.sponsor-img { border:1px solid #039; padding:6px; margin:3px; }*/


/* 
DROP DOWN MENU
stevencollins
somwhereinva@gmail.com
versionn 1.0
2008.2.29 - look before you leap :p
*/

/* IE-specific Styles */

/* -- Drop-down Navigation fixes -- */
* html #nav li {
	width: 1px;
	white-space: nowrap;
}
* html #nav li.over ul {
	display: block;
	float: left;
}
* html #nav ul ul li {
	float: left;
}
* html #nav ul ul li a {
	width: 400px;
	float: left;
}

/*position holds structure~~~~~*/
#nav ul {
	position: absolute;
}
/*main navigation~~~~~~~~~~~~~*/
#nav {
	padding:0 0 25px 75px;
	background:url(../images/logo-blue.gif);
}

#nav ul li{
	background:url(images/logo-blue.gif);
	padding:1px;
}
#nav ul li a:hover{
	text-decoration:none;
	background:#fff;
	color:#039;
}
#nav ul li a{
	text-decoration:none;
	padding:6px 16px 5px 16px;
	color:#fff;
	font-size:12px;
}

/*drop down navigation~~~~~~~~*/

        /*basic style*/
		#nav ul li ul li a:hover{
			text-decoration:underline;
			color:#f00;
		}

		/*background / vertical hover distance */
		#nav li ul {
			display: none;
			top: 22px;
			background:url(../images/logo-blue.gif);
		}

		/*set background color of dropdown*/
		#nav li:hover ul {
			display: block;
			background:url(../images/logo-blue.gif);
		}

		/*drop down list style*/
		#nav li li {
			display: block;
			float: none;
			background: none;
		}
		
		/*drop down list link style*/
			#nav li li a {
				padding: 3px 4px;/*adjust the padding to increase decrease the width (DO NOT USE WIDTH / HEIGHT properties!)*/
				height: auto;
				overflow: visible;
				white-space: nowrap;
				background:url(../images/logo-blue.gif);
				color:#fff;
			}
			
			
			#nav li li a:hover {
				background:#fff;
			}

		/*drop downs width and border styles*/
		
			#nav ul #list, #nav ul #list2, #nav ul #list3 {
	width: 176px;
	background:url(../images/logo-blue.gif);
	border-top:#d1dded solid 1px;
	;
			}
			
			
			#nav ul #list li, #nav ul #list2 li, #nav ul #list3 li {
	float: left;
	width: 176px;
	overflow: hidden;
     		}
			
#nav ul li ul li{
	background:url(images/logo-blue.gif);
	padding:0px;
}
		
/*drop down navigation~~~~~~~~*/
/*       &                    */
/*main navigation~~~~~~~~~~~~~*/

		/*all list blocks*/
		#nav li {
			float: left;
			margin-right: 1px;
		}

		#list li {
			float: none;
			margin-right: 1px;
		}

		/*all link colors / 'block' helps assist mouse to grab the link*/
		#nav li a {
			display: block;
			overflow: hidden;
		}