body {
  background: #9999ff;
  color: black;	
  padding: 0; margin: 0;
  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: Arial, sans-serif;
  font-size: 11px;
}
#menu li {
  display:inline;
}	
#menu li a {
  float: left;
  text-decoration: none;
  text-align: center;
  font-family: Arial, sans-serif;
  width: auto;
  height: 24px;
  padding-top: 10px;
  padding-left: 7px;
  padding-right: 7px;
  border-right: 1px solid #999999;
  font-size: 12px;
  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;
  padding-left: 13px;
  padding-right: 13px;
}  
#menu li.currnt a {
  background: url(images/menu_bg_hover_gray.gif) #ffffff top left repeat-x;
  color:#a6a6a6;
  padding-left: 7px;
  padding-right: 7px;
}  
#menuOther {
  float: left;
  width: 76px;
	height: 508px;
  margin-left: 0px;
	padding: 4px;
  border: 1px solid #cbcbcb;
}
#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: 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: 682px;
	height: 508px;
  margin: 0;
  padding: 4px;
  border: 1px solid #cbcbcb;
}

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

#column1 {
  float: left;
  overflow: hidden;
}
#column1 ul {
  list-style: square;
}
#column1 div {
  float: left;
  border: 1px solid #cbcbcb;
  width: 254px;
  margin-right: 0px;
  margin-bottom: -2800px;
  padding-bottom: 2800px;
  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;
}

#rightImg {
  width: 254px;
  text-align: right;
}

.column2 a:active {
  text-decoration: none;
  font-size: 11px;
  color: #5f2e69;
}

.column2 a:visited {
  text-decoration: none;
  font-size: 11px;
  color: #5f2e69;
}

.column2 a:link {
  text-decoration: none;
  font-size: 11px;
  color: #5f2e69;
}

.column2 a:hover {
   text-decoration: none;
   font-size: 11px;
   color: #FF0000;
}

.imageBlock {
  float: left;
  width: 150px;
  margin-right: 12px;
  border: 1px solid #9999FF;
}

.imageBlockLarge {
  float: left;
  width: 300px;
  margin-left: 24px;
  border: 1px solid #9999FF;
}

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

#thumbnailColumn {
  float: left;
  width: 178px;
  height: 508px;
  border: 1px solid #cbcbcb;
  padding: 8px;
}

#thumbnailColumnBig {
  float: left;
  width: 178px;
  height: 600px;
  border: 1px solid #cbcbcb;
  padding: 8px;
}

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

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


#imageColumn {
  float: left;
  width: 762px;
  height: 508px;
  background: #9999ff;
  border: 1px solid #cbcbcb;
  border-left: 0px;
  padding: 8px;
}

#imageColumnBig {
  float: left;
  width: 762px;
  height: 600px;
  background: #9999ff;
  border: 1px solid #cbcbcb;
  border-left: 0px;
  padding: 8px;
}

#pu {
  clear: left;
  margin-top: 0px;
}

.thumbnailTitle {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 12px;
}

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: 13px;
  font-weight: bold;
}

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

.subTitle {
  margin-right: 6px;
  font-size: 11px;
  color: #FF0000;
}

.subTitle2 {
  margin-right: -2px;
  font-size: 11px;
  color: #FF0000;
}

.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;
}

.red {
	color: #de2e2e;
}

.spacerBlock {
  clear: both;
	width: 300px;
}

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

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

.spacer {
  height: 8px;
}

.spacer4 {
  clear: both;
  height: 4px;
}

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

.spacer16 {
  clear: both;
  height: 16px;
}

.spacer32 {
  clear: both;
  height: 32px;
	border: 1px solid #9999FF;
}


.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: 1px;
  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;
}

h5 {
  margin-top: 2px;
  font-size: 12px;
  text-decoration: underline;
}

.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;
}