/*
 ____________________________________________________________
|                                                            |
|    DESIGN : Adrienne Raymond    							 |
|      DATE : 2009.02.20                                     |
| COPYRIGHT : 2009 Urban Divers     				 		 |
|     EMAIL : urbandivers@urbandivers.org   			 	 |          
|____________________________________________________________|

*/

/*
Site Colors
	#274487 = dk blue
	#2a6599 = dk aqua blue
	#85b7ba = sea foam green
	#362945 = dk purple	
	#271d31 = dk purple/black
	#c6e39f = lt sea green
	#517920 = seaweed green	
*/

/***** Common Formatting *****/
html, body {margin: 0; padding: 0; min-height:100%; margin-bottom:1px;}

body {
margin:0;
padding:0;
font-size:1em;
font-family:Arial, helvetica, sans-serif;
background-color:#27448f;
color:#000;
}

.wrapper {
width:1000px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
}

.header {
width:1000px;
height:245px;
}

.subheaderleft {
width:150px;
height:245px;
float:left;
background-color:#ddebbf;
}

.subheaderleft img {
padding-top:15px;
}

.subheaderleft a img {
border:none;
text-decoration:none;
}

.subheaderleft a:hover img {
border:none;
text-decoration:none;
}


.subheaderleft h2 {
text-align:center;
padding-top:75px;
}

.subheaderright {
width:850px;
float:right;
height:245px;
background-color:#2a6599;
background-image:url(../images/UDEC_header.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}


.subheaderright p#slogan {
text-align:center;
font-size:1.1em;
color:#85b7ba;
font-family:"times new roman", serif;
margin:0;
padding:0;
}

.subheaderright p#udectag {
text-align:center;
font-size:.9em;
color:#fff;
font-family:"times new roman", serif;
font-style:italic;
margin:0;
padding-top:120px;
}

.navbar {
width:1000px;
height:50px;
background-color:#362945;
}

#tabs {
	padding-top:5px;
	padding-bottom:5px;	
}

#tabs .tab1L {
	margin-right:20px;	
}

#tabs .tab2L {
	margin-right:20px;	
}

#tabs .tab3L {
	margin-right:20px;	
}

#tabs .tab4L {
	margin-right:20px;	
}

#tabs .tab5L {
	margin-right:20px;
}

#tabs .tab6L {
	
}

#tabs .tab1L, .tab2L, .tab3L, .tab4L, .tab5L, .tab6L {
float:left;
height:40px;
width:150px;
text-align:center;
background-image:url(../images/tabs/tab_a.jpg);
background-repeat:no-repeat;
}

.tab1L p, .tab2L p, .tab3L p, .tab4L p, .tab5L p, .tab6L p {
font-size:.8em;
font-weight:bold;
padding-top:15px;
margin-top:0px;
}


#tabs .tab1L a, .tab2L a, .tab3L a, .tab4L a, .tab5L a, .tab6L a {
color:#271d31;
text-decoration:none;
}

#tabs .tab1L a:hover, .tab2L a:hover, .tab3L a:hover, .tab4L a:hover, .tab5L a:hover, .tab6L a:hover {
color:#2a6599;
text-decoration:none;
}

.maincontainer {
width:1000px;
background-color:#2a6599;
height:auto;
overflow:hidden;
}

.sidebarleft {
width:150px;
float:left;
background-color:#2a6599;
height:auto;
position:relative;
}

.sidelink1 {
	width:150px;
	height:auto;
	border-bottom:5px solid #85b7ba;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
}

.sidelink2 {
	width:150px;
	height:auto;
	border-bottom:5px solid #85b7ba;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
}

.sidelink3 {
	width:150px;
	height:auto;
	border-bottom:5px solid #85b7ba;
	text-align:center;
	padding-bottom:10px;
}

.sidelink3 p {
padding:0;
margin:0px;
}

#sidelink3_text {
color:#85b7ba;
padding-top:5px;
}

.sidelink3 img {
padding-top:10px;
margin:0;

}

.sidelink4 {
	width:150px;
	height:auto;
	border-bottom:5px solid #85b7ba;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

.sidelink5 {
	width:150px;
	height:100px;	
	text-align:center;
	background-image:url(../images/sidebar2.jpg);
	background-repeat:no-repeat;
	border-top:1px solid #fff;
	border-bottom:5px solid #85b7ba;
}

.sidelink6 {
	width:150px;
	height:auto;	
	text-align:center;
	padding-top:10px;	
}

.sidelink1 p, .sidelink2 p, .sidelink3 p, .sidelink4 p, .sidelink5 p, .sidelink6 p {
	font-size:.8em;	
	font-weight:bold;
	padding-right:5px;
	padding-left:5px;
}

.sidelink1 p a, .sidelink2 p a, .sidelink3 p a, .sidelink4 p a, .sidelink6 p a {	
	color:#85b7ba;
	text-decoration:none;
}

.sidelink5 p a {	
	color:#362945;
	text-decoration:none;
}

.sidelink1 p a:hover, .sidelink2 p a:hover, .sidelink3 p a:hover, .sidelink4 p a:hover, .sidelink6 p a:hover {	
	color:#fff;
	text-decoration:none;
}

.sidelink5 p a:hover {	
	color:#2a6599;
	text-decoration:none;
}

.mainrightwrapper {
width:850px;
float:right;
background-color:#85b7ba;
background-image:url(../images/maintop.jpg);
background-repeat:no-repeat;
}

.mainright {
width:850px;
min-height:600px; /* change to auto as content grows */
height:auto;
padding-top:15px;
overflow:auto;
}

.mainright h1 {
	text-align:center;
	color:#27448f;
	padding-left:0px;
	margin-top:0px;
}

.mainright h2 {
	text-align:center;
	color:#c6e39f;
	padding:0px;
	margin-top:0px;
}

.mainright h3 {
	clear:both;
	text-align:center;
	color:#362945;
	margin-top:0px;
}
h3 a {
	color:#c6e39f;
}
h3 a:hover {
	color:#fff;
}
.mainright h4 {
	clear:both;	
	color:#27448f;
	margin-top:0px;
	padding-left:15px;		
}
h4 a {
	color:#c6e39f;
}
h4 a:hover {
	color:#fff;
}
.mainright .photogalleries {
width:850px;
height:300px;
padding-top:15px;
padding-bottom:15px;
}

.box1 {
	float:left;
	height:250px;
	width:250px;
	background-color:#c6e39f;
	text-align:center;
	font-size:.8em;
	font-style:italic;
	line-height:2em;
	margin:0 15px 0 20px;
	padding-top:0px;
	border:5px solid #c6e39f;	
}

.box2 {
	float:left;
	height:250px;
	width:250px;
	background-color:#c6e39f;
	text-align:center;
	font-size:.8em;
	font-style:italic;
	line-height:2em;
	margin:0 15px 0 0px;
	padding-top:0px;
	border:5px solid #c6e39f;		
}

.box3 {
	float:left;
	height:250px;
	width:250px;
	text-align:center;
	font-size:.8em;
	font-style:italic;
	line-height:2em;
	background-color:#c6e39f;
	margin:0 5px 0 0px;
	padding-top:0px;
	border:5px solid #c6e39f;	
}


/* index page style */
.mainright #ss {
	float:left;
	height:250px;
	width:250px;
	background-color:#c6e39f;
	text-align:center;
	font-size:.8em;
	font-style:italic;
	line-height:2em;
	margin:0 15px 0 20px;
	padding-top:0px;
	border:5px solid #c6e39f;	
}

.mainright #ss2 {
	float:left;
	height:250px;
	width:250px;
	background-color:#c6e39f;
	text-align:center;
	font-size:.8em;
	font-style:italic;
	line-height:2em;
	margin:0 15px 0 0px;
	padding-top:0px;
	border:5px solid #c6e39f;		
}

.mainright #ss3 {
	float:left;
	height:250px;
	width:250px;
	text-align:center;
	font-size:.8em;
	font-style:italic;
	line-height:2em;
	background-color:#c6e39f;
	margin:0 5px 0 0px;
	padding-top:0px;
	border:5px solid #c6e39f;	
}

span#cap {
font-size:.7em;
}

.mainright p {
	padding:0 15px 5px 10px;
	color:#362945;
	text-align:justify;
	line-height:1.3em;
	margin-top:0px;
}

.mainright p a {
	color:#c6e39f;
	text-decoration:underline;
}

.mainright p a:hover {
	color:#fff;
	text-decoration:none;	
}

.mainrighttext {
margin-top:350px;
}

/* events page styling */
.eventimgsmap {
	float:left;
	width:280px;
	text-align:center;
	padding-bottom:20px;
}

.eventdates {
	float:right;
	width:550px;
	margin-right:10px;
}

.eventdates h3 {
border-top:1px dashed #c6e39f;
color:#c6e39f;
text-align:left;
font-size:1.1em;
margin:0px;
padding:0px;
line-height:1.1em;
}

.eventdates p {
text-align:left;
font-size:.8em;
font-style:italic;
padding:0px;
margin:0px;
color:#274487;
}

.eventimgsmap #ss4 {
	height:250px;
	width:250px;
	background-color:#c6e39f;
	margin:0px auto;
	border:5px solid #c6e39f;
}

.eventimgsmap #ss5 {
	height:250px;
	width:250px;	
	background-color:#c6e39f;
	margin:5px auto;	
	border:5px solid #c6e39f;
}

/* contact page */
p.contact {
width:500px;
margin:5px auto;
text-align:center;
line-height:1.8em;	
}

span.bold {
font-weight:bold;
font-size:.9em;
}

/* sbrooklyn page */
#army {
	font-size:1.1em;
	margin:0px;
	padding-bottom:20px;
}
.photogalleries #sb1 {
	float:left;
	height:250px;
	width:250px;
	background-color:#c6e39f;
	text-align:center;
	font-size:.8em;
	font-style:italic;
	line-height:2em;
	margin:0 15px 0 20px;
	padding-top:0px;
	border:5px solid #c6e39f;	
}
.photogalleries #sb2 {
	float:left;
	height:250px;
	width:250px;
	background-color:#c6e39f;
	text-align:center;
	font-size:.8em;
	font-style:italic;
	line-height:2em;
	margin:0 15px 0 0px;
	padding-top:0px;
	border:5px solid #c6e39f;		
}
.photogalleries #sb3 {
	float:left;
	height:250px;
	width:250px;
	text-align:center;
	font-size:.8em;
	font-style:italic;
	line-height:2em;
	background-color:#c6e39f;
	margin:0 5px 0 0px;
	padding-top:0px;
	border:5px solid #c6e39f;	
}
.gowanusHeader {
width:800px;
margin:auto;
padding-bottom:20px;
overflow:hidden;
}

.imgleft {
	width:350px;
	float:left;
}

.gowanusHeader p {
	width:425px;
	float:right;
	padding-right:10px;
	padding-bottom:10px;
	margin:0px;
	font-style:italic;
}
.gowanusHeader2 {
width:800px;
margin:auto;
padding-bottom:20px;
overflow:auto;
}

.imgleft2 {
	width:350px;
	float:left;
	padding-right:15px;	
}

.gowanusHeader2 p {	
	padding-right:0px;
	padding-bottom:0px;
	margin-left:-10px;
	line-height:1.4em;
}

.imgright {
	width:350px;
	float:right;
	padding:15px 40px 0 0;
}
.imgright2 {
	width:350px;
	float:right;	
}
.gowanus2 {
width:800px;
margin:auto;
padding-bottom:15px;
overflow:auto;
}
.glead1 {
	font-size:1.2em;
	font-weight:bold;
}
.other {
	font-size:1em;	
	font-weight:bold;
	font-style:italic;
}
.gowanus2 p {
	width:425px;
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	margin:0px;	
	line-height:1.6em;
}

#emaillist {
	font-size:1.4em;
	text-align:center;
}
.gowanusimgset1 {
width:800px;
margin:auto;
padding-bottom:5px;
padding-top:20px;
overflow:auto;
text-align:center;
}
.gowanusimgset1 img {
	padding-right:20px;	
}

/* environmedia page */
#ebus {
	text-align:center;
	height:auto;
}
#ebus img {
	border:2px solid #27448f;
}
.photogalleries #se1 {
	float:left;
	height:250px;
	width:250px;
	background-color:#c6e39f;
	text-align:center;
	font-size:.8em;
	font-style:italic;
	line-height:2em;
	margin:0 15px 0 20px;
	padding-top:0px;
	border:5px solid #c6e39f;	
}
.photogalleries #se2 {
	float:left;
	height:250px;
	width:250px;
	background-color:#c6e39f;
	text-align:center;
	font-size:.8em;
	font-style:italic;
	line-height:2em;
	margin:0 15px 0 0px;
	padding-top:0px;
	border:5px solid #c6e39f;		
}
.photogalleries #se3 {
	float:left;
	height:250px;
	width:250px;
	text-align:center;
	font-size:.8em;
	font-style:italic;
	line-height:2em;
	background-color:#c6e39f;
	margin:0 5px 0 0px;
	padding-top:0px;
	border:5px solid #c6e39f;	
}
.environmedlist {
	padding:0;
	margin-left:10px;
	margin-top:-20px;	
}
.environmedlist li {
	font-size:.9em;
	font-weight:bold;
	padding:10px 5px 0 5px;
	color:#362945;
}
.enviroleftandright {	
	overflow:auto;
	height:auto;
	padding:5px 30px;	
}
.environleft {
	width:370px;
	float:left;
	height:180px;
	overflow:auto;
	border:4px solid #2a6599;
		
}
.environleft p {
	text-align:center;
	font-size:1.1em;
	padding:5px;
	margin:0;
}
.environleft h4 {
	text-align:center;
	padding:10px 0 0 0;
	margin:0;
}
.environright {
	width:370px;
	float:right;
	height:180px;
	overflow:auto;
	border:4px solid #2a6599;		
}
.environright p {
	text-align:center;
	font-size:1.1em;
	padding:5px;
	margin:0;
}
.environright h4 {
	text-align:center;
	padding:10px 0 0 0;
	margin:0;
}
.environote {
	width:600px;
	margin:10px auto;
	text-align:center;
	font-size:.8em;	
}
.enviromembers {
	width:600px;
	margin:10px auto;	
	padding:20px 0;
}
.enviromembers p {
	text-align:center;
	padding:0;
	margin-top:-10px;
}
.enviromembers p span{	
	font-size:1.2em;
	color:#274487;
}
.env_imgs_text {
	height:auto;
	overflow:auto;	
	padding:0 0 20px 0;	
}
.env_imgs_text p {
	padding:0;
	margin:0;
	text-align:center;
}
.env_imgs_text p img {
	padding:5px 15px;
}
#download {
	padding:5px 0 0 0;
	font-size:.9em;
	font-style:italic;
	font-weight:bold;
}
/* harlem river page */
.mainright p#harlemtext1 {
width:600px;
margin:0 auto;
font-style:italic;
font-size:.85em;
padding:0;
}
.photogalleries #sh1 {
	float:left;
	height:250px;
	width:250px;
	background-color:#c6e39f;
	text-align:center;
	font-size:.8em;
	font-style:italic;
	line-height:2em;
	margin:0 15px 0 20px;
	padding-top:0px;
	border:5px solid #c6e39f;	
}
.photogalleries #sh2 {
	float:left;
	height:250px;
	width:250px;
	background-color:#c6e39f;
	text-align:center;
	font-size:.8em;
	font-style:italic;
	line-height:2em;
	margin:0 15px 0 0px;
	padding-top:0px;
	border:5px solid #c6e39f;		
}
.photogalleries #sh3 {
	float:left;
	height:250px;
	width:250px;
	text-align:center;
	font-size:.8em;
	font-style:italic;
	line-height:2em;
	background-color:#c6e39f;
	margin:0 5px 0 0px;
	padding-top:0px;
	border:5px solid #c6e39f;	
}

.mainright p#harlemtext2 {
width:700px;
margin:10px auto;
font-size:.9em;
padding:0;
}

.mainright p#harlemtext3 {
width:500px;
margin:10px auto;
font-style:italic;
font-size:.85em;
padding:0;
}

.mainright p#harlemtext4 {
width:500px;
margin:10px auto;
font-style:italic;
font-size:.85em;
padding:0px;
}

/* archive page */
.mainright p#archivetext {
width:500px;
margin:0px auto;
text-align:center;
padding:0px;
line-height:1.6em;
font-size:.85em;
}

.mainright p#archivetext a {
color:#2a6599;
}

.mainright p#archivetext a:hover {
color:#fff;
}

/* ... page */

ul {
padding-bottom:200px;	
}

ul li {
	font-size:1.2em;
	line-height:1.6em;
	font-style:italic;	
	padding-left:20px;
	list-style-type: none;	
}

ul li a {
	color:#c6e39f;
	text-decoration:underline;
}

ul li a:hover {
	color:#fff;
	text-decoration:none;	
}

.footer {
padding-top:10px;
width:1000px;
height:60px;
background-color:#271d31;
}

#footertext p#bottomnav {
font-size:.85em;
color:#c6e39f;
font-weight:bold;
text-align:center;
padding-top:0px;
margin-top:0px;
}

#footertext p#bottomnav a {
color:#c6e39f;
text-decoration:none;
}

#footertext p#bottomnav a:hover {
color:#fff;
text-decoration:none;
}

#footertext p#copy {
font-size:.65em;
color:#c6e39f;
float:left;
padding-left:10px;
padding-top:0px;
}

#footertext p#site {
font-size:.7em;
color:#c6e39f;
float:right;
padding-right:10px;
padding-top:0px;
}

#footertext p#site a {
color:#c6e39f;
text-decoration:underline;
}

#footertext p#site a:hover {
color:#fff;
text-decoration:none;
}
#udCalEvents a {
	color:#27448f;
	text-decoration:underline;
}
#udCalEvents a:hover {
	color:#fff;
	text-decoration:none;
}