body {
  margin: 0;
  padding:0;
  color:#706F6F;
  background-color:#3C4E7C;
  font-family:Verdana,Arial, Helvetica, sans-serif;
  max-width:1024px;
  min-width:860px;
  height:100%;
  margin:10px auto;
  font-size:12px;
}

#container {
	background:#eeeeee;
	margin:0 30px;
	padding:14px;
	position:relative;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #000000;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

#header {
  position:relative;
}

#headnav {
  position:absolute;
  top:0;
  right:0;
  color:#005288;
}

#headnav a {
  color:#005288;
  font-size:12px;
  font-weight:bold;
}

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

#main_body {
  margin:0 auto;
  position:relative;
  background-color:transparent;
  padding:0 20px 20px 10px;
}

#mid_col {
  padding:10px;
  padding-top:0;
  padding-left:20px;
}

#footer {
  position:relative;
  margin-top:12px;
}

p#copynotice {
  position:absolute;
  top:0;
  left:0;
  margin:0;
  padding:0;
  color:#005288;
  font-size:10px;
  font-weight:bold;
}

p#footernav {
  position:absolute;
  top:0;
  right:0;
  margin:0;
  padding:0;
}

p#footernav a {
  color:#005288;
  font-size:12px;
  font-weight:bold;
}

p,li {color: #003366}

/* =MAINNAV
------------------------------------------------------*/
#mainnav {
  height:46px;
}

#mainnav td {
  background:transparent url(../images/mainnav_mid.gif) top left repeat-x;
  text-align:center;
  height:36px;
  padding:0;
  margin:0;
  color:#ffffff;
  font-weight:bold;
  font-size:14px;
}

#mainnav td#mainnav_lft {
  background:transparent;
  text-align:right;
  height:36px;
  padding:0;
  margin:0;
}

#mainnav td#mainnav_rt {
  background:transparent;
  text-align:left;
  height:36px;
  padding:0;
  margin:0;
}

#mainnav td a {
  color:#ffffff;
  display:block;
  font-weight:bold;
  text-decoration:none;
  font-size:14px;
}

#mainnav td a:hover {
  color:#aaaaaa;
}

/* Left-side Navigation 
______________________________________________________*/
#leftnav {
  width:170px;
}

#leftnav td {
  background:transparent url(../images/LeftNavMidBk.jpg) repeat-y;
  text-align:center; 
  width:170px;
  height:36px;
  padding:0;
  margin:0;
  color:#ffffff;
  font-weight:bold;
  font-size:14px;
}

#leftnav td #leftnav_top {
  background:transparent;
  width:170px;
  padding:0;
  padding-left:0;
  margin:0;
  height:10px;
  background-repeat:no-repeat;
}

#leftnav td #leftnav_btm {
  background:transparent;
  width:170px;
  padding:0;
  margin:0;
  height:20px;
  background-repeat:no-repeat;
}

#leftnav td a {
  color:#ffffff;
  display:block;
  font-weight:bold;
  text-decoration:none;
  font-size:14px;
  padding:10px;
  text-align:left;
  padding-left:25px;
}

#leftnav td a:hover {
  color:#FFFFFF;
  background:transparent url(../images/LeftNavMidOvr.jpg) repeat-y;
}

/* =MAINPICS
------------------------------------------------------*/
#mainpics {
  margin-top:12px;
}

.mainpics_cell {
  height:108px;
  width:203px;
  color:#ffffff;
  background:transparent;
  font-weight:bold;
  font-size:15px;
}

.mainpics_cell p {
  margin:0;
  padding:0;
  color:#FFFFFF
}

#mainpics_1 {
  background:transparent url(../images/mainpics/academics.jpg) center center no-repeat;
  border:3px solid #D1640C;
  text-align:left
}

#mainpics_2 {
  background:transparent url(../images/mainpics/work2.jpg) no-repeat center center;
  border:3px solid #CFB433;
  text-align:left;
}

#mainpics_3 {
  background:transparent url(../images/mainpics/community2.jpg) no-repeat center center;
  border:3px solid #8EB557;
  text-align:left;
}

#mainpics_4 {
  background:transparent url(../images/mainpics/LifeSkills.jpg) center center no-repeat;
  border:3px solid #5790B5;
  text-align:left;
}

#mainpics_5 {
  background:transparent url(../images/mainpics/recreation.jpg) center center no-repeat;
  border:3px solid #CC9999; 
  text-align:left;
}

/* =MISC
------------------------------------------------------*/
img {
  border:0;
}

form {
  padding:0;
  margin:0;
}

textarea {
  padding:0;
  margin:0;
}

.container {
  position:absolute;
  height:1px;
  width:1px;
}

ul, ol {
  margin-top:-.5em;
}

/* =NAVIGATION
------------------------------------------------------*/
.nav, .nav ul{
  padding: 0;
  margin: 0;
  list-style: none;
  font-weight:bold;
}

.nav .border_top {
  border-top: 2px solid #ffffff;
}

.nav .border_bottom {
  border-bottom: 2px solid #ffffff;
}

.sidenav {
  width:142px;
  padding-top:0px;
}

.sidenav a{
  display: block;
  width:142px;
  color: #ffffff;
  font-size:12px;
  text-decoration: none;
  padding: 5px 0 3px 4px;
  background-color:#aaaaaa;
}

.sidenav li a:hover {
  color: #ffffff;
  background-color:#CC85AD;
}

.pageHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-transform: capitalize;
	color: #666666;
}
.sectionHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
}