/* CSS Document */

body{
	background:#56310C;
	margin: 20px 0 0 0;
	padding-bottom:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D0E475;
	font-size:17px;
	font-style:normal;
	}
	
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC33;
	font-size:17px;
	font-style:normal;
	line-height:60px;
	margin-bottom:10px;
	}
	
h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC33;
	font-size:14px;
	margin-bottom:20px;
	}
	
h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FCE2B6;
	font-size:12px;
	font-style:normal;
	margin-bottom:25px;
	}
	
h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FCE2B6;
	font-size:13px;
	font-style: normal;
	line-height:3px;
	}
	

	
	
p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FCE2B6;
	font-size:11px;
	
	} 
	
ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FCE2B6;
	font-size:11px;
		
	}
	
	
a:link{
	color: #FCE2B6;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	}
	
	
a:visited{
	color: #FCE2B6;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	}
	
a:hover{
	color: #FFCC33;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal
	}
	







#maincontainer{
	background-image:url(img/background.gif);
	position: relative;
	margin: 0 auto;
	width:740px;
	margin-top:20px;
	z-index:2;
	border:solid;
	border-width:4px;
	border-color:#FF0000;
	
	}
	
#mainnav {
	float: left;
	position: relative;
	z-index: 2;
	padding-left:40px;
	
	}
	

#navlist li
{
	display: inline;
	list-style-type: none;
	list-style:square;
	padding-right: 32px;
	
}	

#numbers li
{
	display: inline;
	list-style-type: none;
	list-style:square;
	padding-right: 20px;
	text-decoration:underline;
	padding-top:40px;
	}

#leftnav{	
	position: relative;
	padding-left:40px;
	padding-top:50px;
	color:#AADDE4;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:40px;
	font-style:normal;
	text-align:left;
	
	}

#leftnav a {
	display: block;
	color: #AADDE4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	text-decoration: none;
	text-align:left;
	vertical-align:top;
}

#leftnav a:hover {
	color:#FFCC33;
	text-decoration: none;
	
}

#leftnav a.on {
	display: block;
	color: #FFCC33;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	text-align:left;
}

#leftnav a.on:hover {
	display: block;
	color:#FFCC33;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	text-align:left;
}


#button{	
	position: relative;
	color:#AADDE4;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	border:solid; 
	border-width:1px; 
	border-color:#56310C;
	padding:5px;
	width:120px;
	
	}

#button a {
	display: block;
	color: #AADDE4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	text-decoration: none;
	text-align:left;
	vertical-align:top;
}

#button a:hover {
	color:#FFCC33;
	text-decoration: none;
	
}

#button a.on {
	display: block;
	color: #FFCC33;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	text-align:left;
}

#button a.on:hover {
	display: block;
	color:#FFCC33;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	text-align:left;
	}



#subnav{	
	position: relative;
	color:#56310C;
	padding-right:20px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:17px;
	font-style:normal;
	text-align:left;
	
	}

#subnav a {
	display: block;
	color: #56310C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	text-decoration: none;
	text-align:left;
	vertical-align:top;
}

#subnav a:hover {
	color:#FFCC33;
	text-decoration: none;
	
}

#subnav a.on {
	display: block;
	color: #FFCC33;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	text-align:left;
}

#subnav a.on:hover {
	display: block;
	color:#FFCC33;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	text-align:left;
}




/* The containing box for the gallery. */
#container {position:relative; width:220px; margin:15px 15px 15px 25px;}

/* Removing the list bullets and indentation - add size - and position */
#container ul {width:220px; padding:0;  margin:5px; list-style-type:none; float:left;}

#container li {float:left;}

/* Remove the images and text from sight */
#container a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; }

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {display:block; color: #FFCC00; text-decoration:none; border:2px solid #56310C; margin:2px 4px 2px 4px; text-align:left;}
#container a.slidea {background: url(img/thumbs/ancestral_thumb.jpg); height:80px; width:44px;}
#container a.slideb {background: url(img/thumbs/anomie_thumb.jpg); height:80px; width:44px;}
#container a.slidec {background: url(img/thumbs/blue_thumb.jpg); height:80px; width:44px;}
#container a.slided {background: url(img/thumbs/blue_det_thumb.jpg); height:80px; width:44px;}
#container a.slidee {background: url(img/thumbs/cross_thumb.jpg); height:80px; width:44px;}
#container a.slidef {background: url(img/thumbs/esu_thumb.jpg); height:80px; width:44px;}
#container a.slideg {background: url(img/thumbs/festival_thumb.jpg); height:80px; width:44px;}
#container a.slideh {background: url(img/thumbs/exh7_thumb.jpg); height:80px; width:44px;}
#container a.slidei {background: url(img/thumbs/geico_thumb.jpg); height:80px; width:44px;}
#container a.slidej {background: url(img/thumbs/geico_thumb2.jpg); height:80px; width:44px;}
#container a.slidek {background: url(img/thumbs/skyhigh_thumb.jpg); height:80px; width:44px;}
#container a.slidel {background: url(img/thumbs/hoosya_thumb2.jpg);height:80px; width:44px;}
#container a.slidem {background: url(img/thumbs/just_thumb.jpg);height:80px; width:44px;}
#container a.sliden {background: url(img/thumbs/just_thumb2.jpg);height:80px; width:44px;}
#container a.slideo {background: url(img/thumbs/kwaanza_thumb.jpg);height:80px; width:44px;}
#container a.slidep {background: url(img/thumbs/self_thumb.jpg);height:80px; width:44px;}
#container a.slideq {background: url(img/thumbs/tete_thumb.jpg);height:80px; width:44px;}
#container a.slider {background: url(img/thumbs/third_thumb.jpg);height:80px; width:44px;}
#container a.slides {background: url(img/thumbs/third_thumb2.jpg);height:80px; width:44px;}
#container a.slidet {background: url(img/thumbs/yo_thumb.jpg);height:80px; width:44px;}
#container a.slideu {background: url(img/thumbs/gelede-a_thumb.jpg);height:80px; width:44px;}
#container a.slidev {background: url(img/thumbs/exh_thumb.jpg);height:80px; width:44px;}
#container a.slidew {background: url(img/thumbs/1exh1_thumb.jpg);height:80px; width:44px;}
#container a.slidex {background: url(img/thumbs/1exh3.jpg);height:80px; width:44px;}
#container a.slidey {background: url(img/thumbs/1exh4_thumb.jpg);height:80px; width:44px;}
#container a.slidez {background: url(img/thumbs/exh5_thumb.jpg);height:80px; width:44px;}
#container a.slideaa {background: url(img/thumbs/exh8_thumb.jpg);height:80px; width:44px;}
#container a.slidebb {background: url(img/thumbs/1aalaexh_thumb.jpg);height:80px; width:44px;}
#container a.slidecc {background: url(img/thumbs/1alashow_thumb.jpg);height:80px; width:44px;}
#container a.slidedd {background: url(img/thumbs/exhchoir_thumb.jpg);height:80px; width:44px;}
#container a.slideee {background: url(img/thumbs/1dele1_thumb.jpg);height:80px; width:44px;}
#container a.slideff {background: url(img/thumbs/dele_thumb.jpg);height:80px; width:44px;}
#container a.slidegg {background: url(img/thumbs/1dj_thumb.jpg);height:80px; width:44px;}
#container a.slidehh {background: url(img/thumbs/1ogbechi1_thumb.jpg);height:80px; width:44px;}
#container a.slideii {background: url(img/thumbs/1lagodtaxis_thumb.ai);height:80px; width:44px;}
#container a.slidejj {background: url(img/thumbs/1lagos_thumb.jpg);height:80px; width:44px;}
#container a.slidekk {background: url(img/thumbs/1opc1_thumb.jpg);height:80px; width:44px;}
#container a.slidell {background: url(img/thumbs/1opc2_thumb.jpg);height:80px; width:44px;}
#container a.slidemm {background: url(img/thumbs/1djobi1_thumb.jpg);height:80px; width:44px;}
#container a.slidenn {background: url(img/thumbs/1bloom_thumb.jpg);height:80px; width:44px;}
#container a.slideoo {background: url(img/thumbs/1obi_thumb.jpg);height:80px; width:44px;}
#container a.slidepp {background: url(img/thumbs/1oluamoda_thumb.jpg);height:80px; width:44px;}
#container a.slideqq {background: url(img/thumbs/1okeke_thumb.jpg);height:80px; width:44px;}
#container a.sliderr {background: url(img/thumbs/1ottenberg_thumb.jpg);height:80px; width:44px;}
#container a.slidess {background: url(img/thumbs/1achebe_thumb.jpg);height:80px; width:44px;}
#container a.slidett {background: url(img/thumbs/alabama_thumb.jpg);height:80px; width:44px;}
#container a.slideuu {background: url(img/thumbs/1mrprisups_thumb.jpg);height:80px; width:44px;}
#container a.slidevv {background: url(img/thumbs/1millennienpark_thumb.jpg);height:80px; width:44px;}
#container a.slideww {background: url(img/thumbs/1chicago_city_thumb.jpg);height:80px; width:44px;}
#container a.slidexx {background: url(img/thumbs/1chicago-1_thumb.jpg);height:80px; width:44px;}
#container a.slideyy {background: url(img/thumbs/1skyart_thumb.jpg);height:80px; width:44px;}
#container a.slidezz {background: url(img/thumbs/nattheatr_thumb.jpg);height:80px; width:44px;}
#container a.slideaaa {background: url(img/thumbs/exh2_thumb.jpg);height:80px; width:44px;}
#container a.slidebbb {background: url(img/thumbs/exh6_thumb.jpg);height:80px; width:44px;}
#container a.slideccc {background: url(img/thumbs/cityscape_thumb.jpg);height:80px; width:44px;}
#container a.slideddd {background: url(img/thumbs/1figure1_thumb.jpg);height:80px; width:44px;}
#container a.slideeee {background: url(img/thumbs/1Figure3_thumb.jpg);height:80px; width:44px;}
#container a.slidefff {background: url(img/thumbs/1Figure4b_thumb.jpg);height:80px; width:44px;}
#container a.slideggg {background: url(img/thumbs/transition_thumb.jpg);height:80px; width:44px;}






/* styling the hovers */
#container a.gallery:hover {border:2px solid #FFCC33;}