@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;
}

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; }


/* 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-style: italic;
font-weight: 300;
vertical-align: center;
}

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

/* 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: 340px;
	}
	
	
	
#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;}

#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;
}

#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;}

#scrolling_text_box
{
	border: 2px; border-color: #ffffff; border-bottom: 2px;
	position: relative;
	font: 13px Verdana; color: black; text-decoration: none;
	width:385px; 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
{  }