@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */





body {
background-color: #CCCCCC;
background-image: url(http://www.flocabulary.com/images/new_bk_gradient2.jpg);
background-repeat: repeat-x;
}

body {
background-color: #CCCCCC;
background-image: url(http://www.flocabulary.com/images/new_bk_gradient2.jpg);
background-repeat: repeat-x;
}


img { 
	border: 0; 
	margin: 0;
	padding: 0;
}

p {font-family: Verdana;
font-size: 13px;}

/* h1 is the large titles */
H1  {
	font-family: Verdana;
	font-size: 21px;
}

/* h2 is the product titles */
H2  {
	font-family: Verdana;
	font-size: 13px;
	text-decoration: underline;
	font-style: italic;
	color: #0083a4;
}

/* h3 is other titles */

H3  {
	font-family: Helvetica;
	font-size: 18px;
	font-style: oblique;
	color: #1b1464;
}
td {}

a:link { color: #0083a4 ; font-weight: 700; text-decoration: none; }

a:visited { color: #0083a4 ; font-weight: 700; text-decoration: none; }

a:hover { color: #0083a4 ; font-weight: 800; text-decoration: underline; }

a:active { color: #0083a4 ; font-weight: 900; text-decoration: underline; }


.fixed { font-size : 21px }

/* Text styles for multiple pages */

#product_descriptions
{ font-family: Verdana;
font-size: 13px }

#bigger_order_font
{ font-family: Verdana;
font-size: 13px;
vertical-align: bottom;

}
#smaller_order_font
{ font-family: Verdana;
font-size: 11px;
vertical-align: bottom;
}


#quotes_teacher_pages
{ font-family: Helvetica;
font-size: 18px;
font-weight: 300;
vertical-align: center;
text-align:center;
}

#names_teacher_pages
{ font-family: Helvetica;
font-size: 12px;
vertical-align: center;
text-align:center;
}



/* Rollover and Pops */


#trailimageid
{
	font-size: 0.75em;
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 286px;
	height: 0px;
	z-index: 200;
}

/* Alignment Divs */



.center
{ text-align: center
}

/* These will be the boxes / containers */

#main {
	width: 923px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana;
	font-size: 12px;
}


/* These will be the images */

#top_of_the_page {
	position: relative;
	top: 15px;
	
}

#catalog_top {
	position: relative;
	top: -9px;
	width: 565px;
	}
	
	
	
#navtop {
	position: relative;
	width: 570px;
	height: 1px;
	background-color: #ffffff;
}
#navbox {
	position: relative;

	}
	
div#navbox 	a:link { 	font: 12px Verdana; color: white; font-variant: small-caps; text-decoration: none;}
div#navbox	a:visited { font: 12px Verdana; color: white; font-variant: small-caps; text-decoration: none;}
div#navbox	a:hover { color: #0083a4; font-variant: small-caps; text-decoration: none;}
div#navbox	a:active { color: yellow; font-variant: small-caps; text-decoration: none;}


#h3link {
	position: relative;

	}

div#h3link 	a:link { 	font: bold oblique 18px Helvetica; color: #1b1464; text-decoration: none;}
div#h3link	a:visited { font: bold oblique 18px Helvetica; color: #1b1464; text-decoration: none;}
div#h3link	a:hover { font: bold oblique 18px Helvetica; color: #0083a4; text-decoration: none;}
div#h3link	a:active { font: bold oblique 18px Helvetica; color: #0083a4; text-decoration: underline;}



#navbottom {
	position: relative;
	width: 570px;
	height: 1px;
	background-color: #ffffff;
}

#divider {


	width: 923px;
	height: 15px;

}


#container {

	width: 923px;
	background-color: #ffffff;
}

#subject_box {
	padding-left: 0px;     
	margin-top: 0px;
	width: 323px;
	height: 360px;
	background-color: #f78f1e;
	background-image: url("http://www.flocabulary.com/images/new_orange_gradient.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
}

div#subject_box a:link { font: bold arial, halvetica, sans-serif; font-size: 21px; color: white;  text-decoration: none;}
div#subject_box a:visited { font: bold arial, halvetica, sans-serif; font-size: 21px; color: white;  text-decoration: none;}
div#subject_box a:hover { font: bold 21px arial, halvetica, sans-serif; color: #0083a4; text-decoration: none;}
div#subject_box a:active { font: bold 21px arial, halvetica, sans-serif; color: yellow; text-decoration: none;}



#subjectbox {
	padding-left: 0px;     
	margin-top: 0px;
	width: 323px;
	height: 360px;
	background-color: #f78f1e;
	background-image: url("http://www.flocabulary.com/images/new_orange_gradient.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
}

div#subjectbox 	a:link { 	font: bold 26px arial, halvetica, sans-serif; color: white; text-decoration: none;}
div#subjectbox a:visited { font: bold 26px arial, halvetica, sans-serif; color: white; text-decoration: none;}
div#subjectbox 	a:hover { color: #0083a4;  text-decoration: none;}
div#subjectbox 	a:active { color: yellow; text-decoration: none;}



#choose_a_subject_header {
	position: relative;
	left: 40px;
	top: 20px;
}

#language_arts_button {
	position: relative;
	left: 20px;
	top: 55px;
}




#social_studies_button {
	position: relative;
	left: 20px;
	top: 100px;
}

#math_science_button {
	position: relative;
	left: 20px;
	top: 150px;
}

#big_flash_box {
	position: relative;
	height: 360px;
	background-color: black;
}

#options_box {
	position: relative;
	padding-left: 0px;     
	margin-top: 0px;
	height: 76px;
	background-color: #f78f1e;
	background-position: bottom left;
	background-repeat: repeat-x;
}

#catalog_button {
	position: relative;
	left: 25px;
	top: 6px;
}
#newsletter_button {
	position: relative;
	left: 25px;
	top: 6px;
}

#week_in_rap_button {
	position: relative;
	left: 25px;
	top: 6px;
}

#hip_hop_class_button {
	position: relative;
	left: 25px;
	top: 6px;
}

#videos_button {
	position: relative;
	left: 25px;
	top: 8px;
}

#small_flash_box {
	position: relative;
	width: 608px;
	height: 180px;
	background-color: black;
}

#info_box {
	position: relative;
	width: 300px;
	height: 180px;
	background-color: #0083a4;
}

#blue_arrow {
	position: relative;
	left: 10px;
	top: 10px;
}
#word_box {
	position: relative;
	left: 33px;
	top: -7px;
	width: 260px;
	height: 160px;
	font: 12px/1.3 Verdana;
	color: #ffffff;
}

#bottomnavbox {
	position: relative;
	top: 10px;
	font: 12px Verdana; color: black; font-variant: small-caps; text-decoration: none;
	}
	
div#bottomnavbox a:link { 	font: 12px Verdana; color: black; font-variant: small-caps; text-decoration: none;}
div#bottomnavbox a:visited { font: 12px Verdana; color: black; font-variant: small-caps; text-decoration: none;}
div#bottomnavbox a:hover { font: 12px Verdana; color: #0083a4; font-variant: small-caps; text-decoration: none;}
div#bottomnavbox a:active { font: 12px Verdana; color: yellow; font-variant: small-caps; text-decoration: none;}

#pop_up {
	font: 12px/1.3 Verdana;
	color: #ffffff;
}


#scrolling_text_box
{
	border: 2px; border-color: #ffffff; border-bottom: 2px;
	position: relative;
	font: 13px Verdana; color: black; text-decoration: none;
	width:383px; height:320px; overflow: auto; visibility: visible;
	text-align: left;
	}
	
#scrolling_press_box
{
	border: 1px; border-color: #ffffff;
	position: relative;
	font: 12px Verdana; color: black; text-decoration: none;
	width:913px; height:480px; overflow:auto; visibility: visible;
	text-align: left;
	}
#big_quotes_on_listen_pages {
	
	width: 600px;
	position: relative;
	left: 30px;
	font: 24px Verdana; color: black; text-decoration: none;
	}
#reviews_page_quotes {
font: 12px Verdana; color: black; font-variant: small-caps; text-decoration: none; font-weight:bold;
}

#more_song_title {
font: 15px Verdana; color: black; font-variant: small-caps; font-weight:bold;
}

#toc {
font: 15px Verdana; color: black;
}

/* Crazy Stuff for Light-Box Pop-Up View Thang*/

#sp1 {
	position: relative;
	width: 282px;
	height: 538px;
	z-index: 1;

}


#shell {

	text-align: center;
	
} 

/* END crazy Stuff for Light-Box */

.hiddenpic {display:none;}

/* If we want wallpaper for the right column, put it here*/

#wallpaper
{  }










/* Navigation DOES THIS DO ANYTHING????*/
#navigation{
	float:left;
	width:150px;
	margin:0px;
	color: pink;
	text-align:right;
}

#navigation ul{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

/* This is the Text Buttons for Navigation before rollover */

#navigation ul li a{
display: block;
border-bottom: 1px solid #000000  ;
padding: 8px;
color: #FFFFFF;
font: bold 21px arial, halvetica, sans-serif;
text-decoration: none;
}




#navigation ul li a:hover{
background-color: #0099FF;
}



/* Nav Menu */
ul#navmenu li{
position: relative;
}
ul#navmenu li ul{
display: none;
position: absolute;
left: 0px;
top: 132;
width:219px;
margin: 0;
padding: 1px 0;
border: 1px solid #0065B3;
list-style-type: none;
}

ul#navmenu li:hover ul, ul#navmenu li.over ul{
display:block;
background-color: #CCCCCC;
z-index: 1000;
}

ul#navmenu ul li a, ul#navmenu ul li a:visited {
display: block;
border-top:1px solid #fff;
padding: 10px;
border-bottom: 0;
background-color: #ccdfff;
color: black;
font: 15px arial, halvetica, sans-serif;
font-weight: 550;
text-align: left;
text-decoration: none;
}

ul#navmenu ul li a:hover{
background-color: #0099FF;
color:#fff;
}





/* Nav Menu Vocab */
ul#navmenuvocab li{
position: relative;
}
ul#navmenuvocab li ul{
display: none;
position: absolute;
left: 0px;
top: 132;
width:254px;
margin: 0;
padding: 1px 0;
border: 1px solid #0065B3;
list-style-type: none;
}

ul#navmenuvocab li:hover ul, ul#navmenuvocab li.over ul{
display:block;
background-color: #CCCCCC;
z-index: 1000;
}

ul#navmenuvocab ul li a, ul#navmenuvocab ul li a:visited {
display: block;
border-top:1px solid #fff;
padding: 10px;
border-bottom: 0;
background-color: #ccdfff;
color: black;
font: 15px arial, halvetica, sans-serif;
font-weight: 550;
text-align: left;
text-decoration: none;
}

ul#navmenuvocab ul li a:hover{
background-color: #0099FF;
color:#fff;
}

.product_box {
width: 548px; background-image:url('/images/product_box_top.gif');background-repeat:no-repeat; padding-top: 8px; float: left; margin: 10px 0px 20px 15px;
}

.product_box_inner {
background-image:url('/images/product_box_bottom.gif');background-repeat:no-repeat;background-position:bottom; padding-bottom: 8px;
}

.product_table_wrap {
border-left: solid 3px #f26025;border-right: solid 3px #f26025; text-align: left; padding: 5px;
}


.quote_box {
width: 276px; background-image:url('/images/quote_box_top.gif');background-repeat:no-repeat; padding-top: 8px; float: left; margin: 10px 0px 20px 15px;
}

.quote_box_inner {
background-image:url('/images/quote_box_bottom.gif');background-repeat:no-repeat;background-position:bottom; padding-bottom: 8px;
}

.quote_table_wrap {
border-left: solid 3px #f26025;border-right: solid 3px #f26025; text-align: left; padding: 5px;
}