body {
  background: #9999ff;
  color: black;	
  padding: 0; margin: 0;
  font-size: 100%;
  text-align: center;
}

#wrapper {
  width: 980px;
  margin: 0 auto;
  background-color: #9999ff;
  text-align: left;
}

#topOfPageAnchor {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
}

#masthead {
  background-color: #9999ff;
}

#header {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.8em;
  font-weight: bold;
  letter-spacing: 0.2em; 
  margin-top: 8px;
  margin-bottom: 0px;
}

.header1 {
  margin-left: 0px;
  color: #000000;
}

.header2 {
  margin-left: 10px;
  color: #666666;
}

#menu ul {
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.7em;
}
  
#menu li {
  display:inline;
}	

#menu li a {
  float: left;
  text-decoration: none;
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
  width: 74px;
	height: 34px;
  padding-top: 10px;
  border-right: 1px solid #999999;
  font-size: 1.0em;
  font-weight: bold;
  color: #000000;
}

#menu a:link {
  background: url(images/menu_bg_gray.gif) #ffffff top left repeat-x;
}

#menu li a:visited {
  background: url(images/menu_bg_gray.gif) #ffffff top left repeat-x;
}

#menu li a:hover {
  background: url(images/menu_bg_hover_gray.gif) #ffffff top left repeat-x;
}

#menu li.current a {
  background: url(images/menu_bg_hover_gray.gif) #ffffff top left repeat-x;
  color:#a6a6a6;
}  


#menuOther {
  float: left;
  width: 76px;
  margin-top: 11px;
  margin-left: 0px;
  margin-right: 10px;
}

#menuOther ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
  
#menuOther li a {
  height: 35px;
  padding-top: 14px;
  padding-left: 0px;
  line-height: 1.1em;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: url(images/menu_bg_gray.gif) #9999FF bottom left repeat-x;
  color:#000000;
  text-decoration: none;
  text-align: center;
  display: block;
}

#menuOther li a:link, #menuOther li a:visited {
  background: url(images/menu_bg_gray.gif) #9999FF bottom left repeat-x;
}

#menuOther li a:hover {
  background: url(images/menu_bg_hover_gray.gif) #9999FF bottom left repeat-x;
}

#menuOther li.current a {
  background: url(images/menu_bg_hover_gray.gif) #9999FF bottom left repeat-x;
  color:#a6a6a6;
}  

#imageColumnOther {
  float: left;
  width: 464px;
  margin: 0;
  padding: 0;
  margin-left: 20px;
}

#content {
  background: #9999ff; 
  float: left;
  margin-top: 4px;
  font-family: "Comic Sans MS", sans-serif;
  font-size: 0.875em;
	line-height: 1.125em;
  padding-bottom: 1px;
}

#column1 {
  float: left;
  overflow: hidden;
}

#column1 div {
  float: left;
  border: 1px solid #cbcbcb;
  width: 254px;
  margin-right: 0px;
  margin-bottom: -1500px;
  padding-bottom: 1500px;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 1.5em;
  color: #000000;
  text-align: left;
} 

#column1 .column2 {
  width: 658px;
  margin-right: 0px;
  border-left: 0px;
  padding-top: 10px;
  padding-right: 20px;
  padding-left: 20px;
  background: #9999ff;
	line-height: 1.3em;
  color: #000000;
  text-align: left;
}

.clear { clear: both; padding-top: 10px; }

#thumbnailColumn {
  float: left;
  width: 178px;
	margin-top: 8px;
  margin-right: 1px;
}

div.scroll {
  height: 442px;
  width: 158px;
  overflow: auto;
  border: 1px solid #666;
  background-color: #cccccc;
  margin-top: 10px;
	padding: 8px;
}

#imageColumn {
  float: left;
  width: 564px;
  margin: 0;
  padding: 0;
  margin-left: 20px;
  background: #9999ff;
}

.thumbnailTitle {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  line-height: 1.0em;
}

p.thumbnailTitle {
  font-family: Helvetica, Arial, sans-serif;
  margin:0;
  padding:0;
  margin-top: 3px;
}

.style10 {
  margin-left: 0px;
  line-height: 1.0em;
}

.slideshow {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 9px;
  font-weight: bold;
}

.absBottom {
  vertical-align: text-bottom;
}

.imgTitle {
  height: 42px;
  margin-top: 14px;
  margin-bottom: 12px;
  font-size: 1.0em;
  font-family: Comic Sans MS, Arial, sans-serif;
  color:#0000ff;
}

.prjDesc {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.7em;
  font-weight: bold;
  text-decoration: underline;
  color: #0000ff;
	padding-left: 16px;
}

.separator {
  margin-top: 5px;
  height: 5px;
  width: 760px;
  clear: both;
  background: #9999ff;
}

.separatorInvisible {
  height: 8px;
  clear: both;
}

.spacer {
  height: 8px;
}

.separatorSpace {
  height: 140px;
}



.style11 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: italic;
	text-decoration: none;
}

.style12 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	font-style: italic;
	text-decoration: none;
	line-height: 1.1em;
}

h1 {
  margin-top: 0px;
	margin-bottom: 4px;
  font-size: 1.2em;
  font-family: Helvetica, Arial, sans-serif;
  color:#4d4d4d;
}

h2 {
  margin-top: 10px;
	margin-bottom: 4px;
  font-size: 1.2em;
  font-family: Helvetica, Arial, sans-serif;
  color:#4d4d4d;
}

h3 {
  margin-top: 10px;
  margin-bottom: 12px;
  font-size: 1.0em;
  font-family: Comic Sans MS, Arial, sans-serif;
  color:#0000ff;
}

h4 {
  margin: 0px 0 0 0;
	text-align: right;
  font-size: 1.2em;
  font-family: Helvetica, Arial, sans-serif;
  color:#4d4d4d;
}

.photoTitle {
  font-size: 0.9em;
  font-family: Helvetica, Arial, sans-serif;
  color:#000000;
}

.menuText {
  font-weight: bold;
}

.images {
   margin-left: 65px; 
 }
 
 .contact {
 	line-height: 1.5em;
 }

ul
{
  margin-left: 16px;
  padding-left: 0px;
}

#footer {
  font-size: 0.6em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: #9999ff;
  color: #666666;
}