* {
	margin: 0;
	padding: 0;
	}
	
a {outline:none;}	
	
body {
	background-color:#000; 
	font-family: verdana, Helvetica, sans-serif; 
	color: #8a8d93;
	font-size:18px;
	}
	
#wrapper {
	    width:820px;
	    margin-right:auto;
	    margin-left:auto;
	   /* background-image:url(../images/body-black.gif); */
	    
         }
		  
#head {
       	width:800px;
	    margin-right:auto;
	    margin-left:auto;
	   }



#nav {
		width: 800px;
		margin-left: auto;
		margin-right: auto;
		background-color: #000;
       }

#nav ul {list-style-type:none;}

#nav li {
	float:left;
	list-style-type: none;
	}
	
		
#info {
	width:820px;
    margin-right:auto;
	margin-left:auto;
	   }
	   
#right {
	width:270px;
	float:right;
	padding-right: 50px;
    }

#right a {font-weight:bold; font-size:1.1em;}	
#right a:hover {color:#0fc;}

/* LEFT section styles */
#left {
	position:relative;
	width:470px;
	height:auto;
	float:left;
	margin-top:-50px;
	clear: right;
	z-index:1;
    }
	
#left img {border:1px thin #000; -moz-outline-style:none; padding-top:10px;}



#left .moveR img {padding-left:50px; }
/* end LEFT section Styles */

  /* styling for BOTTOM-thumbs-style gallery */
#left1 {
	position:relative;
	width:470px;
	height:900px;
	float:left;
	margin-top:-50px;
	clear: right;
	z-index:15;
    }
	
#left1 img {border:1px thin #000; -moz-outline-style:none;}

#left1 .moveR img {padding-left:95px; }

#left1 .thumbs {
	position:absolute;
	left:0px;
	bottom:-21px;
	margin-top:150px;
	margin-left: 10px;
    }
	

  /* below is styling for BOTTOM-thumbs-style for 'current' gallery */
#left2 {
	position:relative;
	width:470px;
	height:750px;
	float:left;
	margin-top:-50px;
	clear: right;
	z-index:15;
    }
	
#left2 img {border:1px thin #000; -moz-outline-style:none;}

#left2 .moveR img {padding-left:95px; }

#left2 .thumbs {
	position:absolute;
	left:0px;
	bottom:-21px;
	margin-top:150px;
	margin-left: 10px;
    }
	
#left2 .thumbs {
	position:absolute;
	left:0px;
	bottom:-21px;
	margin-top:100px;
	margin-left: 10px;
    }	

/* the active picture caption settings */
#left2 a.gallery:hover span {display:block; position:absolute; width:402px; height:75px; top:-45px; left:5px; padding:3px; font-style:italic; color:#8E3E27; font-size:0.9em;  z-index:100; -moz-outline-style:none;}
#left2 a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#5B7484; -moz-outline-style:none;}
#left2 a.gallery:active, #left2 a.gallery:focus {border:1px solid #000; -moz-outline-style:none; border-style:} /* border has to be here to keep images from 'jumping' */
#left2 a.gallery:active em, #left2 a.gallery:focus em {display:block; -moz-outline-style:none; position:absolute; width:400px; height:420px; top:-450px; left:15px; padding:5px; color:#996600; border:1px solid #000; z-index:50;}
#left2 h2 {clear:both; margin:0; padding-top:80px; text-align:center; font-family:"Trebuchet MS"; /* font-family:Georgia, "Times New Roman", Times, serif; */ font-size:1.5em; font-weight:normal; font-variant:small-caps; color:#8f281b;}
#left2 h2 em {font-size:0.6em; color:#666666; font-variant:normal;}

*/ ** end current gallery settings ** */
	
/* end BOTTOM-thumbs-style gallery */

/* Projects page image styles */
#projectImages {
	    width: 460px;
		margin-left: auto;
		margin-right: auto;
		background-color: #000;
		position:relative;
		}
		
#projectImages li {list-style-type: none; float:right; clear:both; padding-right:100px;}
/* end Projects page styles */
	
/* the active picture caption settings */
#left1 a.gallery:hover span {display:block; position:absolute; width:402px; height:75px; top:-45px; left:5px; padding:3px; font-style:italic; color:#8E3E27; font-size:0.9em;  z-index:100; -moz-outline-style:none;}
#left1 a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#5B7484; -moz-outline-style:none;}
#left1 a.gallery:active, #left1 a.gallery:focus {border:1px solid #000; -moz-outline-style:none; border-style:} /* border has to be here to keep images from 'jumping' */
#left1 a.gallery:active em, #left1 a.gallery:focus em {display:block; -moz-outline-style:none; position:absolute; width:400px; height:420px; top:-450px; left:15px; padding:5px; color:#996600; border:1px solid #000; z-index:50;}
#left1 h2 {clear:both; margin:0; padding-top:80px; text-align:center; font-family:"Trebuchet MS"; /* font-family:Georgia, "Times New Roman", Times, serif; */ font-size:1.5em; font-weight:normal; font-variant:small-caps; color:#8f281b;}
#left1 h2 em {font-size:0.6em; color:#666666; font-variant:normal;}

/* needed for IE to make :active state work first time */
a, a:visited {color:#080;} 

/* common styling for gallery */
a.gallery, a.gallery:visited {display:block; -moz-outline-style:none; display:inline-block; color:#960; text-decoration:none; border:1px solid #000; width:100px; height:94px; float:left; margin:4px; z-index:50;}  /* DO NOT REMOVE BORDER OR THUMBS WILL "JUMP" */

/*  below is the 'past images' gallery ********************* */
a.slidea {background-image:url(../images/thumbs/virgInn-th.jpg);}
a.slideb {background-image:url(../images/thumbs/5spot-th.jpg);}
a.slidec {background-image:url(../images/thumbs/UPS-th.jpg);}
a.slided {background-image:url(../images/thumbs/sunDay-th.jpg);}
a.slidee {background-image:url(../images/thumbs/2ndAve-th.jpg);}
a.slidef {background-image:url(../images/thumbs/darkBus-th.jpg);}
a.slideg {background-image:url(../images/thumbs/boatHouseView-th.jpg);}
a.slideh {background-image:url(../images/thumbs/overPass-th.jpg);}
a.slidei {background-image:url(../images/thumbs/cityScape-th.jpg);}
a.slidej {background-image:url(../images/thumbs/ele-th.jpg);}
a.slidek {background-image:url(../images/thumbs/market-th.jpg);}
a.slidel {background-image:url(../images/thumbs/horizStreet-th.jpg);}
a.slidem {background-image:url(../images/thumbs/marketSketch-th.jpg);}
a.sliden {background-image:url(../images/thumbs/oldTownSketch-th.jpg);}
a.slideo {background-image:url(../images/thumbs/overpassSketch-th.jpg);}
a.slidep {background-image:url(../images/thumbs/winterSketch-th.jpg);}
/* *************** above are 'past images' gallery ************* */

/* **********below is the 'current images' gallery ************ */
a.slideq {background-image:url(../imagesCurrent/thumbsCurrent/current_thmb_1.jpg);}
a.slider {background-image:url(../imagesCurrent/thumbsCurrent/current_thmb_2.jpg);}
a.slides {background-image:url(../imagesCurrent/thumbsCurrent/current_thmb_3.jpg);}
a.slidet {background-image:url(../imagesCurrent/thumbsCurrent/current_thmb_4.jpg);}
a.slideu {background-image:url(../imagesCurrent/thumbsCurrent/current_thmb_5.jpg);}
a.slidev {background-image:url(../imagesCurrent/thumbsCurrent/current_thmb_6.jpg);}
a.slidew {background-image:url(../imagesCurrent/thumbsCurrent/current_thmb_7.jpg);}
a.slidex {background-image:url(../imagesCurrent/thumbsCurrent/current_thmb_8.jpg);}
a.slide0 {background-image:url(../imagesCurrent/thumbsCurrent/current_thmb_0.jpg);}
a.slidey {background-image:url(../imagesCurrent/thumbsCurrent/current_thmb_9.jpg);}
a.slidez {background-image:url(../imagesCurrent/thumbsCurrent/current_thmb_10.jpg);}
/* ***************above are 'current images' gallery ************* */

a.gallery em, a.gallery span {display:none; -moz-outline-style:none;}
a.gallery:hover {border:1px solid #141f22; -moz-outline-style:none;} /* DO NOT REMOVE THIS BORDER OR THUMBS WILL "JUMP"!! */
/* end GALLERY styling */
  
/* footer styles */
#foot {
    position:relative;
	width:800px;
	margin-top:-20px;
	margin-right:auto;
	margin-bottom:5px;
	margin-left:auto;
	font-size: 0.8em;
	z-index:1;
    }
/* end footer styles */

#copyright {
            position:relative;
			width:800px;
			margin-top:-125px;
			text-align:center;
			margin-right:auto;
			margin-left:auto;
			font-size: .7em;
			font-sp
			font-variant:small-caps;
			padding-bottom:10px;
			z-index:10;
			}
   
div#copyright p  {
			   text-align:center;  
			   font-size:1em; 
			   font-variant:small-caps;
			   margin:0;
			   padding:0;
			   letter-spacing:.1em;
			   }
			   
div#copyright a {
				font-size:.9em;
				font-weight: bold;
				color:#40647C;
				text-decoration:none;
				}
					
div#copyright a:hover {font-size:.9em; color:#83b3cf;}
/* end copyright div styles */

/* The following are misc. classes & style modifications for general use */

.clear {clear:both;}

h1#title {position:absolute; top:15px; left:0; width:250px; height:50px; padding:0; margin:0;}
/* start hide \*/
h1#title {overflow:hidden;}
/* end hide */
h1#title em {display:block; width:250px; height:50px; background:url(*); position:absolute; top:0px; left:31px;}

h2 {
	color:#8f281b;
	text-align:center;
	font-weight:bolder;
	font-family: "Trebuchet MS";
	font-size:16px;
	letter-spacing:0.3em;
	margin:0 0 10px 0;
	padding-top:5px;
	font-variant: small-caps;
}
h2.shrink {
	color:#8f281b;
	text-align:center;
	font-weight:bold;
	font-family: "Trebuchet MS";
	font-size:1.1em;
	letter-spacing:0.1em;
	margin:0 0 10px 0;
	padding-top:5px;
	font-variant: small-caps;
}

h2 span {line-height:1.5em; font-size:1em;}
h3 {font-size:.9em;}
h2.line {border-top:1px solid #aaa;}
/* start hide \*/
h2.line {margin:0 -10px 10px -10px;}
/* end hide */
h2.clear {clear:both; border-top:1px solid #aaa;}
p {font-size:14px; text-align:justify; line-height:2em; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:0; padding-bottom:15px;}
.highlight {color:#996600; font-family: verdana, arial, sans-serif; width:220px; padding:20px 4px 20px 4px; border:1px solid #ffad5b; background:#eee;}
.clearboth {clear:both;}
#seek {margin-bottom:5px;}
p.strike {text-decoration:line-through;}
.hiddenfromview {display:none;}
.side {text-align:center;}
blockquote {background:#797C82 url(cite.gif) no-repeat 0 0; margin:0; padding-left:30px;}
.center {text-align:center;}
em {font-variant:small-caps; font-size:14px; -moz-outline-style:none;}
a:hover h2 {color:#CC3300;}

/* popup styling */ 

#popup {
         width:600px; 
		 margin:auto;
		 }
#popup h3{
     font-size:25px;
	 color:red;
	 font-variant:small-caps;
	 font-weight:bold;
	 }
#popup p {
          font-size:20px;
		  color:white;
		  font-weight:bolder;
		  }
	 
	 /* end popup styles */
	 


/* CALENDAR STYLING */

#calendar
		{
		width: 450px;
		margin-right:auto;
		margin-left:auto;
		line-height:18px;
		}
		
		#navsub 
		{
		width:240px;
		margin-right:auto;
		margin-left:auto;
		height: 20px;
		padding-bottom:25px;
		
		text-align:center;
		}
		
		#navsub ul
		{
		list-style-type:none;
		margin-right:auto;
		margin-left:auto;
		}
		
		#navsub li
		{
		float:left;
		padding: 2px 10px;
		text-align:center;
		font-variant:small-caps;
		font-weight:bold;
		}
		
		div#navsub a, a:visited {color:#40647c;}
		div#navsub a:hover {color:#83b3cf;}
		
        #calendar table
		{
		margin:right:auto;
		margin:left:auto;
		}

		#calendar table, td, a, span, p
		{
		color: #797C82;
		font-family: verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		text-decoration:none;

		}
		
		hr
		{
		color: #E07431;
		height: 1px;
		}

        td.event
		{
		font-weight:bold;
		font-size:9pt;
				}

		td.span
		{
		font-weight: normal;
		}
				
		div.detail
		{
		width: 300px;
		margin-left: 2px;
		margin-bottom: 5px;
		padding:2px;
		font-weight:normal;
		font-size: 8pt;
		}

		#calendar a
		{
		color: #40647c;
		text-decoration: none;
		outline:none;
		}

		#calendar a:hover
		{
		color: #83b3cf;
		}

		div.debug
		{
		background-color: #778899;
		color: #000000;
		padding:2px;
		border: 1px solid black;
		font-size:8pt;
		}

		iframe
		{
		border:solid 1px black;
		}

		input
		{
		border: 1px solid black;
		}
/* end CALENDAR styling */