html, body {
    height: 100%;
}

body {
    font-family: Georgia, "Times New Roman", Times, serif;
    background: #ccc;
    color: #000;
    text-align: center; /*	 Centers the container */
    margin: 0;
    padding: 0;
}
.spacer{
	width: 20px;
	float: left;
}



img.promo{
	padding-bottom: 10px;
}

A.selected{
	color:#666;
}
.verticalSpacer{
	height: 20px;
}

.contentModule{
	width: 340px;
	background: #FFF;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 0px;
}

.innerContentModule{
	background: #FFF;
	padding-left: 10px;
	padding-top: 10px;
	width: 320px;
}

.profileTitle{
	font-size: 14px;
	padding-left: 36px;
	padding-right: 36px;
	color: #666;
}
.profileCategory{
	font-size: 14px;
	padding-top: 26px;
	padding-left: 36px;
	padding-right: 36px;
	color: #666;
}
.profileHeaderImage{
	padding-left:36px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.profileBody{
	font-size: 11px;
	padding-left: 36px;
	padding-right: 36px;
	color: #999;
	line-height:1.3em;
}
.profileQuote{
	font-style: italic;
	font-size: 11px;
	padding-left: 36px;
	padding-right: 36px;
	color: #999;
}
.profileDesc{
	font-style: italic;
	font-size: 11px;
	padding-top: 8px;
	color: #999;
	padding-left: 36px;
}

.profileDate{
	font-style: italic;
	font-size: 11px;
	padding-top: 8px;
	color: #ccc;
	padding-right: 36px;
}

.navBox{
	width: 340px; 
	height: 300px; 
	background-color:#FFF;
	text-align:left;
	color:#999;
	padding: 0;
	font-size: 11px;
	padding-top: 0px;
}
.navName{
	font-size: 18px;
	padding-top: 26px;
	padding-left: 36px;
	padding-bottom: 0px;
	color:#666;
}
.navBelowName{
	padding-left: 36px;
}
.navContact{
		padding-left: 36px;
}

A {
  text-decoration:underline;
  color:#999;
} 
.navOptions{
	padding-left: 36px;	
	
}

.navOptions ul li{
	padding: 5px 1px 5px 1px;
}

.copyright{
	padding-bottom: 10px;
	padding-left: 36px;
	color:#CCC;
}
.title{
	font-size: 14px;
	color: #666;
	float: left;
}

.description{
	font-style: italic;
	font-size: 11px;
	color: #999;
	padding-top: 8px;
	padding-bottom: 2px;
}

.date{
	font-style: italic;
	font-size: 11px;
	padding-top: 8px;
	color: #ccc;
}
.enlarge{
	margin-top:1px;
	font-size: 11px;
	text-align: right;
	float: right;
	color: #666;
}
.enlargeAnchor{
  text-decoration:underline;
  color:#999;
}

#wrapper {	
    width: 1080px; /* 780px is just wide enough to fill and 800px screen */
    background: #ccc;  
    text-align: left;  
    border: 0px solid #999;
    margin-left: auto ;
    margin-right: auto ;

    
}


	
div.contentModule { /* Containing div must have a position value */
    position:relative;
}
div.contentModule a {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-decoration:none; /* Makes sure the link   doesn't get underlined */
    z-index:10; /* raises anchor tag above everything else in div */
    background-color:white; /*workaround to make clickable in IE */
    opacity: 0; /*workaround to make clickable in IE */
    filter: alpha(opacity=1); /*workaround to make clickable in IE */
}