/*
	Survival Spanish for Teachers
	on behalf of Beacon Marketing
	
	By Adam Hansen
	www.ahansendesign.com
	Created: February 6, 2009
	Last Updated: February 6, 2009
*/
	
/*
		~COLOR SCHEME~
		Red: 	#cc0001
*/


/*
	RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ font-size: 100%; font-family: "Times New Roman", Times, serif; color: #000; background: url(../images/bg_side.gif) repeat-y left #FFF; }
ul									{ margin: 0 0 0 5px; padding: 0; }
li									{ color: #FFF; list-style: none; }
a									{ outline: none; text-decoration: none; color: #cc0001; }
a img								{ border: none; background: none; }
p									{ margin: 0 0 10px 0; line-height: 1.3em; font-size: 0.85em; }


/*
	UTILITY
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }


/*
	STRUCTURE
*/
#page-wrap							{ width: 788px; margin: 10px 0 0 0; min-height: 100%; height: auto !important; height: 100%; }
#page-wrap.home						{ background: url(../images/bg_notebook.png) top left no-repeat; } /* Will include the notebook graphic */
#page-header						{ float: left; margin: 10px 0 0 247px; }
#side-col							{float: left; width: 235px; padding: 5px;  }
#side-col p							{ float: left; width: 235px; padding: 5px; font-size: 1em; line-height: 1.4em; font-weight: normal; color: #FFF; }
#side-col .testimonial				{ text-align: center; margin-top: 75px; }
#side-col .testimonial p			{ font-size: 1em; line-height: 1.4em; font-weight: normal; color: #FFF; }
#side-col .thumbs p					{ font-size: 1.3em; margin-left: 5px; line-height: 1.4em; font-weight: normal; color: #FFF; }
#side-col .testimonial p.title		{ font-weight: bold; font-size: 1.4em; }
#side-col ul						{ margin: 0 0 0 15px; padding: 0; }
#side-col li						{ text-transform: capitalize; list-style: none; }
#side-col a							{ color: #FFF; font-weight: bold; text-decoration: underline; }

#side-col #journal					{ margin: 0 auto; text-align: center; margin-top: 40px; }
#side-col #journal p				{ color: #FFF; font-size: 1em; }

#main-content						{ float: right; width: 510px; } 
#main-content p						{ margin: 15px 0; font-size: 1em; }
#main-content p.link				{ margin-top: 4px; }
#main-content p.link a				{ color: #000; }
#main-content ul					{ margin: 0 25px; padding: 0; }
#main-content li					{ list-style: inside; color: #000; }
#main-content li a					{ color: #0068cb; text-decoration: underline; font-size: 1em; font-weight: bold; }

#main-content .testimonial			{ float: left; width: 260px; background: #CC0001; padding: 3px; margin: 15px 0 0 0; text-align: center; border: 2px solid #000; }
#main-content .testimonial p		{ color: #FFF; }
#main-content .testimonial p.title	{ font-weight: bold; font-size: 1.4em; }


#order-center						{ width: 500px; margin-top: 50px;}
#order-center p						{ color: #cc0001; font-size: 1.1em; font-weight: normal; line-height: 1.2em; }
#header								{ width: 500px; margin: 0 auto; text-align: center; }

#thumb-sm							{ width: 240px; text-align: center; margin-bottom: 20px; }
#thumb-lrg							{ clear: both; width: 400px; margin: 0 auto; text-align: center; }

#footer								{ width: 100%; margin-top: 50px; }
#footer a							{ text-decoration: underline; color: #003399; }
#arrow-left							{ float: left; width: 100px; text-align: left; background: url(../images/btn-arrowLeft.gif) left no-repeat; padding: 3px 0 5px 15px; margin-top: 65px; }
#arrow-right						{ float: right; width: 200px; text-align: right; background: url(../images/btn-arrowRight.gif) top right repeat-y; padding: 3px 5px 5px 0; margin-top: 0px; overflow: hidden; }
#arrow-right span					{ clear: left; float: left; width: 190px; height: 32px; }
#buynow								{ float: left; width: 113px; text-align: center; margin-top: 45px; }

#toc								{ width: 225px; margin: 35px 0 0 0; text-align: center; }
#toc p								{ font-size: 0.85em; font-weight: bold; color: #FFF; } 

/*
	TYPOGRAPHY
*/
h1									{ color: #FFF; font-size: 1.3em; text-align: left; margin: 5px 0 20px 0; }
h2									{ color: #cc0001; font-size: 1.1em; margin: 5px 0 20px; font-weight: normal; }
h3									{ color: #CC0001; font-size: 1.2em; margin: 35px 0 0 0; }
h4									{ color: #FFF; font-size: 1.1em; margin: 30px 0 0; padding: 0 0 5px 0; text-align: left; border-bottom: 1px solid #FFF; }


/*
	NAVIGATION
*/
#nav								{ float: left; width: 519px; height: 30px; background: #CC0001; color: #FFF; margin: 0 0 20px 2px; padding: 0 0 0 0px; } 
#nav ul								{ margin: 6px 0 0 0; padding: 0 0 10px 0; font-size: 0.85em; font-weight: bold;}
#nav li								{ list-style: none; display: inline;  }
#nav li a							{ color: #FFF; padding: 8px 9px 10px 5px; }
#nav li a:hover						{ background: #FFF; color: #CC0001; }
#nav li.current a, a:hover			{ color: #000; }
table,td,th{
	border-collapse:collapse;
	margin:0;
	padding:0;
}
td,th{
	padding:.0em .4em;
	vertical-align:top;
	font-weight:normal;
}