*{ margin:0; padding:0 }

body {
	background:url();
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#282828;
}

*html body{	font-size:60%; }

a:link, a:visited { color:#000; text-decoration:underline; }
a:hover, a:active { color:#000; }

h1 { font-size: 200%; color:#F8A100; }
h2 { font-size: 150%; color:#F8A100; }
h3 { font-size: 125%; color:#F8A100; }
h4 { font-size: 100%; font-weight:bold; }
#primary_content ul { margin:10px 0px 10px 15px;	}
#primary_content ul li{ margin-left:15px;}


/****** Structure *****/
#wrapper { position:relative; width: 756px; }
#head { width:700px; height:98px; text-align:left; }
#head a img{ border:none; }
#nav { width:756px; height:26px; background-color:#FF9900; color:#FFF; text-align:center; padding-left:16px;  display:none; }
#content { position:relative; width:700px; margin-top:-40px; background:url();}
#footer { position:relative; width:700px; height:20px; border-top:1px solid #C2C2C2; padding-top:10px; }


/******* Nav ********/
#nav ul { list-style:none; }
#nav ul li { display:block; float:left; color:#FFF; }
#nav ul li a span { display:none; }
#nav ul li a { display:block; color:#FFF; height:26px; }

#nav #nav_home a:link, #nav #nav_home a:visited {width:51px; background-color:#F00; background:url(../images/nav_home_51x52.gif) top left;}
#nav #nav_home a:hover, #nav #nav_home a:active {background: url(../images/nav_home_51x52.gif) bottom left;}

#nav #nav_about a:link, #nav #nav_about a:visited {width:54px; background-color:#F00; background:url(../images/nav_about_54x52.gif) top left;}
#nav #nav_about a:hover, #nav #nav_about a:active {background: url(../images/nav_about_54x52.gif) bottom left;}

#nav #nav_schools a:link, #nav #nav_schools a:visited {width:65px; background-color:#F00; background:url(../images/nav_school_65x52.gif) top left;}
#nav #nav_schools a:hover, #nav #nav_schools a:active {background: url(../images/nav_school_65x52.gif) bottom left;}

#nav #nav_take_action a:link, #nav #nav_take_action a:visited {width:93px; background-color:#F00; background:url(../images/nav_take_action_93x52.gif) top left;}
#nav #nav_take_action a:hover, #nav #nav_take_action a:active {background: url(../images/nav_take_action_93x52.gif) bottom left;}

#nav #nav_supporters a:link, #nav #nav_supporters a:visited {width:89px; background-color:#F00; background:url(../images/nav_supporters_89x52.gif) top left;}
#nav #nav_supporters a:hover, #nav #nav_supporters a:active {background: url(../images/nav_supporters_89x52.gif) bottom left;}

#nav #nav_research a:link, #nav #nav_research a:visited {width:76px; background-color:#F00; background:url(../images/nav_research_76x52.gif) top left;}
#nav #nav_research a:hover, #nav #nav_research a:active {background: url(../images/nav_research_76x52.gif) bottom left;}

#nav #nav_nutrition a:link, #nav #nav_nutrition a:visited {width:79px; background-color:#F00; background:url(../images/nav_nutrition_79x52.gif) top left;}
#nav #nav_nutrition a:hover, #nav #nav_nutrition a:active {background: url(../images/nav_nutrition_79x52.gif) bottom left;}

#nav #nav_magic_outcomes a:link, #nav #nav_magic_outcomes a:visited {width:127px; background-color:#F00; background:url(../images/nav_magic_outcomes_127x52.gif) top left;}
#nav #nav_magic_outcomes a:hover, #nav #nav_magic_outcomes a:active {background: url(../images/nav_magic_outcomes_127x52.gif) bottom left;}

#nav #nav_contact_us a:link, #nav #nav_contact_us a:visited {width:91px; background-color:#F00; background:url(../images/nav_contact_us_91x52.gif) top left;}
#nav #nav_contact_us a:hover, #nav #nav_contact_us a:active {background: url(../images/nav_contact_us_91x52.gif) bottom left;}


/** selected nav **/
#page_home #nav #nav_home a {background: url(../images/nav_home_51x52.gif) bottom left;}
#page_about #nav #nav_about a {background: url(../images/nav_about_54x52.gif) bottom left;}
#page_schools #nav #nav_schools a {background: url(../images/nav_school_65x52.gif) bottom left;}
#page_take_action #nav #nav_take_action a {background: url(../images/nav_take_action_93x52.gif) bottom left;}
#page_supporters #nav #nav_supporters a {background: url(../images/nav_supporters_89x52.gif) bottom left;}
#page_research #nav #nav_research a {background: url(../images/nav_research_76x52.gif) bottom left;}
#page_nutrition #nav #nav_nutrition a {background: url(../images/nav_nutrition_79x52.gif) bottom left;}
#page_magic_outcomes #nav #nav_magic_outcomes a {background: url(../images/nav_magic_outcomes_127x52.gif) bottom left;}
#page_contact_us #nav #nav_contact_us a {background: url(../images/nav_contact_us_91x52.gif) bottom left;}


/*** Sub Nav ***/
#sub_nav { clear:both; width:756px; height:21px; background-color:#EA7F00; color:#FFF; text-align:center; padding-left:16px;}
#sub_nav ul{ list-style:none; }
#sub_nav ul li { display:block; height:20px; float:left; margin:0 2px 2px 0; }
#sub_nav ul li a:link, #sub_nav ul li a:visited { display:block; color:#F9D9B3; width:auto; padding:2px 5px 2px 5px; text-decoration:none; }
#sub_nav ul li a:hover, #sub_nav ul li a:active { color:#BA4201; }
#sub_nav ul li a:link.selected,#sub_nav ul li a:visited.selected { color:#BA4201; }

/********* Content primary_content ********/
#primary_content {
	width:700px;
	float:left;
	padding-top:20px;	
}

	#flash_content 			{ display:none; width:363px; height:220px; }
	#main_pic { margin:10px 0 0 0; display:block; width:363px; height:220px; background:url(../images/bg_main_pic.gif) top left no-repeat; }
	#primary_content h1.title_head { color:#000; width:700px; height:24px; margin:20px 0 0 0; font-weight:normal; font-size:200%; }	
	#primary_content h2.title_head { color:#000; width:700px; height:20px; margin:15px 0 0 0; font-weight:normal; font-size:150%; }	
	#primary_content h1 span {display:none; }
	#primary_content p 		{ width:700px;}
	
	#head_welcome { background:url(../images/head_welcome_to_the_magic_b.gif) top left no-repeat; }
	#head_about { background:url(../images/head_about_us.gif) top left no-repeat; } 



/********* Content secondary_content ********/
#secondary_content {
	display:none;
	width:305px;
	float:left;
	padding-top:72px;
}
	#secondary_content_wrapper { width: 262px; margin-left:24px; }
	#stats 					{ font-weight: bold; text-align:center; margin-top:7px; }
	#stats span 			{ padding:2px 6px 2px 6px; background-color:#000; color:#FFF; font-size:110%; }
	#books					{ margin-top:25px; }	
	




/******* footer **********/
#author {float:left; width:320px; padding-left:0px; }
	#author a:link, #author a:visited { color:#666; }
	#copyright {float:right; width:300px; text-align:right; padding-right:0px; color:#939393; margin-right:30px; }

#bottom_nav { display:none; width:421px; margin-top:20px; }
#bottom_nav ul { list-style:none; }
#bottom_nav ul li { display:block; float:left; height:16px; padding:0 5px 0px 5px; }
#bottom_nav ul li.print_page a {display:block; width:100px; height:16px; background-color:#F00; background:url(../images/icon_printer.gif) bottom left no-repeat; padding-left:20px; }
#bottom_nav ul li.recommend_site a {display:block; width:120px; height:16px; background-color:#FF0; background:url(../images/icon_star.gif) bottom left no-repeat; padding-left:20px; }


.bottom_line_box { display:none; position:absolute; top:-8px; left:323px;width:421px; height:7px; line-height:7px; font-size:7px; background-color:#E0E0E0; }
.clear {clear:both;}