body,	html 
{
	margin:0;
	padding:0;
	color:#000;
	background: #DDDDDD;
	background-image:url('body.png');
  background-repeat: repeat-x;;
	font-family: Verdana, Helvetica, Arial, san-serif; /*Times, "Times New Roman", serif;*/
	font-size: 10pt;
}
h1, h2, h3 
{
  font-family: Verdana, Helvetica, Arial, san-serif;
}
h1 
{
  margin:0;
  font-size: 1.4em;  
  text-align: center;
}
h2 
{
	margin:0 0;
	font-size: 1.0em;
	text-align: center;
}


.f1{font-weight: bold;}
.f2{font-style: italic;}
.in{ margin-left: 40px;}
.in2{ margin-left: 26px;}

.h2{ color: #2b4c2b;}


#wrap 
{
	width:1000px;
	margin:0px auto;
	background: white;
}
#header 
{
 	padding:5px 10px;
	background:#23295D;
	color: white;
	height: 30px;
}
#subheader 
{
 	padding:5px 5px;
	background:#2E875B;
	color: white;
	height: 20px;
}
#nav 
{
	padding-top: 5px;
	padding-bottom: 0;
	background: white;
	text-align: center;
}
#nav ul 
{
	margin:0;
	padding:0;
	list-style:none;
	font-family: Arial, san-serif;
	font-size: 0.9em;
}
#nav li 
{
	display:inline;
	margin:0;
	padding: 0;
	padding-left: 1px;
	padding-right: 1px;
	color: #23295D;
	/*border: 2px solid #2E875B;*/
}
#nav a 
{
	text-decoration: none;
	background:#2E875B;
	padding: 0;
	padding-left: 2px;
	padding-right: 2px;
	border: none;
	color: white;
}
#nav .foo 
{
	padding-left: 150px;
}
#nav a:hover {
  color: #23295D;
}
#main 
{
	float:left;
	width:660px;
	padding:10px;
	background: white;
	border-top: 5px solid #2E875B;
	border-right: 5px solid #2E875B;
}
#main2
{
	float:left;
	width:560px;
	padding:10px;
	background: white;
	border-top: 5px solid #2E875B;
	border-right: 5px solid #2E875B;
}



#main a {
	text-decoration: none;
}
#main a:hover{
  text-decoration: underline;
}

#sidebar 
{
	float:right;
	width:295px;
	padding:10px;
	background: white;
	border-top: 5px solid #2E875B;
	height: 100%;
}
#sidebar a 
{
	text-decoration: none;
	text-align: right;
	background: white;	
	color: blue;
}
#sidebar a:hover 
{
	text-decoration: underline;
}
.push 
{
	padding-left: 220px;
}
#footer 
{
	clear:both;
	padding:5px 5px;
	background: #23295D;
	font-family: Verdana, Helvetica, Arial, san-serif;
	color: white;
	text-align: center;
	border-top: 5px solid #2E875B;
	font-size: 0.8em;
}
#footer p 
{
	margin:0;  
}
#footer a 
{
	text-decoration: none;
	background: #23295D;
	padding: 0;
	border: none;
	color: white;
}
#footer a:hover{
  text-decoration: underline;
  color: white;
}
* html #footer 
{
	height:1px;
}

/* ===================================================== */

.topicResource  ul li, .topicLink ul li {
  margin-left: -20px;
  font: 1.1em;
  list-style: square;
  font-family: Verdana, Helvetica, Arial, san-serif;
  padding-bottom: 12px;
}
.topicResource a, .topicLink a {
	text-decoration: none;
}
.topicResource a:hover, .topicLink a:hover{
  text-decoration: underline;
}
#main h1 {
  color: #23295D;
  text-align: left;
  margin-bottom: 10px;
}
#main h2 {
  color: #2E875B;
  text-align: left;
}

#main p {
	margin-left: 50px;
}

.topicResource h3, .topicLink h3 {
	margin-left: 5px;
}

/* ===================================================== */

#sidebar p 
{
	margin:0;  
	font-family: Verdana, Helvetica, Arial, san-serif;
}

h3, .hGreen, .hOlive, .hYellow, .hBlue, .hPink  
{
  margin:0;
  font-family: Verdana, Helvetica, Arial, san-serif;
}


.topicBlue 
{
	border: 3px solid #33CCCC;
}
.hBlue { color: #33CCCC; }
.topicGreen 
{
	border: 3px solid #00CC66;
}
.hGreen { color: #00CC66; }
.topicOlive 
{
	border: 3px solid #BCB800;
}
.hOlive { color: #BCB800; }

.topicPink 
{
	border: 3px solid #FE9966;
}
.hPink { color: #FE9966; }

.topicYellow 
{
	border: 3px solid #FECC00;
}
.hYellow { color: #FECC00; }

.topic, .topicBlue, .topicGreen, .topicOlive, .topicYellow, .topicPink
{
  margin: 5px auto;
  color: #fff;
  width: 95%;
  padding: 2px;
  text-align: left;
  background-color: white;
  color: black;
  font-size: 0.8em;
  /* Do rounding (native in Firefox and Safari) */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}