@import url(http://fonts.googleapis.com/css?family=Rancho);
@import url(http://fonts.googleapis.com/css?family=Oswald);

/* Common Styles */
.push {height: 20px;}

#module_content.sub_module { border: none !important; width: 880px !important;}
.landing-hdr { display: block; height: 75px; width: 870px; overflow: hidden; background: url("https://media1.shmoop.com/images/landing_images/florida-eoc_banner.png") no-repeat transparent; margin: 20px auto 10px; text-align: center;  }
.landing-hdr h1 {color: #FFFFFF; font-family: 'Oswald'; font-size: 36px; font-weight: bold;text-transform: uppercase; line-height: 59px; margin: 0; text-shadow: none;}

#florida-landing h1, #florida-sample h1 {color: #FFFFFF; font-family: 'Oswald' !important; font-size: 36px; font-weight: bold;text-transform: uppercase; line-height: 50px; margin: 0; text-shadow: none;}
#florida-landing h2, #florida-sample h2 {color: #e15c40; font-family: 'Oswald'; font-size: 36px; font-weight: bold;text-transform: uppercase; line-height: 50px; margin: 0; text-shadow: none;}
#florida-landing h3, #florida-sample h3 {color: #FFFFFF; font-family: 'Oswald'; font-size: 36px; font-weight: bold;text-transform: uppercase; line-height: 50px; margin: 0; text-shadow: none;}
#florida-sample h4{font-family:'Rancho',cursive;font-size:30px;font-weight: normal; color: #202930; margin: 25px 0 10px;}

.darkblue-button {color: #FFFFFF; font-family: 'Oswald'; font-size: 18px; font-weight: bold;text-transform: uppercase; background-color: #0063b6; text-shadow: none; border-radius: 6px; line-height: 37px; border-bottom: 3px solid #009db5; border-right: 3px solid #009db5; margin: 0 auto; text-align: center; cursor: pointer;}
.darkblue-button:hover {color: #fa9d48;}
.darktblue-chevron {height: 24px; width: 20px; background: transparent url(https://media1.shmoop.com/images/sprites/florida_landing-sprite.png) -230px -496px no-repeat; float: right; margin: 7px 7px 0 0;} 
#top-left .darkblue-button {border-color: #b74b35;}
.lightblue-button {width: 170px; color: #FFFFFF; font-family: 'Oswald'; font-size: 18px; font-weight: bold;text-transform: uppercase; background-color: #00afc9; text-shadow: none; border-radius: 6px; line-height: 37px; border-bottom: 3px solid #c8c8c8; border-right: 3px solid #c8c8c8; margin-top: 20px; text-align: center; cursor: pointer;}
.lightblue-button-history {margin-top: 0;}
.lightblue-button:hover {color: #e15c40;}
.lightblue-chevron {height: 24px; width: 20px; background: transparent url(https://media1.shmoop.com/images/sprites/florida_landing-sprite.png) -230px -440px no-repeat; float: right; margin: 7px 7px 0 0;} 

/* Nav */

#florida-nav{border-bottom: 5px solid #e15c40; height: 42px; width: 100%; margin-bottom: 0;}
#florida-nav > div{float: left; padding: 6px 18px; font-size: 19px; text-transform: uppercase; font-weight: bold; color: #e15c40; font-family:'Oswald'; cursor: pointer;}
#florida-nav > div.active{background-color: #e15c40; color: white; padding-left: 15px; cursor: auto;}
#selection_arrow{background: #e15c40 url(https://media1.shmoop.com/images/career/sprites_careers.png) -270px -34px no-repeat; width: 35px; height: 32px; float: left;}
.ap_sample > div {padding: 6px 12px !important; letter-spacing: -1px;}
.ap_sample > div.active{padding-left: 12px !important;}

/* Landing Page */

#top-row {height: 290px; background-color: #e15c40; width: 100%; color: #fff; border-bottom-left-radius: 10px;}
.biology-landing #top-row {height: 314px;}
#top-left {width: 215px; float:left;}
#croco-logo {height: 190px; width: 282px; background: transparent url(https://media1.shmoop.com/images/sprites/florida_landing-sprite.png) 0 -44px no-repeat; margin: 35px 0 0 -87px;}
#top-middle {width: 380px; float:left; padding: 15px 12px 0; font-size: 15px; text-align: justify;}
#top-right-algebra {width: 253px; height: 295px; float:right; background: url(https://media1.shmoop.com/images/sprites/florida_landing-2ndsprite.png) -4px -17px no-repeat ; margin-top: -5px;}
#top-right-biology {width: 253px; height: 319px; float:right; background: url(https://media1.shmoop.com/images/sprites/florida_landing-2ndsprite.png) -267px -6px no-repeat ; margin-top: -5px;}
#top-right-civics {width: 253px; height: 295px; float:right; background: url(https://media1.shmoop.com/images/sprites/florida_landing-2ndsprite.png) -795px -17px no-repeat ; margin-top: -5px;}
#top-right-geometry {width: 253px; height: 295px; float:right; background: url(https://media1.shmoop.com/images/sprites/florida_landing-2ndsprite.png) -531px -17px no-repeat ; margin-top: -5px;}
#top-right-us-history {width: 253px; height: 295px; float:right; background: url(https://media1.shmoop.com/images/sprites/florida_landing-2ndsprite.png) -1061px -17px no-repeat ; margin-top: -5px;}

#second-row { margin-top: 22px;}
#second-left {height: 353px; width: 565px; background-color: #f6f6f6;border-radius: 10px; border-bottom: 4px solid #e8e9e9; float: left;}
.oranges {height: 353px; width: 223px; background: transparent url(https://media1.shmoop.com/images/sprites/florida_landing-sprite.png) -406px -195px no-repeat; float: left;}
#try-sample {float: left; width: 300px; padding: 15px 15px 15px 25px;}
.try-sample-history {padding-top: 10px !important;}
#second-right {height: 337px; width: 250px; background-color: #00afc9; border-radius: 10px; float: right; padding: 15px 22px 5px;}
#florida-map {height: 165px; width: 225px; background: transparent url(https://media1.shmoop.com/images/sprites/florida_landing-sprite.png) -398px -6px no-repeat; margin: 5px auto 16px;}
.teachers-link {color: #fff; float: right; margin-right: -14px; width: 90px; margin-top: -4px;}
.teachers-link:visited {color: #fff; text-decoration: none;}
.teachers-link:hover {text-decoration: underline;}

#third-row {margin-top: 22px;}
#third-left {height: 390px; width: 370px; float:left;}
#video-crown {height: 120px; width: 350px; background: transparent url(https://media1.shmoop.com/images/sprites/florida_landing-sprite.png) -20px -255px no-repeat; margin: 0 auto; color: #fff; text-align: center;}
#video-crown h3 {padding-top: 36px; line-height: 39px;font-size: 35px;}
.florida-video {margin-top: -1px;}
#third-right {height: 356px; width: 420px; float: right; background-color: #91c93e; border-radius: 10px; border-bottom: 4px solid #e8e9e9; padding: 15px 25px; color: #fff; font-size: 17px;}
#thumbs-logo {height: 92px; width: 94px; background: transparent url(https://media1.shmoop.com/images/sprites/florida_landing-sprite.png) -20px -440px no-repeat; float: left; margin-right: 15px;}
.foryou-list {list-style: none; margin-left: 0; padding-left: 10px;}
.foryou-list li {list-style: none; background: url(https://media1.shmoop.com/images/landing_images/florida_listcheck.jpg) no-repeat; padding-left: 48px; margin-bottom: 8px;}

/* Sample Page */

#florida-sample p {text-align: justify; color: #20292f;}
#florida-sample h1 {text-align: left;}
#top-sample p {color: #fff !important;}

.issues-list li {color: #20292f; margin-bottom: 5px;}

#top-sample {padding: 25px 40px 25px 5px; font-size: 15px; text-align: justify; margin-left: 20px;}
#florida-sample #top-row {height: 100%; border-bottom-right-radius: 10px;}
#florida-sample #top-left {margin: 0 10px 5px 0;}
#top-sample a {color: #fff; font-weight: bold; text-decoration: underline;}

.home-links {font-size: 13px;}

.separator {height: 2px; width: 100%; background-color: #e0e1e2; margin-bottom: 20px;}

.listnumber {font-family: 'Oswald'; font-size: 30px; font-weight: bold; float: left; line-height: 30px; margin: 0 20px 0 25px; width: 20px;}

#view-product-wrapper{
    float: right;
    margin: 8px 10px 0 0;
}

#view-product{
    background-color: #0465AD; padding: 8px 12px; display: block; text-align: center; color: white; font-size: 18px;
}