html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#f19d41;
} 
 
#pagewidth{ 
 width:900px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background-color:#ffffff;
 height:100%;  
} 
 
#header{
 position:relative; 
 height:90px; 
 background-color:#f19d41;
 border-bottom: 1px solid #ab4341;
 margin:0 0 0 0px;
 padding:0;
 width:100%;
}

#logo {
  margin:0 0 0 15px;
  padding:20px 0 0 0;
}

/*  Top Navigation */
#navcontainer {
 height:30px;
 margin: 53px 0 0 7px;
 padding: 0px 0 0 0px;
 width:876px;
 border-bottom: 1px solid #ab4341;
}

#navcontainer UL {
 list-style: none;
 margin: 0 0 0 190px;
 padding: 0;
 border: none;
}

#navcontainer LI {
 display: block;
 margin: 0;
 padding: 0 3px 0 0;
 float: left;
 width: auto;
}

#navcontainer A {
 color: #444;
 display: block;
 width: auto;
 text-decoration: none;
 background-color:#ffffff;
 margin: 0;
 padding: 2px 20px;
 font-family:tahoma,arial;
 font-size:12px;
}

#navcontainer A:hover, #navcontainer A:active { background: #ffffff; color: #457796; text-decoration: underline;}

#navcontainer A.active:link, #navcontainer A.active:visited {
 position: relative;
 z-index: 102;
 background-color:#ffffff;
 font-weight: bold;
}

#subnav {
 position: relative;
 top: -1px;
 z-index: 101;
 margin: 0;
 padding: 0px 0 3px 0;
 background: #BBBBBB;
 border-top: 1px solid #fff;
 border-bottom: 1px solid #aaa;
}

#subnav UL {
 list-style: none;
 margin: 1px 0 0px 13px;
 padding: 0px;
 border-right: 1px solid #fff;
 border-left: 1px solid #aaa;
}

#subnav LI {
 position: relative;
 z-index: 102;
 display: block;
 margin: 0;
 padding: 0;
 float: left;
 width: auto;
}

#subnav A {
 color: #fff;
 display: block;
 width: auto;
 text-decoration: none;
 margin: 0;
 padding: 2px 12px 2px 10px;
}

#subnav A:hover, #subnav A:active { color: #444; }
#subnav A.active:link, #subnav A.active:visited { color: #444; }
#subnav BR, #navcontainer BR { clear: both; }
/* End Top Navigation */

#featurebox {
 background-color:#faf6ed;
 width:876px;
 margin:20px 0 0 12px;
 border: 1px solid #ab4341;
}

#featurebox img {
 margin:0 0 0 0px;
 padding:0 12px 0 0;
} 

#featurebox p {
 margin:7px 0 0 7px;
 padding:0;
 font-family:tahoma,arial;
 font-size:13px;
 color:#006bac;
}

#featurebox a {
 color:#ab4341;
 text-decoration:none;
}

#featurebox a:hover {
 text-decoration:underline;
}

#kids {
 width:876px;
 margin:20px 0 0 12px;
}

#kids p {
 margin:7px 0px 0 7px;
 padding:0;
 font-family:tahoma,arial;
 font-size:12px;
}

#kids a {
 color:#006bac;
 text-decoration:none;
}

#kids a:hover {
 text-decoration:underline;
 color:#ab4341;
}

#kids h3 {
 font-size:14px;
 color:#444;
 margin:0 0 0 0;
}

#kids_left {
 float:left;
 width:400px;
} 

#kids_right {
 float:right;
 width:400px;
}
 
#leftcol{
 width:288px; 
 float:left; 
 position:relative; 
 margin: 0 0 0 12px;
 font-family:tahoma,arial;
}

#leftcol p{
 width:257px;
 color:#333;
 font-size:12px;
 margin:0 0 0 0;
 padding:7px 0 0 0;
}

#leftcol h3{
 color:#333;
 font-size:18px;
}

#leftcol h4{
 color:#333;
 font-size:14px;
 margin:0;
 padding:7px 0 0 0;
}
 
#twocols{
 width:600px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:288px; 
 float:right; 
 position:relative;
 margin:0 0 0 12px;
 font-family:tahoma,arial; 
 }

#rightcol p{
 width:257px;
 color:#333;
 font-size:12px;
 margin:0 0 0 0;
 padding:7px 0 0 0;
}

#rightcol h3{
 color:#333;
 font-size:18px;
}

#rightcol h4{
 color:#333;
 font-size:14px;
 margin:0;
 padding:7px 0 0 0;
}

#rightcol a{
 color:#333;
 font-weight:normal;
 text-decoration:none;
}

#rightcol a:hover{
 color:#457796;
}

#rightcol a:visited{
 color:#333;
}
 
#maincol{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:300px;
 font-family:tahoma,arial; 
 }

#maincol p{
 width:257px;
 color:#333;
 font-size:12px;
 margin:0 0 0 0;
 padding:7px 0 0 0;
}

#maincol h3{
 color:#333;
 font-size:18px;
}

#maincol h4{
 color:#333;
 font-size:14px;
 margin:0;
 padding:7px 0 0 0;
}

#box_wrapper {
 position:relative;
 margin:20px 0 0 0;
}

#ondeck {
 float:left;
 width:550px;
 height:220px;
 margin: 0 6px 0 12px;
 background-color:#faf6ed;
 border: 1px solid #ab4341;
 font-family: tahoma,arial;
}

#ondeck h3{
 width:543px;
 margin:0;
 padding:0 0 0 7px;
 background-color:#ab4341;
 font-family:tahoma;
 font-size:16px;
 letter-spacing:1px;
 font-weight:normal;
 color:#fff;
}

#ondeck h4{
 width:543px;
 margin:0;
 padding:0 0 0 7px;
 font-family:tahoma;
 font-size:14px;
 letter-spacing:1px;
 font-weight:normal;
 color:#000;
}

#ondeck ul{
 font-size:12px;
 margin:0 0 0 20px;
 padding:7px 0 7px 0; 
}

#ondeck form {
 margin-left:15px;
}

.presentedby {
 width:543px;
 margin:0;
 padding:7px 0 0 7px;
 font-family:tahoma;
 font-size:12px;
 letter-spacing:1px;
 font-weight:normal;
 color:#000;
}

#outreach {
 position:relative;
 float:right;
 width: 300px;
 height:220px;
 margin: 0 12px 0 7px;
 background-color:#faf6ed;
 border: 1px solid #ab4341;
 font-family: tahoma,arial;
}

#outreach h3{
 width:293px;
 margin:0;
 padding:0 0 0 7px;
 background-color:#ab4341;
 font-family:tahoma;
 font-size:16px;
 letter-spacing:1px;
 font-weight:normal;
 color:#fff;
}

#outreach ul{
 font-size:12px;
 margin:0 0 0 20px;
 padding:7px 0 0px 0; 
}

#outreach p{
 font-size:12px;
 padding:0 0 7px 7px;
 font-weight:bold; 
}

#outreach a{
 font-family:tahoma,arial;
 font-size:12px;
 color:#006bac;
 text-decoration:none;
}

#outreach a:hover{
 color:#ab4341;
 text-decoration:underline;
}

#outreach a:visited{
 color:#006bac;
 text-decoration:none;
}

 
#footer{
 margin:20px 7px 0 12px;
 border-top: 2px solid #ab4341;
 border-bottom: 2px solid #ab4341;
 height:180px; 
}

#campfirelogo {
 float:left;
 width:320px;
 margin:0 0 0 0;
 padding:0 0 0 0;
 height:200px;
}

#campfire{
 float:right;
 position:relative;
 font-family:tahoma;
 font-size:12px;
 color:#222;
 width:550px;
 height:175px;
}

#campfire h3 {
 margin:12px 0 7px 0;
 padding:0 0 0 0;
}

#campfire ul{
 font-family:arial;
 font-size:12px;
 color:#222;
 margin:0 0 0 0;
 padding:0 0 0 12px;
}

#campfire li {
 margin:0 12px 3px 0px;
 padding:0 0 0 0px;
}

#campfire a{
 color:#222;
 font-weight:bold;
 text-decoration:none;
}

#campfire a:hover{
 color:#457796;
}

#campfire a:visited{
 color:#222;
}

#footer_short{
 margin:0 12px 0 12px;
 padding:0px 0 5px 0;
 font-size:10px;
 text-align:center;
}

#footer_short a{
 color:#222;
 font-weight:bold;
 text-decoration:none;
}

#footer_short a:hover{
 color:#457796;
}

#footer_short a:visited{
 color:#222;
}

#maincontent {
 margin:21px 0 0 12px;
 font-family: tahoma,arial;
 font-size:12px;
}

#maincontent h1 {
 font-size:16px;
 color:#444;
}

#maincontent td {
 font-size:12px;
 font-family:tahoma;
}

#maincontent p {
 width:850px;
 margin:5px 0 7px 0;
}

#maincontent h3 {
 margin:15px 0 0 0;
 padding: 0 0 0 0;
 color:#444;
}

#maincontent a {
 text-decoration:none;
 color:#006bac;
}

#maincontent a:hover {
 text-decoration:underline;
 color:#ab4341;
}

 
 /* *** Float containers fix *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
