/*** CSS for Wall Street Survivor V4
     2010 Marjorie Lazaro
**************** HOME *********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, em, font, img, small, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, caption, tbody, tfoot, thead, input {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline
}

.marginL-1 { margin-left: 1px }
hr { color: #6591ba; background-color: #6591ba; height: 1px; border: 0 }
h2 { text-align: left }
.box h1, h3 { color: #feffff; font-size: 14px; font-weight: bold; font-family: Helvetiva, Arial, Sans-serif }
body { background: #044c8e url(/App_Themes/WSS/Images/Home/bg-homepage.jpg) 50% 0 no-repeat }

.home .home-wrapper { width: 951px; margin: 0 auto; text-align: center; line-height: 18px }

/* HEADER */
.home .header { background-image: none; width: 951px; margin: 0; padding: 0 }
.home .header img { float: left }
.home .header ul { float: left; list-style-type: none; margin: 0 15px 0 0 }
.home .header ul li { float: left; margin: 0 2px }

/* diaporama */
.diaporama { z-index: 0; width: 950px; height: 254px; margin: 0; padding: 0 }
.glidecontentwrapper { z-index: 0; position: relative; left: 1px; width: 950px; height: 254px; overflow: hidden }
.glidecontent{ z-index: 0; position: absolute; top: 0; visibility: hidden; width: 950px; height: 237px }
.glidecontenttoggler { position: relative; top: -33px; left: 810px; width: 160px; height: 33px }
.glidecontenttoggler a, .glidecontenttoggler a img { margin: 0; padding: 0 }

.intro-links { clear: both; float: left; position: absolute; top: 440px; z-index: 1; clear: both; margin: 0 0 0 -21px; padding: 0 }
.partners { background-color: #fff }
.partners img { margin-left: -1px }


/* FIRST ROW */
.home .row1 { margin: 0; padding: 60px 0 0; background: #ebf5fd url(/App_Themes/WSS/Images/Home/bg-gradient1.jpg) 0 0 repeat-x }
.home .row1 img { clear: both; margin: 0 0 0 2px }
.home .row1 p { float: left; font-size: 12px; text-align: left }
.home .row1 p.column1 { width: 195px; margin: 0 0 10px 40px }
.home .row1 p.column2 { width: 180px; margin: 0 0 10px 30px }


/* SECOND ROW */
.home .row2 { height: 520px; background: #fff url(/App_Themes/WSS/Images/Home/bg-gradient2.jpg) 0 0 repeat-x }
.home .row2 .box { float: left; width: 415px; height: auto; padding: 20px; text-align: left; color: #343434 }
/* First Line */
.home .row2 .firstLine { width: 950px; height: 220px; background: transparent url(/App_Themes/WSS/Images/Home/bg-teacher-quote.jpg) 50% 0 no-repeat }
/* teachers */
.home .row2 .firstLine .teachers { float: left; padding-top: 115px; margin-left: 20px } 
.home .row2 .firstLine .teachers a { color: #000; text-decoration: underline }
/* testimonials */
.home .row2 .firstLine .testimonial { float: left; padding: 80px 0 0 60px; font-size: 12px; color: #323232 } 
.home .row2 .firstLine .testimonial blockquote { color: #323232; font-style: italic; font-size: 18px; width: 300px; line-height: 22px }
.home .row2 .firstLine .testimonial b { color: #233b51; font-weight: bold; font-size: 14px }
/* Second Line */
.home .row2 .secondLine { width: 950px; height: 250px; background: transparent url(/App_Themes/WSS/Images/Home/bg-learn-search-tweet.jpg) 50% 0 no-repeat }
.home .row2 .secondLine .learn { padding: 10px 0 0 40px }
.home .row2 .secondLine .learn a { color: #008dc6 }
.home .row2 .secondLine .quote-search { padding: 50px 0 0 45px }
.home .row2 .secondLine .quote-search .search-field { border: 1px solid #c6c6c6; height: 22px; padding: 3px; background-color: #fff; position: relative; top: -9px }
.home .row2 .secondLine .twitter { padding: 65px 10px 60px; color: #008dc6 }
.home .row2 .secondLine .twitter ul { list-style-type: none }
.home .row2 .secondLine .twitter a { color: #008dc6 }
.home .row2 .secondLine ul.education { padding: 35px 0 0 30px }
.home .row2 .secondLine ul.education li { float: left; list-style-type: none }
.home .row2 .secondLine ul.education li a { display: block; height: 35px; line-height: 35px; padding: 0 25px; float: left; background-color: #fff; color: #477cae; border-top: 2px solid #2e5d8b; border-right: 1px solid #81b8e1 }
.home .row2 .secondLine ul.education li a:hover { text-decoration: none } 
.home .row2 .secondLine ul.education li a.active { background-color: #477cae; color: #fff; }

/* LOVE WSS */
.home .loveWss { margin-top: 10px; background-color: transparent; color: #feffff }
.home .box { float: left; width: 425px; height: 340px; padding: 20px; text-align: left; color: #feffff; font-size: 12px; font-weight: normal; font-family: Helvetiva, Arial, Sans-serif }
.home .box h3, .home .box h1 { margin-bottom: 10px }
.home .loveWSS h2 { margin: 0; padding: 0 }
.home .box ul { margin: 0 }
.home .box ul li { margin-left: 20px }
.home .box b { font-weight: normal }
.home .box a { color: #feffff }
.home .box ul li h1 { font-size: 12px }

/* FOOTER */
.homeFooter .footer-wrapper, .homeFooter .footer-content { background-color: transparent } /* !!! this is also in main.css */
.homeFooter { width: 951px; margin: 0 auto; background-color: #044c8e }
.homeFooter .other ul.other-links li { height: 40px; line-height: 35px }