#menuwrapper { background-color: #fff; background-image: url(menu/bg-new.jpg); background-repeat: repeat-x; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0105), color-stop(100%, #b61314)); background: -webkit-linear-gradient(top, #ff0105 0%,#b61314 100%); background: -moz-linear-gradient(top, #ff0105 0%,#b61314 100%); background: -o-linear-gradient(top, #ff0105 0%,#b61314 100%); background: -ms-linear-gradient(top, #ff0105 0%,#b61314 100%); background: linear-gradient(top, #ff0105 0%,#b61314 100%); height: 30px; border: 1px solid #333; width: 100%; float: left; } .clearit { clear: both; } #google_translate_element { float: right; } #FeesColumn { width: 900px; float: left; background-color:#FFFFFF; } .style1 { font-size: 13px; font-family: "Trebuchet MS"; } .style2 {color: #FFFFFF} a:link { color: #0061A5; } a:visited { color: #0061A5; } a:hover { color: #C61010; } body,td,th { color: #333333; } body { background-color: #31659C; } h1 { font-size: 16px; color: #C61010; } #Tidymenubar,#Tidymenubar ul { padding: 0; margin: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; height: 30px; width:700px; float:left; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0105), color-stop(100%, #b61314)); background: -webkit-linear-gradient(top, #ff0105 0%,#b61314 100%); background: -moz-linear-gradient(top, #ff0105 0%,#b61314 100%); background: -o-linear-gradient(top, #ff0105 0%,#b61314 100%); background: -ms-linear-gradient(top, #ff0105 0%,#b61314 100%); background: linear-gradient(top, #ff0105 0%,#b61314 100%); } #Tidymenubar li { height: 30px; float: left; } #Tidymenubar li a { display: block; text-decoration: none; letter-spacing: 0; font-weight: bold; font-size: 120%; color: #FFFFFF; padding: 7px 14px 8px 14px; border: none; position: relative; z-index: 2; } #Tidymenubar li ul.sub-menu { position: absolute; z-index: 1; display: none; width:auto; height: auto; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; -webkit-box-shadow: 1px 1px 8px rgba(51,51,51,0.5); -moz-box-shadow: 1px 1px 8px rgba(51,51,51,0.5); box-shadow: 1px 1px 8px rgba(51,51,51,0.5); border: 1px solid #333; background: #ff0105; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0105), color-stop(100%, #b61314)); background: -webkit-linear-gradient(top, #ff0105 0%,#b61314 100%); background: -moz-linear-gradient(top, #ff0105 0%,#b61314 100%); background: -o-linear-gradient(top, #ff0105 0%,#b61314 100%); background: -ms-linear-gradient(top, #ff0105 0%,#b61314 100%); background: linear-gradient(top, #ff0105 0%,#b61314 100%); } #Tidymenubar li ul.sub-menu li { width:auto; min-width:160px; display:block; float:none; } #Tidymenubar li a:hover { color: #D5E61E; background: #ff0105; border-right: 1px solid #333; border-left: 1px solid #333; padding: 7px 13px 9px 13px; } #Tidymenubar li ul.sub-menu li a { border: none; } #Tidymenubar li ul.sub-menu li a:hover { padding: 7px 14px 8px 14px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } #google_translate_element { margin-top:3px; margin-right:4px; float:right; } body, html { margin: 0; padding: 0; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #336799; background-image: url(menu/bg_Southampton_English_School.jpg); background-repeat: repeat-x; font-size: 12px; color: #333; } } #companyNo { font-size: 8px; } #flashRefresh { font-size: 10px; text-align: center } body { min-width: 900px; /* To avoid problems that can occur in some browsers when the window is narrower than #pageContainer We set the element’s min-width to the same value as the width of #pageContainer*/ } #pageContainer #siteHeader { width: 900px; height:200px; } /* New Header Code to go here */ #newHeader { width: 900px; height:260px; background-color:#C00; } #newHeaderTop { width: 900px; height:50px; background-image:url(../img-Southampton-Language-College-English-French-Spanish/tel-header-image.jpg); background-repeat:no-repeat; } #newHeaderTop img { padding-top:5px; } #newHeaderLeft { width: 600px; height:200px; background-color:#fff; float:left; } #slideshow { width: 600px; height: 200px; } #sliderFrame { width: 56px; height: 200px; position:absolute; margin-left: -54px; } #newHeaderRight { width: 300px; height:200px; background-color:#fff; background-image:url(../img-Southampton-Language-College-English-French-Spanish/SLC-logo_new.jpg); float:right; } #HeaderGrey { width: 900px; height: 10px; background-color:#333; float:left; } #pageContainer { width: 900px; margin-top: 0px; border: 6px solid #ffffff; background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; margin-right: auto; margin-bottom: 0; margin-left: auto; } #footer { text-align: center; clear: both; /* makes sure this cant have any elements next to it */ background-color: #B51010; height:145px; padding-top:25px; background-image:url(../img-Southampton-Language-College-English-French-Spanish/southampton-english-cources-lessongs-footer.jpg); background-repeat: repeat-x; } #footer2 { text-align: center; clear: both; /* makes sure this cant have any elements next to it */ background-color: #B51010; height:115px; padding-top:25px; background-image: url(../img-Southampton-Language-College-English-French-Spanish/footer2.jpg); background-repeat: repeat-x; } #leftColumn { width: 307px; float: left; padding: 28px; padding-left: 20px; background-color:#fff; background-image:url(../img-Southampton-Language-College-English-French-Spanish/left-container-southampton-english-lessons-school.jpg); background-repeat: repeat-y; font:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; } #rightColumn { float: right; width: 498px; padding: 10px; padding-left: 27px; padding-right: 20px; background-color:#FFFFFF; font:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; } /* TESTIMONIALS */ #rightColumn .testimonial { font-size:130%; height:175px; background:url(../img-Southampton-Language-College-English-French-Spanish/speech-bubble.jpg) no-repeat; clear:both; } #rightColumn .testimonial img { background:#eee; padding:3px; border:1px solid #ddd; margin-right:15px; float:left; } #rightColumn .testimonial p { width:330px; padding:0 15px; float:left; } #PortsmouthLogo { float: right; width: 108px; padding-left:8px; padding-top:5px; } #SocialIcons{ width: 280px; height:60px; float:left; padding:10px; margin-bottom:5px; background-image:url(../img-Southampton-Language-College-English-French-Spanish/social-icons-bg.png); background-repeat:no-repeat; } #footer a { text-align: center; font-size: 10px; text-decoration: none; color: #FFFFFF; } #footer p { text-align: center; font-size: 10px; color: #999999; } #footer2 a { text-align: center; font-size: 10px; text-decoration: none; color: #FFFFFF; } #footer2 p { text-align: center; font-size: 10px; color: #999999; } #BrochureDownload { width: 150px; float:right; margin-left:30px; color: #FFFFFF; } /* New footer logos added */ #FooterSchools { text-align: center; background-image:url(../img-Southampton-Language-College-English-French-Spanish/footer-bg-logos.png); background-repeat:no-repeat; height:80px; margin-top:20px; margin-bottom:10px; width:430px; margin-left:235px; } #FooterSchools img{ margin-top: 5px; } .application-forms { height:354px; margin-left:40px; } .application-forms .application { width:210px; height:162px; margin-bottom:15px; background:url(../img-Southampton-Language-College-English-French-Spanish/application-sprite.jpg) no-repeat; float:left; } .application-forms .application { cursor: pointer; } #form1 { background-position: 0 0; } #form2 { background-position: -210px 0; } #form3 { background-position: 0 -162px; } #form4 { background-position: -210px -162px; } #form1:hover { background-position: 0 -334px; } #form2:hover { background-position: -210px -334px; } #form3:hover { background-position: 0 -496px; } #form4:hover { background-position: -210px -496px; }