body {
  text-align: center; 
  min-width: 800px;
}

#mainNav { 
 /* width: 23%;*/
 width: 20%;
  float: left;
}


#content { 
  width: 77%; 
  float: right; 
  margin-left: 4px;
}

#mainContent { 
  width: 70%; 
  margin-left: 4px; 
  float: left;
  background: #000; 
  color: #FFFFFF;   
} 
#mainContent p {
	padding: 0 6px;
}
#mainContent ul {
	padding: 0 14px;
}

#secondaryContent { 
  width: 27%;
 /* min-width: 10em;*/
  min-width: 160px;
  /*display: inline;*/ /* :KLUDGE: Fixes IE double margin float bug */
  float: right;
  /*display: none;*/ 
} 
.box h3 {
  font-size: 1.6em;
  text-align: center;
  margin: 0;
  padding: 0px 4px;
  background-color: #2ABAEC;
  color: #FFFFFF;
}

.box p {
  font-size: 1.2em;
  color: #FFFFFF;
}
.box img {
	display: block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 2px;
	margin-top: 8px;
	border: 0px;	
}

.box a:link, .box a:visited {
	color: #2ABAEC;
	padding: 10px 7px 0 0px;
	text-align: left;
	font-size: 120%;
	margin-bottom: 15px;
}

.box a:hover {
	color: #FFFF00;
	padding: 10px 7px 0 0px;
	text-align: left;
	font-size: 120%;
}
/* add some padding to the contentse in the main nav and secondary content areas */

#mainNav {
  padding-top: 20px;
  padding-bottom: 20px;
}

#secondaryContent p {
 padding: 0 3px 0 5px;
}
#secondaryContent .flash {
 margin-top: 10px;
 text-align: center;
}