/* GENERAL */
body {
	font-family:Verdana;
	font-size:12px;
}

body#khf { 
	padding-top:0; 
	margin-top:0;
}

div#main_container {
	width:759px;
	margin-left:auto;
	margin-right:auto;
}

img 
{
	border:0;
}

.bold 
{
	font-weight:bold;
}

.bold_variety 
{
	color:#f0027f;
	font-weight:bold;
	}
	
.bold_occasionally 
{
	color:#8c1888;
	font-weight:bold;
	}

.bold_funfriends
{
	color:#0099cc;
	font-weight:bold;	
	}

td, input, select, option, textarea {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}	
.bold_everyday {  font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; color: #FF0000}
.bold_5funways {  font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; color: #0A50A1}
.bold_variety {  font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; color: #F0027F}
.bold_occasionally {  font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; color: #8C1888}
.bold_funfriends {  font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; color: #0099CC}	

.subtitle {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000 ; font-size: 13px; font-weight: bold}
.smalltitle {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000 ; font-size: 11px;}
.tinytitle {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000 ; font-size: 9px;}
.field {font-family: Verdana, Arial, Helvetica, Sans-serif;color:#464646;font-size:12px;}
.requiredfield 	{color:#FF0000;font-weight:bold;}
/* HEADER */
div#header,
div.title {
	height:95px;
}

div#logo {
	float:left;
}

div.title {
background:transparent url(/images/topright.gif) no-repeat 0 0;
width:393px;
float:right;
}

div.title img {
	position:relative;
	top:30px;
}

div#navbar,
div#navbar span {
height:27px;
}

div#navbar span {
float:left;
}

#nav ul { 
	padding: 0;
	margin:0;
	list-style: none;
    width:12em;
    z-index:99;
    position:absolute;
    overflow:visible;  
   }

#nav li { 
    float:left;
    display:block;
    height:auto;
    font-size:11px;
    
}

#nav ul li{ background-color:#DFDFDF;}

#nav ul li{ border-width:1px 1px 0 0;}
#nav ul ul li{ border-width:1px 1px 0 1px;}
#nav ul ul li:last-child{border-width:1px;}
 
#nav ul a {
    text-decoration:none; 
    display:block;     
    height:1.5em;
    color:Black;
    padding-left:5px;
    padding-top:1px;
}

#nav ul{
    display:none;   
}

a.arrow 
{
	background: transparent url(/images/arrows.gif) no-repeat 98% 5px !important;
}

/* 1st Level Menu */

#nav li.nav1st_level 
{
	    margin:-12px 0 0 -40px;
position:relative; 
	}
	
span#learning_quests ul#nav li.nav1st_level ul li 
{
	width:252px;
}

span#learning_quests ul#nav li.nav1st_level ul li a
{
	width:98%;
}

/* 2nd Level Menu */

span#learning_quests ul#nav li.nav2nd_level ul li 
{
	width:190px;
}

span#learning_quests ul#nav li.nav2nd_level ul li a
{
	width:97%;
}

span#learning_quests li.nav2nd_level,
span#lesson_ideas li.nav2nd_level 
{
	background-color: #ffff00;
}

span#learning_quests li.nav2nd_level a:hover,
span#lesson_ideas li.nav2nd_level a:hover
{
	background-color: #ffe600 !important;
}

span#lesson_ideas ul#nav li.nav2nd_level 
{
	width:150px;
}

/* 3rd level menu */
span#learning_quests li.nav3rd_level,
span#learning_quests li.nav4th_level, 
span#learning_quests li.nav4th_level_long
{
	background-color: #ffcc00;
}

span#learning_quests li.eh,
span#learning_quests li.eh ul li {
background-color:#ffe600;
}

span#learning_quests li.eh a:hover,
span#learning_quests li.eh li:hover
{
	background-color: #ffff00 !important;
}

span#learning_quests li.va,
span#learning_quests li.va ul li {
background-color:#ffccff;
}

span#learning_quests li.va a:hover,
span#learning_quests li.va li:hover
{
	background-color: #ff99ff !important;
}

span#learning_quests li.nt,
span#learning_quests li.nt ul li {
background-color:#88e8ff;
}

span#learning_quests li.nt a:hover,
span#learning_quests li.nt li:hover
{
	background-color: #11cfff !important;
}

span#learning_quests li.oc,
span#learning_quests li.oc ul li {
background-color:#cbf073;
}

span#learning_quests li.oc a:hover,
span#learning_quests li.oc li:hover
{
	background-color: #99cf16 !important;
}

span#learning_quests li.ff,
span#learning_quests li.ff ul li {
background-color:#ffd2d2;
}

span#learning_quests li.ff a:hover,
span#learning_quests li.ff li:hover
{
	background-color: #ff8a8a !important;
}

span#lesson_ideas li.fiveways
{
	width:210px;
	}

span#lesson_ideas li.everyday
{
	width:350px;
	}
	
span#lesson_ideas li.nt
{
	width:120px;
	}

span#lesson_ideas li.variety
{
	width:450px;
	}

span#lesson_ideas li.funf
{
	width:110px;
	}

span#lesson_ideas li.occasionally
{
	width:240px;
	}

span#lesson_ideas li.nav3rd_level 
{
	background-color:#ffcc00;
}
	
span#lesson_ideas li.nav3rd_level a:hover,
span#lesson_ideas li.nav3rd_level li:hover
{
	background-color: #ffe600 !important;
}
	
/* 4th level menu */
span#learning_quests ul#nav li.nav3rd_level ul li
{
	width:135px;
}

span#learning_quests ul#nav li.nav3rd_level ul li.nav4th_level_long
{
	width:250px;
}

span#learning_quests ul#nav li.nav3rd_level ul li a
{
	width:96%;
}

/*all see this */
#nav ul ul {
    display:none; 
    position:absolute; 
    margin-left:22.8em;
}

#nav ul ul.li_nav {
    display:none; 
    position:absolute; 
    margin-left:13.6em;
}

#nav ul ul ul{
    display:none; 
    position:absolute; 
    margin-left:17.2em;
}

/* non-IE browsers see this */
 #nav ul li>ul, #nav ul ul li>ul{
    margin-top:-1.6em; 
 }

 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
    display:none; 
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
    display:block;
}

li>ul { 
	top: auto;
	left: auto;
}


/* site style */
#holdm{position:absolute; top:150px !important; left:20px; margin-left:-2.5em; z-index:100; width:80%; }
     
     #vertm{width:15em; float:left;}
     .com{ margin-top:10px; }
    li.small{height:10px;}
    li.small a{height:10px; line-height:10px;}
	.colorspot span{visibility:hidden;}
	.colorspot{float:left; width:.5em; height:.5em; line-height:.5em; overflow:hidden; margin:1px 1px 0 0;  text-decoration:none;}
	#colorcon{padding:2px; float:left;}
	#colordisp{width:100%; height:1.2em; text-align:center;}

div#navbar-spacer {
	height:20px;
	width:756px;
	background:transparent url(/images/lefttopcorner.gif) no-repeat 0 0;
	clear:both;
	border-right:#13356d solid 3px;
	/*position:relative;
	top:-25px;
	_margin-top:-4px;*/
}

/* MIDDLE */
div#middle {
	width:756px;
	background:transparent url(/images/leftstrip.gif) repeat-y 0 0;
	border-right:#13356d solid 3px;
	/*position:relative;
	top:-25px;*/
}

div#content {
	padding:0 30px 40px 30px;
	text-align:center;
}

.bg_5ways 
{
	background:transparent url(../images/5ways_bg.jpg) no-repeat right 50%;
	}


.tinytitle {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000 ; font-size: 9px;}

.mandatory {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF0000; font-weight: bold; text-align:left;}


.bg_funfriends 
{
	background:transparent url(../images/funfriends_bg.jpg) no-repeat right 50%;
}

.bg_newthings 
{
	background:transparent url(../images/funfriends_bg.jpg) no-repeat right 50%;
}

.bg_occasionally 
{
	background:transparent url(../images/occasionally_bg.jpg) no-repeat right 50%;
}

.bg_variety 
{
	background:transparent url(../images/variety_bg.jpg) no-repeat right 50%;
}


/* FOOTER */

div#footer {
	width:759px;
	height:35px;
	background-color:#13356d;
	background-image:url(/images/botleft.gif);
	background-repeat:no-repeat;
	background-position:left;		
	top:-20px;
	position:relative;
	/*background:#13356d url(/images/botleft.gif) no-repeat 0 0;	
	
	top:-25px;*/
}

div#footer img {
	padding-left:63px;
	float:left;	
}

div#footer-links {
	float:right;
	color:white;
	padding:10px 40px 0 0;
}

div#footer-links a {
	color:white;
	text-decoration:none;
	font-size:11px;
}

div#footer-links a:hover {
	text-decoration:underline;
}

div#smallprint {
	font-size:10px;
	/*position:relative;
	top:-25px;*/
}