* {
margin:0;
padding:0;
}

#body {
	font-size:62.5%;
}

#wrapper {
	width:72em;
	max-width:100%;
	margin: 0 auto;
	text-align:left;
	border:1px solid #666;
}

*html #wrapper {
	margin: 0 auto;
	text-align:left;
	border:1px solid #666;
	width:99%;
}

#mainNav {
	width:18em;
	max-width:23%;
	float:left;
	background-color:#fcd2d2;
	
}

*html #mainNav {
	float:left;
	background-color:#fcd2d2;
	width:22%;
}

#section1 #mainNav {background-color:#d2e4fc;}
#section2 #mainNav {background-color:#fcd2d2;}
#section3 #mainNav {background-color:#f9d3fa;}
#section4 #mainNav {background-color:#e2defc;}
#section5 #mainNav {background-color:#fcebb9;}
#section6 #mainNav {background-color:#eefcd2;}
#section7 #mainNav {background-color:#9b72cf;}

#section1 #header {background-color:#d2e4fc;}
#section2 #header {background-color:#fcd2d2;}
#section3 #header {background-color:#f9d3fa;}
#section4 #header {background-color:#e2defc;}
#section5 #header {background-color:#fcebb9;}
#section6 #header {background-color:#eefcd2;}
#section7 #header {background-color:#9b72cf;}

#section1 #footer {background-color:#d2e4fc;}
#section2 #footer {background-color:#fcd2d2;}
#section3 #footer {background-color:#f9d3fa;}
#section4 #footer {background-color:#e2defc;}
#section5 #footer {background-color:#fcebb9;}
#section6 #footer {background-color:#eefcd2;}
#section7 #footer {background-color:#9b72cf;}


#section1 #menuNav a:hover  {border:1px solid #d2e4fc;}
#section2 #menuNav a:hover  {border:1px solid #fcd2d2;}
#section3 #menuNav a:hover  {border:1px solid #f9d3fa;}
#section4 #menuNav a:hover  {border:1px solid #e2defc;}
#section5 #menuNav a:hover  {border:1px solid #fcebb9;}
#section6 #menuNav a:hover  {border:1px solid #eefcd2;}
#section7 #menuNav a:hover  {border:1px solid #9b72cf;font-size:81%;}

#section1 #menuNav a#s1:hover,
#section2 #menuNav a#s2:hover,
#section3 #menuNav a#s3:hover,
#section4 #menuNav a#s4:hover,
#section5 #menuNav a#s5:hover,
#section6 #menuNav a#s6:hover,
#section7 #menuNav a#s7:hover  
{
	border:1px solid #666;
}

#section7 #menuNav a#s2:hover  
{
	font-size:75%;
}

#section7 #menuNav a#s4:hover  
{
	font-size:65%;
}



#content {
	width:52em;
	max-width:75%;
	float:right;
}

#section7 #content{
	width:99%;
	max-width:99%;
	margin-top:2em;
}

*html #section7 #content{
	width:99%;
	padding:0;
	margin:0;
		margin-top:2em;
}

*html #content {
	float:right;
	width:71%;
}


#footer{
	clear:both;
	background-color:#fff;
}



#menuNav {
	margin:5px;
	padding:0;
	list-style-type:none;
}


#menuNav li{
	margin:0.2em;
	background-color:#fff;
}



#menuNav a {
	display:block;
 	width:100%;
	height:2em;
	line-height:2em;
	color:#000;
	text-decoration:none;
	text-indent:2px;
	background-color:#fff;
	border:1px solid #666;
}

#header #menuNav {
float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}


#header #menuNav li{
float:left;
	margin:0 1px;
	background-color:#fff;
}

#header #menuNav a{
float:left;
	display:block;
 	width:136px;
	line-height:2em;
	color:#000;
	text-decoration:none;
	text-indent:2px;
	background-color:#fff;
	border:1px solid #666;
	text-align:center;
}

#header #menuNav a:hover{
float:left;
	text-align:center;
}


#menuNav a:hover {
	border-top:1px dotted #fff;
	border-bottom:1px dotted #fff;
	text-transform:uppercase;
	text-align:center;
	font-family:Georgia, serif;
}

#header #menuNav a:hover{
float:left;
	text-align:center;
}


#section1 #menuNav a#s1, 
#section2 #menuNav a#s2, 
#section3 #menuNav a#s3, 
#section4 #menuNav a#s4, 
#section5 #menuNav a#s5, 
#section6 #menuNav a#s6, 
#section7 #menuNav a#s7
{
	cursor:default;
	background-color:#666;
	color:#fff;
	text-align:center;
	font-family:Georgia, serif;
	font-size:80%;
	text-transform:uppercase;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	font-size:100%;
}

#menuNav a#s1:hover {
	background-color:#d2e4fc;
}
#menuNav a#s2:hover {
	background-color:#fcd2d2;
}
#menuNav a#s3:hover {
	background-color:#f9d3fa;
}
#menuNav a#s4:hover {
	background-color:#e2defc;
}
#menuNav a#s5:hover {
	background-color:#fcebb9;
}
#menuNav a#s6:hover {
	background-color:#eefcd2;
}
#menuNav a#s7:hover {
	background-color:#9b72cf;
}



#header {
background-color:#fff;
}

#header h1 {
padding-left:0.5em;
}

#header p {
text-align:right;
text-transform:uppercase;
font-family:Georgia, serif;
font-size:90%;
font-style:italic;
padding-right:6px;
}

.month {
	border: 1px dotted #666;
	margin: 1em 0.5em;
	padding: 0.5em;
	float:left;
	clear:both;
	width:96%;
}

.month dt {
	text-align:right;
	text-transform: uppercase;
	background-color:#eaeaea;
	padding:0.2em;
}

.month dd.images {
	float:left;
	padding:0.4em;
}





.month dd.text {
	margin-left:210px;
}

.month dd.text p{
	line-height:1.8em;
	margin-top:1em;
	font-family:Garamond, serif;
	font-size:1.6em;
}

.month dd.text a{
	font-weight:bold;
	text-decoration:none;
	border-bottom:4px solid #666;
	color:#666;
}

.month dd.text a:link{
	border-bottom:4px solid #666;
	color:#666;
}

.month dd.text a:visited{
	border-bottom:4px dotted #666;
	color:#000;
}

.month dd.text a:hover{
	background-color:lightblue;
	border-bottom:4px solid #000;
	color:#000;
}



.month dd.text blockquote{
	line-height:1.3em;
	margin-top:0.4em;
	font-family:Garamond, serif;
	font-size:1.2em;
}

.month dd.text ul{
	margin-left:4em;
	margin-top:0.7em;
	font-family:Garamond, serif;
	font-size:1.2em;
}

.month dd.text ul li{
	margin-top:0.7em;
}

.img-wrapper {
  background: url(../images/shadow.gif) no-repeat bottom right;
  line-height:0;
  margin: 0.2em 0.4em 0.4em 0.4em;

}
 
.img-wrapper img {
  background:#fff;
  padding:4px;
  border:1px solid #a9a9a9;
  position:relative;
  left:-5px;
  top:-5px;
}

.img-wrapper p {
  position:relative;
  left:-5px;
  top:-30px;
}

*html #section5 #content{
 width:73%;
 padding:2;
 margin:2;
}