/*------------------------------------------------------------------
[Main Stylesheet]

Project:		Box Tops for Education - Base Stylesheet

[Table of contents]

0. Resets
1. Body
2. Core Styles
3. Header / #header-wrap / #header-content
4. Global Navigation / #global-nav
5. Top Navigation / #top-nav
6. Content / #main-wrap / #main-content / #content
7. Sidebar / #sidebar
8. Footer / #footer-wrap / #footer-content
9. Container Styles
10. List Item Styles
11. Special Headers
12. Form Styles
13. Home Styles
14. Learn Styles
15. Earn Styles
16. Progress Styles
17. Share Styles
18. Registration Styles
19. The Big Clip Styles - Temporary section until the page is removed from the site.

[Common Colors]

Light gray :	#E3E3D8 ( page background )
Dark brown :	#79755A ( nav, footer, default text, etc )
Dark gray :		#95908a ( structure, BT-links )
Dark pink :		#ec078c	( paragraph links )
Medium Purple :	#605BAC ( headers )
Light Gray 2 :	#ECECE5 ( subnav background )
Medium Gray :	#D5D6C6 ( h2 underline, box borders, ad borders )

-------------------------------------------------------------------*/

/* 0. Resets */

*		{ margin: 0; padding: 0; font-family: Helvetica,Arial,Verdana,sans-serif; }
img		{ border: none; }
hr		{ clear: both; visibility: hidden; }
.clear	{ clear: both; }
table	{ border-collapse: collapse; }
.marketplace-summary iframe	{ display: none; } /* Added by Adam to prevent it from breaking IE6 floats */
iframe.HIDEME	{ display: none; } /* Added by Adam to prevent it from breaking IE6 floats */

/* 1. Body */

body		{ background: #E3E0D7; color: #79755A; height: 100%; min-height: 100%; font-size: 13px; line-height: 1.3em; }
#header-wrap, #footer-wrap, #main-wrap 				{ min-width: 1000px; text-align: center; }
#header-content, #footer-content, #main-content 	{ width: 1000px; margin: 0 auto; text-align: left; background: #FFF; }


/* 2. Core Styles / Grouped styles */

a	            { color: #ec078c; text-decoration: none; cursor: pointer }
a:hover	        { text-decoration: underline; }

p			{ margin: 20px 0; color: #79755A; }
ul, ol		{ margin: 0 0 0 20px; color: #79755A; }

h1			{ color: #605BAC; font-size: 18pt; font-weight: normal; }
h1 img		{ vertical-align: middle; }
h1 span		{ border-left: 1px solid #79755A; font-weight: bolder; margin-left: 10px; padding-left: 10px; }

h2			{ font-size: 24px; text-transform: lowercase; font-weight: normal; padding: 10px 0 10px; }

h3			{ color: #ec078c; line-height: 1.2em; font-size: 16pt; font-weight: normal; margin: 10px 0 5px; text-transform:lowercase; }
h4          { text-transform: lowercase; font-weight: normal; font-size: 12pt; }
h5          { font-size: 11px }
h6			{ font-size: 14px; font-weight: normal; }
th			{ text-align: left; }

h2.home					{ color: #EC078C; }
h2.learn				{ color: #00B6F0; }
h2.earn					{ color: #6EBC04; }
h2.progress				{ color: #FAA61A; }
h2.share				{ color: #524AA5; }
h2.coord    			{ color: #524AA5; }

h3.home, h3.home a		{ color: #EC078C; text-decoration: none; }
h3.learn, h3.learn a	{ color: #00B6F0; text-decoration: none; }
h3.earn, h3.earn a		{ color: #6EBC04; text-decoration: none; }
h3.progress, h3.progress a	{ color: #FAA61A; text-decoration: none; }
h3.share, h3.share a	{ color: #524AA5; text-decoration: none; }
h3.coord, h3.coord a	{ color: #524AA5; text-decoration: none; }

h4.home					{ color: #EC078C; margin: 10px 0 20px; }
h4.learn				{ color: #00B6F0; margin: 10px 0 20px; }
h4.earn					{ color: #6EBC04; margin: 10px 0 20px; }
h4.progress				{ color: #FAA61A; margin: 10px 0 20px; }
h4.share				{ color: #524AA5; margin: 10px 0 20px; }
h4.coord    			{ color: #524AA5; margin: 10px 0 20px; font-weight: bold }

h6.home					{ color: #EC078C; margin: 10px 0 20px; }
h6.learn				{ color: #00B6F0; margin: 10px 0 20px; }
h6.earn					{ color: #6EBC04; margin: 10px 0 20px; }
h6.progress				{ color: #FAA61A; margin: 10px 0 20px; }
h6.share				{ color: #524AA5; margin: 10px 0 20px; }
h6.coord    			{ color: #524AA5; margin: 10px 0 20px; }

#header-content     { position: relative; z-index: 999; height: 125px; } /* allows drop down menu to be seen */


h2.image_header, h3.image_header { display: block; padding: 0px; margin: 30px 0 0; height: 50px; text-indent: -10000px; }
#makeadifference	{ background: url(/canada/_images/makeadifference.png) no-repeat top left; height: 72px; margin-bottom: 30px; }
#makeadifferencefr	{ background: url(/canada/_images/makeadifferencefr.png) no-repeat top left; height: 72px; margin-bottom: 30px; }


/* 4. Global Navigation / #global-nav */

#global-nav			{ background: #B3ADA7; height: 20px; }
#global-nav ul		{ list-style: none; font-size: 10px; text-transform: uppercase; font-weight: bold; }
#global-nav ul li	{ display: inline; border-left: 1px solid #A19D98; padding: 0 4px; }
#global-nav ul li:first-child	{ border: none; padding-left: 0; }
#global-nav ul li a	{ color: #FFF; line-height: 20px; }
#header-content h1 		{ position: absolute; left: 0; top: 20px; height: 105px; width: 334px; }
#header-content h1 a 	{ display: block; height: 80px; width: 280px; }
#header-content h1 a span	{ display: block; position: absolute; left: -5000px; top: 0px; border: 0px; }


/* 6. Content / #main-wrap / #main-content / #content */

#content		            { margin: 0 0 0 200px; padding: 0 0 30px 20px; float: left; width: 735px; background: #fff; }
#content-single-column		{ margin: 0; padding: 0 20px 30px 20px; float: left; width: 960px; background: #fff; overflow: hidden }
#content-only	            { margin: 0; padding: 0; }

/* 8. Footer / #footer-wrap / #footer-content */

#footer-content			{ position: relative; z-index: 0; }
#footer-content ul		{ list-style: none; font-size: 10px; font-weight: bold; text-transform: lowercase; padding: 30px 0 20px 0; }
#footer-content ul li	{ display: inline; border-left: 1px solid #95908a; padding: 0 10px; }
#footer-content ul li:first-child	{ border: none; padding-left: 0; text-transform: lowercase; }
#footer-content ul li a		{ color: #95908a; }

#footer-content .genmills		{ position: absolute; right: 20px; top: 28px; width: 200px; text-align: right; }
#footer-content .genmills a		{ color: #95908a; font-size: 10px; font-weight: bold; text-transform: lowercase; }


ul.mce-works-horizontal					{ list-style: none; margin: 5px 0 0 0; padding: 0; font-size: 11px !important; line-height: 15px !important; overflow: hidden; }
ul.mce-works-horizontal li			    { width: 120px; height: 103px; overflow: hidden; margin: 0 0 10px; padding: 0 0 0 85px !important; border-bottom: 1px solid #E2DEDD; min-height: 105px; float: left; }
ul.mce-works-horizontal li.list-1		{ background: url(/_images/list-1-small.png) no-repeat left bottom; padding-right: 50px !important; }
ul.mce-works-horizontal li.list-2		{ background: url(/_images/list-2-small.png) no-repeat left bottom; padding-right: 50px !important; }
ul.mce-works-horizontal li.list-3		{ background: url(/_images/list-3-small.png) no-repeat left bottom; }
ul.mce-works-horizontal li h3 a			{ color: #00B6F0; font-size: 16px; }
ul.mce-works-horizontal li p			{ margin: 15px 0 10px; }

a.bt-link			{ color: #79755A; height: 20px; display: inline-block; line-height: 20px; text-transform: uppercase; font-size: 10px; padding-right: 20px; background: url(/_images/link-arrow.png) no-repeat center right; }
a.bt-link:visited	{ color: #79755A; }
a.bt-link:hover		{ color: #EF289B !important; text-decoration: none !important; }

table td { padding-bottom: 20px; }