/* CSS Document */
/*
-----------------------------------------------------
Designer: Amy Hufford
URL:      stellarplanet.com
Date:     3/16/2007
------------------------------------------------------ */

/* -- basic html elements -- */
body {padding: 0; margin: 0; font: 75% Verdana, Tahoma, Arial, sans-serif; color: #7A7B7B; background:  url(images/bkgd.gif) repeat-x #00B2E9; text-align: center; }

img, form {border: 0; margin: 0;}

/* -- layout -- */
#content {width: 746px; margin: 0 auto; text-align: left; border-right: 1px solid #DD4C39; border-left: 1px solid #DD4C39; padding-top: 0; }

#content2 {width: 746px; margin: 0 auto; text-align: left; background: url(images/content2bkgd.gif); border-right: 1px solid #DD4C39; border-left: 1px solid #DD4C39; border-bottom: 1px solid #DD4C39;padding-top: 0;}

#header {height: 121px; background: url(images/header.gif) top center no-repeat;   }
h4 {font-size: 10pt; color: #FAE76A; margin: 8px 0 0 0; padding-bottom: 2px; padding-top: 4px;}
#main h4 {border-top: 1px solid #DD4C39;}

/* -- main and sidebar for home page only -- */

#content3 {width: 746px; margin: 0 auto; text-align: left; background: url(images/hmmainbkgd.gif) white; border-right: 1px solid #DD4C39; border-left: 1px solid #DD4C39; border-bottom: 1px solid #DD4C39;padding-top: 0;}

#content4 {width: 746px; margin: 0 auto; text-align: left; background: url(/images/content4bkgd.gif) white repeat-y; border-right: 1px solid #DD4C39; border-left: 1px solid #DD4C39; border-bottom: 1px solid #DD4C39;padding-top: 0;}

#main2 {
 line-height: 1.8em;
 float: left;
 padding: 0 0 8px 20px;
 width: 480px;
 /* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */
 voice-family: "\"}\""; 
 voice-family: inherit;
 width: 460px;
 text-align: left;
background: url(images/kidline.jpg) top right no-repeat;
}

/* for Mozilla/Safari/Opera */
*>#sidebar {
min-height: 350px !important;}

/* -------- style for main content and section sidebar (interior pages only) --------------- */
#maininterior {margin-left: 195px; margin-top: 0;padding-right: 25px; line-height: 1.4em; background-color:white;}

#maininterior h3 a {margin: 0; font-size: 12pt; text-weight: normal; color: #DD4C39}

#kids {margin-left: 10px;}
#sectionsidebar {
line-height: 1.6em;
 float: left;
 padding: 10px 12px;
 width: 145px;
 background-color: #3ab97a;
 /* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */
 voice-family: "\"}\""; 
 voice-family: inherit;
 width: 145px;
 text-align: left;
 font-size: 8pt;
 min-height: 200px;
 color: white; }
 /* IE5 hack */


/* -- header style -- */
#header h1 {margin-left: 15px; margin-top: 0; margin-bottom: 0; padding: 0;}
#header h1 span, #header h2 span {display: none;}
#header h2 {height: 0; margin: 0; padding: 0;}

  /* nav
--------------------------------- */
#nav {
  background:#DD4C39;
  color:#FFFFFF;
  padding-left:6px;
  text-align:right;
  margin: 0;
  padding-top: 0;
  padding-bottom:0;
  height: 16px;

  }
#nav ul {margin: 0; padding: 0; text-indent: 0;   }
#nav li {
display:inline; padding:0; margin:0; text-indent: 0; text-align:right; 
  } 
#nav li a {
  border-right: 1px solid white;
  color: white;
   padding-top:2px;
  padding-left: 16px;
  padding-bottom: 2px;
  padding-right: 16px;
  text-transform: uppercase;
	text-decoration:none; text-indent: 0; text-align:left; margin-left: -4px;
	font-size: 8pt;

  }
#nav li a:hover {
  text-decoration:none;
  background-color: #FEED8E;

	 color: #DD4C39;
  }
#nav li a.onpage {  
	background-color: #FEED8E;
		border-bottom: 1px solid #FCE668;
	border-right: 0;
	color: #DD4C39}  
	
#nav li a.homeonpage, #nav li a.homeonpage:hover
	{ background-color: #FEED8E;
		border-bottom: 1px solid #FCE668;
  border-left: 1px solid white;
  color: #DD4C39;}
  
 #nav li a.last:hover
	{ background-color: #FEED8E;
		border-bottom: 1px solid #FCE668;
  border-right: 0;
  color: #DD4C39;}
  
    #nav li a.last
		{ border-right: 0;}	

/* -- section head area style (interior pages only) -- */
#sectionhead {width: 746px; margin: 0 auto;  height: 25px; border-bottom: 1px solid black; background: #fff; border-right: 1px solid #DD4C39; border-left: 1px solid #DD4C39; padding-top: 0; }

#sect h3 {text-align: left; padding-top: 0; margin: 0; font-weight: normal; font-size: 10pt; padding-left: 150px; }
#sect h3 a {color: #EF7921; text-transform: uppercase;  letter-spacing: .07em; text-decoration:none;}
#sect h3 a:hover {color: #EF7921; text-decoration:underline;}
#sect h3 a:visited {color: #EF7921; }

/* -- main content area style -- */
#main2 p {margin: 8px 0 5px 0; }
#main2 a:visited {color: #DD4C39;}
#main2 a:hover {text-decoration: underline; color: #DD4C39;}
#main2 ul {margin-top: -2px; margin-bottom: 0; }
#main2 li {padding-top: 3px;}

/* -- sidebar (home page only) styles -- */
#sidebar {margin-left: 483px; padding: 0; color: white; background: url(images/rightcolback.gif) top right no-repeat #58BC8E; width: 260px;}
#sidebar h3 {display: none;}
#description {line-height: 1.5em; padding: 35px 12px 15px 12px;  font-size: 8pt; }
#description ul {margin: 0; padding: 0 6px 15px 10px;}
#description li {padding-top: 10px;}
#description a {color: #C34614; text-decoration: none;}
#description a:hover {color: #DD4C39; text-decoration: underline;}
#description a:visited {color: #DD4C39;}
#description p {padding: 0; margin: 0 0 9px 0;}

#join {font-weight: normal;padding:2px 6px; font-size:8pt; margin:0; color:white; background-color: #DD4C39;}
#join a {color:white;}
#join  a:hover {color:white;}
#join  a:visited {color:white;}
.notop {margin-top: -10px; padding-top: -10px}

/* -- sectionsidebar (interior pages only) styles -- */
#sectionsidebar ul {margin: 0 0 10px 0; padding: 0 0 4px 0; }
#sectionsidebar li {
  list-style: none;
  background-position: left top;
  background-repeat: no-repeat;
  padding-left: 10px;  
  padding-bottom: 3px; padding-top: 3px;
  font-size: 9pt;
}
#sectionsidebar a {color: white; text-decoration: none; letter-spacing: .04em; }
#sectionsidebar a.liston {color: #DD4C39; text-decoration: underline;}
#sectionsidebar a:hover {color: #DD4C39; text-decoration: underline;}
#sectionsidebar a:visited {color: #FEED8E;}
#sectionsidebar h3 {margin-bottom: 0; padding-bottom:0 }

#emailbox {padding-left: 10px; padding-right: 10px;}

#highlitebox {width: 200px; padding: 12px; margin: 0 10px 10px 15px; float: right; border: 1px solid #FAB468; background-color: #FEED8E; font-size: 8pt; text-align: center; }

#highliteboxnarrow {width: 120px; padding: 12px; margin: 0 0 10px 10px; float: right; border: 1px solid #FAB468; background-color: #FEED8E; font-size: 8pt; text-align: center; line-height: 1.2em; }

#highliteboxnarrow2 {width: 118px; padding: 10px; margin: 0 10px 10px 0 ; float: left; border: 1px solid  #DD7B39; font-size: 8pt;  line-height: 1.2em; min-height: 135px !important; }

.picturebox {height: 175px; width:119px; border:#DD4C39 solid 1px; float:left; margin-left:0px; margin-right:12px; padding:2px; margin-top:5px;}

.picturebox2 {height: 138px; width:200px; float:right; margin-left:8px; margin-right:0px; padding:2px 2px 2px 20px; margin-top:5px;}

p.first {width: 250px; padding: 0px 0 20px 0; margin-right: 0; line-height: 2.1em; color: #626262;  font-size: 9pt;}

/* -- footer style -- */
p.footer {margin: 0; padding-top: 5px; font-size: 8pt; color: gray; line-height: 1.5em; }
p.footer a {color: #00B3EA}
p.footer2 {margin: 0; padding: 6px; font-size: 7pt; color: gray; }

a {color: #00B3EA; text-decoration: none;}
a:hover {color: #DD4C39; text-decoration: underline;}