/* STANDARD LAYOUT*/ body { text-align:center; font-family: Arial,helvetica,clean,sans-serif; /*background-color: #d9dbdc;*/ background-color: #ffffff; font-size: 80%; color: #5f6a6e; } a:link {text-decoration:none; color: #cc66cc;} a:visited {text-decoration:none; color: #cc66cc; } a:hover, a:active{text-decoration:none; color: #000;} /*a:visited {text-decoration:none; color: #666666; } a:hover, a:active{text-decoration:none; color: #333333;}*/ #doc { width:1000px; min-width:1000px; margin:auto; text-align:left; text-decoration:none; background: url("../images/top-bg.jpg") no-repeat #fff top center; } body,div,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,th,td,li,ul, dd, dt {margin:0;padding:0;} .clearfix {clear:both;} #skip {float: left; width: 1px; height: 1px ; border: 0;} select, input, textarea {font:99% arial,helvetica,clean,sans-serif;} select { position: relative; width: 150px; margin-left: -1px; background: url(../images/select-button.gif) ; background-color: inherit; /* attention: bg-color here deletes img! bg-color is in the image: #F5FCFF */ color: #666666; height: 25px; } /* style HEADER */ #tools {height: 50px; overflow: hidden; font-size: 1.1em; color:#eae4e4; font-weight: bold ; clear:both} #tools ul {list-style:none; display:inline; float: right; margin: 17px 0 0 10px} #tools li {display:inline; float:left} #tools ul#firstchoice li a:link,#tools ul#firstchoice li a:visited {color: #999999; text-decoration: none;} #tools ul#firstchoice li a:hover,#tools ul#firstchoice li a:active {color: #ffffff; } #hotline {color: #999999; text-decoration: none;padding-left:10px;float:left; margin: 17px 0 0 5px; } #languages {float: right; margin: 0 10px 0 0} a.language { background: transparent url("http://www.stgeorges.co.uk/img/uk.gif") no-repeat; padding-left: 22px; padding-right: 10px; } /* Align image inline with sentence*/ .textbottom {vertical-align: middle; font-size: 8pt;} #tools #searchform {margin: 15px 25px 0 0} #tools form #s{float: right; margin: 0 0 0 5px; } #tools form #fdse_Terms {float: right; background: #f1f2f7; padding: 0 2px;margin: 1px 0 ; } #logo {float:left; margin: 20px 0 10px 15px;} #todaydate {float:right; text-align: right;letter-spacing: 0; width: 200px; overflow: hidden; margin: 50px 35px 0 0; font-size:10px } #slogan {float:right; text-align: left;letter-spacing: 0; width: 220px; height: 52px; overflow: hidden; margin: 20px 15px 0 0; border-bottom : 1px solid #cccccc ; padding: 9px; border-top : 1px solid #cccccc ; padding: 9px; font-size:12px } #slogan h4 {font-size: 1em; color: red; font-weight: bold; letter-spacing: 0; margin-left: -5px !important} #slogan p {padding: 0; margin: 0 ;line-height: 1.3em; letter-spacing: 0; } #slogan strong {font-size: 0.9em; color: #999999; font-weight: bold; text-family: Arial;} /* START: FOOTER */ #ft {font-size: 0.9em; color: #888585; width:1000px; height: 150px; background: #eaebec; clear:both; } #ft-left {color: #888585; width:400px; clear:both; float: left } #ft-left ul {list-style:none; font-size: 0.8em; margin: 20px 0 0 20px } #ft-left li{display:inline; } #ft-left a:link,#ft-left a:visited , #after-ft a:active {color: #888585; text-decoration: none; margin: 8px 8px 0 0} #ft-left a:hover {color: #272734; text-decoration: none; margin: 8px 8px 0 0 } #ft-left p {list-style:none; margin: 20px 0 0 20px ; font-size: 0.8em; } #ft-right {color: #888585; width:570px; float: right } #ft-right ul {list-style:none; margin: 10px; float: left; margin: 20px 0 0 20px; font-size: 1em; font-weight:bold } #ft-right ul a:link, #ft-right ul a:visited {border-left: 1px solid #646484; padding: 0 8px; } #ft-right li{display:inline } #ft-right a:link, #ft-right a:visited { color: #888585;text-decoration: none; } #ft-right a:hover, #ft-right a:active {color: #272734; } #ft-right p {margin: 20px 0 0 25px ;clear:both } #subs, #sendfriend {font-size: 0.9em; color: #646484; background: #e4e4ea url("http://www.stgeorges.co.uk/img/td-bg.gif") repeat-x; clear: both; margin: 1em 5px 0 510px; padding: 0.2em 20px 1em 20px; height: 110px;} #subs p , #sendfriend p {padding: 0.5em 0} /* ask question */ #askquestion {font-size: 0.9em; color: #646484; background: #e4e4ea url("http://www.stgeorges.co.uk/img/td-bg.gif") repeat-x; clear: both; margin: 1em 5px 0 5px; padding: 0.2em 20px 60px; height: 370px; width:420px;} #askquestion p {padding: 0.5em 0} .indigo {color: #000099} .first {border: none !important; } /* START Column1 MENU */ #sidebar {float:left;width:180px; } #sidebar-right {width:200px; float:right} #sidebar table {margin: 4em 8px 2em 2em ;} /* START - style nav button */ #nav ul {padding: 0; list-style:none; margin: 20px 0 0 15px; text-align: left; font-size: 1.1em; font-weight: bold; font-family:Arial; border-bottom : 1px solid #cccccc ; border-top : 1px solid #cccccc ; } #nav li { margin: 0; padding: 0; border-bottom : 1px solid #cccccc ;} #nav li a:link, #nav li a:visited {width: 152px; display: inline-block; color: #999898; text-decoration: none; padding: 4px 8px 4px 10px; background: transparent; } #nav li a:hover, #nav li a:active {color: #333333; background: transparent;} /* LEFT MENU: eLearning Login*/ #elearnbox {margin: 20px 0 0 15px; text-align: left; width: 170px; height: 120px; border-bottom : 2px solid #cccccc ; border-top : 2px solid #cccccc ; } #elearnbox p { font-family: Arial, Sans-Serif; font-size: 0.9em; margin: 10px 0 0 10px; } #elearnbox strong { font-family: Arial, Sans-Serif; font-size: 1.2em; color:999898; margin-bottom: 10px } #elearnbox a:link{ color: #666666; border-bottom:none !important; } #elearnbox a:hover { color: #999999} /* START Column3: NEWS CONTENT */ #location-chooser { margin:0; padding: 0.5em; } #location-chooser p {font-size: 0.8em; color:#fff; font-family:Arial, Helvetica, sans-serif;} #rightcontent-enews {background: #e4e4ea; float:left; width:180px;height:auto; margin:19px 10px 10px 5px; padding-bottom: 1em;} #rightcontent { float:left; width:180px; } #rightcontent h3 {font-size: 1em; background: #663366; color:#fff; padding: 5px; margin-bottom:10px} #rightcontent h3 a:link, #rightcontent h3 a:visited, #rightcontent h3 a:active, #rightcontent h3 a:hover {font-size: 1em; color:#fff; margin-bottom:10px !important} #rightcontent p {width:180px; margin:0 0 0 5px ; padding-left: 1em; font-size: 1em; color: #999999; } #rightcontent ul {width:165px; padding-left: 1em;font-size: 0.9em; font-family:arial; list-style:none} #rightcontent li {margin:0 0 0.5em 0;color: #999999; border-bottom : 1px solid #999999; padding-bottom:0.5em} #rightcontent a:link,#rightcontent a:visited , #rightcontent a:active {color: #999999; text-decoration: none; margin: 8px 8px 0 0; font-size:11px} #rightcontent a:hover {color: #333333; text-decoration: none; margin: 8px 8px 0 0; font-size:11px} /* START Advertising Banner*/ #promotional ul {list-style:none; margin: 20px 0 0 5px } #promotional li{padding-bottom: 10px} /* START Column2 Outline Styles */ #outerpage { width:1000px; clear: both; background: #fff } #innerpage { width:1000px; background: transparent url("../image/accreditation-bg.gif") no-repeat bottom left; } #innerpage-experience { width:1000px; background: transparent url("../image/accreditation-we-bg.gif") no-repeat bottom left; } #logolayer { width:1000px; clear: both} h1 {margin-top: -0.3em; font-size: 1.4em; color: #cc66cc;font-family: Arial} h2 {color: #e7242b; font-size: 1.3em;font-family: Arial} /*h2 {color: #e7242b; font-size: 1.2em; margin-top: 10px;font-family: Arial}*/ h3 {font-size: 1.1em; color: #cc66cc; font-weight: bold;letter-spacing: 0;font-family: Arial} h4 {font-size: 0.9em; color: #cc66cc; font-weight: bold; letter-spacing: 0; padding-left: 6px} h5 {font-size: 0.8em; color: #db4310; font-weight: bold; letter-spacing: 0;} h6 {font-size: 9px; color: #3b3786; font-weight: bold; letter-spacing: 0; margin:5px 0 10px 0} .tidyform {width: 12em; margin: 0 4px 0 0 ; } .tidyformwide {width: 18em; margin: 0 4px 0 0 ; } .closebox {float: right; padding: 10px; font-size: 1.1em; font-weight: bold;} #credit { padding: 10px 0 !important; } #credit a {color: #f86413 !important; padding: 0 !important; } /* START: PAGE CONTENT */ /*#content {width:585px; color: #5f6a6e;font-size: 1em; line-height: 1.5em; margin-left:22px; float:left ; padding-bottom: 3em; font-family:arial; background-color:fff}*/ #content {width:585px; color: #666666;font-size: 1em; line-height: 1.5em; margin-left:199px; padding-bottom: 3em; font-family:arial; background-color:#fff;} #content-home {width:776px; color: #666666;font-size: 1em; line-height: 1.5em; margin-left:199px; padding-bottom: 3em; font-family:arial; background-color:#fff;} /*#content img {background:#fff url("http://www.stgeorges.co.uk/image/img-london-view.gif")no-repeat 0 ;}*/ /*turn off content underlink for links */ #content a:link { border-bottom: 1px solid #ebe7e7 } #content a:visited {border-bottom: 1px solid #ebe7e7 } #content a:hover, #content a:active{ border-bottom: 1px solid #cdc1c1 } #content p, #content li {padding:0 0 0.5em 0.5em;} #content ul {margin-left: 1.8em; padding-left: 1em;} /* START: PAGE CONTENT */ #content-full {width:765px; color: #5f6a6e;font-size: 1em; line-height: 1.5em; margin-left:22px; float:left ; padding-bottom: 3em; font-family:arial; background-color:fff} #content-full img {background:#fff url("http://www.stgeorges.co.uk/image/img-london-view.gif")no-repeat 0 ;} #content-full a:link { border-bottom: 1px solid #fad5dc} #content-full a:visited {border-bottom: 1px solid #fbbd89} #content-full a:hover, #content a:active{ border-bottom: 1px solid #fbbd89} #content-full p, #content-full li {padding:0 0 0.5em 0.5em;} #content-full ul {margin-left: 1.8em; padding-left: 1em;} /* START: Header Image */ #hpich {background: #fff; width: 784px; height: 283x; margin-bottom:5px } #hpich img {margin-top: 20px; height: 323px; width: 784px} #hpic {float:left;background: #fff; width: 585px;height: 283x; margin-bottom:5px; background-color:#fff; margin-bottom:15px } #hpic img {margin-top: 20px; height: 323px; width: 585px} #sidemenubar { margin: 2.5em -1em 1em 2em ; font-size: 0.9em; float: left; background: #fff ;width: 150px} #sidemenubar h2 {font-size: 1.2em; color:#999999; margin-bottom:10px} #sidemenubar a:link, #sidemenubar a:visited { color: #939393; } #sidemenubar a:active { color: #939393; } #sidemenubar a:hover { color: #db4310; } #sidemenubar ul { FLOAT: left; MARGIN: 15px 0px; LIST-STYLE-TYPE: none} #sidemenubar li { BACKGROUND-POSITION: 0px 0.5em; PADDING-LEFT: 10px; BACKGROUND-IMAGE: url(../images/bullet_cross2.gif); BACKGROUND-REPEAT: no-repeat} /* START: General Content Layout */ .intro {line-height: 1.3em; padding-right: 10px; clear: both;} /*..sideintro {font-weight: bold; color: #393787; line-height: 1.8em; padding-right: 10px; } .sideintro { margin: 70px 25px 0 0 ;} /*.sideintro-main { margin: 70px 25px 45px 0 ; float:right;}*/ .intro h2 {font-size: 1.1em; color: #993300; line-height: 2em; margin-left:5px } .sideintro, .sideintroB {float:left; width:365px; height:282px ; margin: 50px 0 0 0;color: #e7242b;padding:1px} /*.sideintro {text-align: left; margin-top: 50px; margin-right:15px;color: #e7242b;padding:1px; width:320px; float:right}*/ .sideintro h1 {padding-left: 10px; line-height: 1.2em; font-size: 1.5em; color: #e7242b; border-bottom : 1px solid #cccccc; padding-bottom:2px } .sideintro p, .sideintroB p {margin: 20px 0 0 3px ;line-height: 1.4em; font-size: 1em; color:#666666;font-family: Arial} .sideintro img, .sideintroB img {margin: 4px 0 0 0 !important; } #breadcrumb {font-size: 0.8em; color: #999999; font-weight: normal} #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active, #breadcrumb {color: #999999 ; border-bottom: 0 !important} #breadcrumb a:hover {color: #000000 !important; border-bottom: 0 !important} #pagetitle {text-align: left;letter-spacing: -1px; margin: 20px 5px 20px 0;color: #cc66cc;} #pagetitle h1 {padding: 5px 0 2px 10px ; line-height: 1.2em; font-size: 1.5em; color: #cc66cc; border-bottom : 1px solid #cccccc } #pagetitle p {padding: 2px 0 2px 10px ;line-height: 1.2em; font-size: 1.5em; border-bottom : 1px solid #cccccc } #main {margin: 0 0 10px 6px; line-height: 1.6em; padding-right:2px} #main h2.courseName {font-size: 1.4em; color: #3b3786; font-weight: normal; margin-bottom: 0;} #main h2.stepTitle {margin-top:0;} #main h2, #main h3 {font-size: 1em; color: #cc66cc; font-weight: bold; padding: 2px 0 2px -0; border-top : 1px solid #cccccc; border-bottom : 1px solid #cccccc !important;} #main ul.logo {margin-top:0;} #main p {margin: 5px 0 5px 0} #main ul a:link,#main ul a:visited, #main ul a:active {color: #cc66cc; border-bottom: 0 !important} /* START: Fullcontent */ #fullcontent {float:left; padding: 1px 10px 1px 10px; background: #fff; width:765px; text-align:justify;} .homeintro {font-weight: bold; color: #999999; line-height: 1.6em; margin: 10px 25px 0 0 ;} #fullcontent a:link, #fullcontent a:visited, #fullcontent a:active, #fullcontent a:hover { border-bottom: 0 solid #fad5dc !important} .videothumb {width: 179px; margin:0; padding: 0; } .videothumb p { font-weight: bold; line-height:1.4em} .videothumb a:link, .videothumb a:visited { border-bottom:none !important; display: block; color: #fff; font-size: 11px; background: #fff url("http://www.stgeorges.co.uk/image/video-titbg.gif") repeat top left} .videothumb a:hover, .videothumb a:active { background: #333333 repeat top left; } /* START: Home Thumbnail */ #thumbnail {float:left; padding: 10px 10px 10px 14px; background: #fff; width:765px; text-align:justify; } .coursethumb {float: left; background: #fff ; width:145px; padding: 0 2px 8px 0; margin: 0; } .coursethumb img {margin: 5px 0 0 0 !important; } .coursethumb a:link, .coursethumb a:visited { border-bottom:none !important; display: block; color: #fff; font-size: 12px; background: #fff url("../images/title-bg.gif") repeat top left; width:145px } .coursethumb a:hover, .coursethumb a:active { background: #fff url("http://www.stgeorges.co.uk/image/thumb-bg.gif") repeat top left; } .coursethumb1 p {float:left; margin: 7px 0 -2px 6px; clear:both} .bizthumb a:link, .bizthumb a:visited { border-bottom:none !important; display: block; color: #fff !important; font-size: 12px; padding: 6px 0 0 0; margin: 9px; background: #fff url("http://www.stgeorges.co.uk/image/thumb-bg2.gif") repeat top left} .bizthumb a:hover, .bizthumb a:active { background: #fff url("http://www.stgeorges.co.uk/image/thumb-bg.gif") repeat top left; } /* START: Home Network */ #network { width: 570px} #network h3 {font-size: 0.9em; margin: 10px 9px 0 5px; color: #fff; background-color:#a1a3a6; padding:5px 5px 5px 10px} .networktt {float: left; background: #fff ; width:271px; margin: 10px 10px 0 5px } .networktta a:link, .networktta a:visited { border-bottom:none !important; display: block; color: #fff; font-size: 12px; padding: 5px 0 5px 0; background: #fff url("../image/thumb-bg4.gif") repeat top left; width:271px} .networktta a:hover, .networktta a:active { background: #999999} .networktt strong { padding: 3px 0 3px 0; margin:10px } .networktt img {margin: 10px 0 0 0 !important; float:left } .networktt p {float:right; width:125px; font-size:10px; color:#999999; margin: 15px 6px 0 1px; line-height:1.4em } .networktt p a:link, .networktt p a:visited, .networktt p a:active { color: #99cc99; border-bottom:none !important; } .networktt p a:hover { color: #999999} .networkfl {float: left; background: #fff ; width:271px; margin: 10px 0 0 5px } .networkfla a:link, .networkfla a:visited { border-bottom:none !important; display: block; color: #fff; font-size: 12px; padding: 5px 0 5px 0; background: #fff url("../image/thumb-bg5.gif") repeat top left; width:271px} .networkfla a:hover, .networkfla a:active { background: #999999} .networkfl strong { padding: 3px 0 3px 0; margin:10px } .networkfl img {margin: 10px 0 0 0 !important; float:left } .networkfl p {float:right; width:125px; font-size:10px; color:#999999; margin: 15px 6px 0 1px; line-height:1.4em } .networkfl p a:link, .networkfl p a:visited, .networkfl p a:active { color: #cc66cc; border-bottom:none !important } .networkfl p a:hover { color: #999999 !important } /*#info-container {height: 10em;}*/ #info-container div {height: 6em; background: #fff url("http://www.stgeorges.co.uk/img/info-bg.gif") no-repeat;clear: left; margin: 0 40px 0 25px ; padding: 40px 10px 10px 10px ; font-size: 0.9em; line-height: 1.3em; } #info-container div p {padding:0;} #info-container div h3 {font-size: 1em;} #intensive-info { width: 480px; background-position: -340px 0 !important;} #business-info { width: 480px; background-position: -180px 0 !important;} #academic-info { width: 480px; background-position: -15px 0 !important;} /*MENU SCHOOL */ #nav #nav-school {position: relative;} #nav #nav-school #submenu-school { position: absolute; top: -70px; left: 170px; width: 210px; height: 145px; background: url("../img/submenu_9.gif") no-repeat top left !important; text-align: left; padding-left: 30px; padding-right: 10px; } #nav #nav-school #submenu-school ul { position: absolute; margin-left: 180px; top: 0; list-style: none; margin: 0; padding: 0;} #nav #nav-school #submenu-school li { width: 185px; position: relative; text-align: left !important; margin: 0; padding: 0; line-height: 27px; background: url("../image/dotted_line.gif") no-repeat bottom !important;} #nav #nav-school #submenu-school a {background: none !important; margin: 0 !important; padding: 0 !important; display: block;} #nav #nav-school #submenu-school li li { line-height: 16px; background: none !important; margin-left: 23px !important; margin-left: 13px;} #nav #nav-school #submenu-school li a {font-size: 10px; font-weight: bold; width: 190px;} #nav #nav-school #submenu-school li li a {font-size: .8em !important;} #nav #nav-school #submenu-school a {padding: 0 !important;} #nav #nav-school #submenu-school a:hover {padding: 0 !important;} /* END MENU SCHOOL */ /*MENU COURSES*/ #nav #nav-courses {position: relative;} #nav #nav-courses #submenu { position: absolute; top: -70px; left: 170px; width: 210px; /*height: 144px;*/ height: 199px; background: url("../img/submenu_9.gif") no-repeat top left !important; /*background: url("../img/submenu_11.gif") no-repeat top left !important;*/ text-align: left; padding-left: 30px; padding-right: 10px; } #nav #nav-courses #submenu ul { position: absolute; margin-left: 180px; top: 0; list-style: none; margin: 0; padding: 0;} #nav #nav-courses #submenu li { width: 185px; position: relative; text-align: left !important; margin: 0; padding: 0; line-height: 27px; background: url("../image/dotted_line.gif") no-repeat bottom !important;} #nav #nav-courses #submenu a {background: none !important; margin: 0 !important; padding: 0 !important; display: block;} #nav #nav-courses #submenu li li { line-height: 16px; background: none !important; margin-left: 23px !important; margin-left: 13px;} #nav #nav-courses #submenu li a {font-size: 10px; font-weight: bold; width: 190px;} #nav #nav-courses #submenu li li a {font-size: .9em !important;} #nav #nav-courses #submenu a {padding: 0 !important;} #nav #nav-courses #submenu a:hover {padding: 0 !important;} .fondo1, .fondo2, .fondo3, .fondo4, .fondo5, .fondo6, .fondo7, .fondo8, .fondo9, .fondo10 {position: absolute; width: 235px !important; left: 180px !important; top: -10px !important; padding-top: 12px !important; text-align: left !important;} #nav .fondo1 {height: 40px; background: transparent url("../img/submenu_1.gif") no-repeat left center;} #nav .fondo2 {height: 45px; background: transparent url("../img/submenu_2.gif") no-repeat left center;} #nav .fondo3 {height: 56px; background: transparent url("../img/submenu_3.gif") no-repeat left center;} #nav .fondo4 {height: 73px; background: transparent url("../img/submenu_4.gif") no-repeat left center;} #nav .fondo5 {height: 80px; background: transparent url("../img/submenu_5.gif") no-repeat left center;} #nav .fondo6 {height: 95px; background: transparent url("../img/submenu_6.gif") no-repeat left center;} #nav .fondo7 {height: 115px; background: transparent url("../img/submenu_7.gif") no-repeat left center;} #nav .fondo8 {height: 130px; background: transparent url("../img/submenu_8.gif") no-repeat left center;} #nav .fondo9 {height: 145px; background: transparent url("../img/submenu_9.gif") no-repeat left center} #nav .fondo10 {height: 160px; background: transparent url("../img/submenu_10.gif") no-repeat left center;} /* Holly Hack for IE \*/ * html #nav ul li { float: left; height: 1%; } * html #nav ul li a { height: 1%; } /* End */ /* END MENU COURSES */ /*MENU ACCOMMODATION*/ #nav #nav-accommodation {position: relative;} #nav #nav-accommodation #submenu-accommodation { position: absolute; top: -42px; left: 170px; width: 210px; height: 95px; background: url("../img/submenu_6.gif") no-repeat center left !important; text-align: left; padding-left: 30px; padding-right: 10px; } #nav #nav-accommodation #submenu-accommodation ul { position: absolute; margin-left: 180px; top: 0; list-style: none; margin: 0; padding: 0;} #nav #nav-accommodation #submenu-accommodation li { width: 185px; position: relative; text-align: left !important; margin: 0; padding: 0; line-height: 27px; background: url("../image/dotted_line.gif") no-repeat bottom !important;} #nav #nav-accommodation #submenu-accommodation a {background: none !important; margin: 0 !important; padding: 0 !important; display: block;} #nav #nav-accommodation #submenu-accommodation li li { line-height: 16px; background: none !important; margin-left: 23px !important; margin-left: 13px;} #nav #nav-accommodation #submenu-accommodation li a {font-size: 10px; font-weight: bold; width: 190px;} #nav #nav-accommodation #submenu-accommodation li li a {font-size: .8em !important;} #nav #nav-accommodation #submenu-accommodation a {padding: 0 !important;} #nav #nav-accommodation #submenu-accommodation a:hover {padding: 0 !important;} /* END MENU ACCOMMODATION */ /*MENU Before you arrive*/ #nav #nav-useful {position: relative;} #nav #nav-useful #submenu-useful { position: absolute; top: -30px; left: 170px; width: 210px; height: 62px; background: url("../img/submenu_3.gif") no-repeat center left !important; text-align: left; padding-left: 30px; padding-right: 10px; } #nav #nav-useful #submenu-useful ul { position: absolute; margin-left: 180px; top: 0; list-style: none; margin: 0; padding: 0;} #nav #nav-useful #submenu-useful li { width: 185px; position: relative; text-align: left !important; margin: 0; padding: 0; line-height: 27px; background: url("../image/dotted_line.gif") no-repeat bottom !important;} #nav #nav-useful #submenu-useful a {background: none !important; margin: 0 !important; padding: 0 !important; display: block;} #nav #nav-useful #submenu-useful li li { line-height: 16px; background: none !important; margin-left: 23px !important; margin-left: 13px;} #nav #nav-useful #submenu-useful li a {font-size: 10px; font-weight: bold; width: 190px;} #nav #nav-useful #submenu-useful li li a {font-size: .8em !important;} #nav #nav-useful #submenu-useful a {padding: 0 !important;} #nav #nav-useful #submenu-useful a:hover {padding: 0 !important;} /* END MENU Before you arrive */ /*MENU SGI LIfe*/ #nav #nav-social {position: relative;} #nav #nav-social #submenu-social { position: absolute; top: -68px; left: 170px; width: 210px; height: 145px; background: url("../img/submenu_9.gif") no-repeat center left !important; text-align: left; padding-left: 30px; padding-right: 10px; } #nav #nav-social #submenu-social ul { position: absolute; margin-left: 180px; top: 0; list-style: none; margin: 0; padding: 0;} #nav #nav-social #submenu-social li { width: 185px; position: relative; text-align: left !important; margin: 0; padding: 0; line-height: 27px; background: url("../image/dotted_line.gif") no-repeat bottom !important;} #nav #nav-social #submenu-social a {background: none !important; margin: 0 !important; padding: 0 !important; display: block;} #nav #nav-social #submenu-social li li { line-height: 16px; background: none !important; margin-left: 23px !important; margin-left: 13px;} #nav #nav-social #submenu-social li a {font-size: 10px; font-weight: bold; width: 190px;} #nav #nav-social #submenu-social li li a {font-size: .8em !important;} #nav #nav-social #submenu-social a {padding: 0 !important;} #nav #nav-social #submenu-social a:hover {padding: 0 !important;} /* END MENU SGI LIfe*/ /* -- Button Reset -- */ input.btn { color:#999999; font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:#e0e1e2; border:1px solid; border-color: #999999 #333333 #333333 #999999; padding: 2px; } span.button, span.button a, span.button button, span.button input { position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; font:12px Sans-serif; white-space:nowrap; background:url(../images/buttonWhite.gif) no-repeat; vertical-align:middle; overflow:visible;} span.button { height:23px; padding:0; margin-right:2px; background-position:left top; overflow:visible; margin-top:18px} span.button a, span.button button, span.button input{ left:2px;} span.button.large { height:29px; background-position:left -30px; } span.button.xLarge { height:35px; background-position:left -65px; } span.button.small { height:18px; background-position:left -107px; } /* Anchor */ span.button a { padding:6px 10px 5px 8px; *padding:3px 10px 8px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top;} span.button.large a { padding:7px 10px 6px 8px; *padding:5px 10px 9px 8px; _top:-1px; font:13px/16px Sans-serif; background-position:right -30px;} span.button.xLarge a { padding:8px 10px 7px 8px; *padding:6px 10px 9px 8px; font:20px/20px Sans-serif; background-position:right -65px;} span.button.small a { padding:4px 6px 3px 4px; *padding:2px 6px 5px 4px; font:11px/11px Sans-serif; background-position:right -107px; _top:-1px;} /* Strong */ span.button.strong * { font-weight:bold !important;} /* Color */ span.button.Red, span.button.Red a, span.button a:visited, span.button a:active, span.button.Red button, span.button.Red input { background-image:url(../images/buttonGreen.gif); color:#fff;} span.button.Green, span.button.Green a, span.button.Green button, span.button.Green input {background-image:url(../images/buttonGreen.gif); color:#fff} span.button.Red a:link {color: #ffffff !important} span.button.Red a:visited {color: #ffffff !important} span.button.Red a:active {color: #ffffff !important } span.button.Red a:hover {color: #ffffff !important} span.button-test, span.button-test a, span.button-test a:visited, span.button-test a:active, span.button-test button, span.button-test input {background-image:url(../images/banner-bg.jpg); color:#fff; text-align: center; height:51px; width:160px;} span.button-test a:link {color: #ffffff !important} span.button-test a:visited {color: #ffffff !important} span.button-test a:active {color: #ffffff !important } span.button-test a:hover {color: #ffffff !important} /* START MENU Social Network*/ .addthis_toolbox .vertical{ width: 136px; padding: 10px 0 10px 0; border: 3px solid #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .addthis_toolbox .vertical a{ width: 102px; padding: 4px 0 4px 34px; position: relative; display: block; text-decoration: none; color: blue;} .addthis_toolbox .vertical a:hover{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #B4D3F8; text-decoration: none;} .addthis_toolbox .vertical span{ position: absolute; left: 14px; top: 4px;} .addthis_toolbox .vertical .more{ border-top: solid 1px #eee; padding: 10px 0 0 0; margin: 10px 10px 0 10px; text-align: center;} .addthis_toolbox .vertical .more a{ padding: 4px 0; margin: 0;} .addthis_toolbox .vertical .more span{ display: none;} /* Teacher profile*/ #table.teacher-photo {width: 130px; margin: 1em 0 ;} table.teacher-photo td {width: 130px; margin: 1em 0 ;text-align: left;} /* LAYOUT 3 #vpic {float:left; background: #fff url("/image/vpic-bg.gif") no-repeat; height: 326px; width: 226px;margin: 18px 20px 0 0 }*/ #vpic {float:left; height: 310px; width: 215px;margin: 15px 1px 0 1px } #vpic img {margin: 5px 0 0 0; height: 300px; width: 200px} #vpic_map {float:left; height: 310px; width: 215px;margin: 15px 1px 0 1px } /* #vpic_map {float:left; height: 326px; width: 226px;margin:14px 20px 0 0 }/* #vpic_map_dis {margin: 15px 20px 20px 14px; } /* INFO Container */ a.closetip {float:right; margin-top:-30px; font-weight: bold; font-size:0.8em; } .infotip { border: 1px solid #999999; background-color: #e4e4ea; padding: 3px 3px 3px 3px; position:absolute; width:520px; margin-left: 7px; margin-top: 0px; } .infotip a.close { margin-top: 0px; text-decoration:none; float:right; font-weight: bold; font-size:0.8em; } .infotip div.title { margin-top: 0px; width:400px; text-align:right; } /* Call-Out Style .hrule { background: #fff url("/image/hdots.gif") repeat-x top left ; padding-top: 0.1em !important; margin-top: 1em;}*/ .hrule { margin-bottom: 0.5em;} /* take out [clear: both;] then course title showed */ .hdot {background: transparent url("/image/bullet_cross.gif") no-repeat 3px 5px ;background-position: 0 0 0 0; padding-LEFT: 1.1em !important; } .callout-right {float:right; margin: 0.1em 0 0.1em 1em; padding:0} .callout-left {float:left; margin: 0.1em 1em 0.1em 0; padding:0} .thumb {background: url(/image/thumbpic-bg.gif) no-repeat; width: 156px; height: 146px; padding:0;} .thumb img {margin: 8px !important; width: 140px; height: 130px; overflow: hidden;} .thumbcaption {font-size: 0.9em; letter-spacing: 1px; color: #393787; padding: 2px 8px; margin: 0 4px 4px 4px; background: url(/img/homesplash-bg.jpg) repeat-x bottom left; width: 130px; line-height: 1.1em;} .studentsyle p {margin-left: 160px; padding-left: 10px; margin-bottom:10px} .studentsyle ul { margin: 0 0 0 10px !important; list-style: square url("../images/bullet_cross.gif");} .studentsyle li { padding: 0; margin-bottom: -5px; font-size:12px;} #student-thumb {float:left; background: #fff url("/image/thumbpic-bg.gif") no-repeat; height: 146; width: 156px;margin: 3px 15px 4px 8px ; } #student-thumb img {margin: 8px 8px; height: 130px; width: 140px} /* Choose Course Style */ .coursechoice {} .coursechoice ul { padding: 0 0 0 0 !important; margin: 0 !important; } .coursechoice ul li { list-style:none; margin: 0 !important; padding: 0 0 0.5em 0 !important; } .coursechoice h3 {color: #666;} .coursechoice a:link,.coursechoice a:visited , .coursechoice a:active {color: #848282; text-decoration: none; margin: 8px 8px 0 0; border-bottom:0 !important} .coursechoice a:hover {color: #78121c; text-decoration: none; margin: 8px 8px 0 0 } .coursechoice h4 {color: #666;} .coursechoice ul .none { } .coursechoice ul li .none { } .coursechoiceprices { padding: 0 0 0 0 !important; margin: 0 !important; } .coursechoiceprices ul li { list-style:none; margin: 0 !important; padding: 0 0 0.0 0 !important; } .coursechoiceprices_es {background: url(../img/es/booknowstar.gif) no-repeat top left; padding-left: 100px;min-height: 110px;} .coursechoicepricesJuly {background: url(../img/booknowstar_july.gif) no-repeat top left; padding-left: 100px;min-height: 110px;} .coursechoicepricesOctober {background: url(../img/booknowstar_october.gif) no-repeat top left; padding-left: 100px;min-height: 110px;} /* icon style */ #pdf { margin: 3px 25px 0 0; } #pdf a {background: transparent url("http://www.stgeorges.co.uk/img/pdf.gif") no-repeat 0 5px ; padding: 6px 0 0 22px;height: 16px ; display:block; float: right; } .inlinepdf {background: transparent url("http://www.stgeorges.co.uk/img/pdf.gif") no-repeat 100% 0px;padding: 4px 22px 0 0 ; } .help {background: transparent url("/image/question.gif") no-repeat 0 5px ;background-position: 0 0 0 0;} .answer {background: transparent url("/image/icon-answer.gif") no-repeat 0 5px ;background-position: 0 0 0 0;} .helpwpic {margin-left: 170px !important; } .help a {margin: 4px 0 4px 0;} #mydiv{ background-color: #fff; ; width: 500px; display:none; } #tester a:link div { display: none; } #tester a:visited div { display: block; } dl {margin-left: 0.5em;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} table.right {margin: 0.1em 0 1em 1em; float: right; width: 200px;} table.fees { margin: 1em 0 ;} table.programme td , table.fees td , table.fees th { padding: 3px 4px 2px 4px ; font-size: 0.9em; background: #f1f2f7 url("http://www.stgeorges.co.uk/img/td-bg.gif") repeat-x ; border-bottom: 1px solid #fff;text-align: left; line-height: 1.3em} table.programme th {padding: 4px ; font-size: 0.9em; background: #c43838; color: #fff ;text-align: left; line-height: 1.3em } table.fees td.noline, table.programme td.noline {background-image: none;padding-bottom: 1em; } table.feesCourses { width: 100%; margin: 1em 0 ;} table.feesCourses td { padding: 3px 2px 3px 2px ; font-size: 0.9em; background: #f1f2f7 url("http://www.stgeorges.co.uk/img/td-bg.gif") repeat-x ; border-bottom: 1px solid #fff;text-align: left; line-height: 1.3em; height:15px} table.feesCourses td.noline, {background-image: none;padding-bottom: 1em; } table.feesCourses th { padding: 3px 4px 2px 4px ; font-size: 0.9em; border-bottom: 1px solid #fff;text-align: left; line-height: 1.3em; text-align: left; /*background-color:#646484;*/ background-color:#ab212f; color:#fff; font-size:0.9em; line-height: 1.2em; border-left: 1px solid #fff; } td.label {font-weight: bold;} #scrollbox {height: 500px;width: 460px; overflow: auto;background: #f1f2f7; padding: 20px; margin : 1em 0; border-top: 1px solid #5f6a6e; border-bottom: 1px solid #5f6a6e } #scrollbox li { border-bottom: 1px dotted #666 } .topleft { position: absolute; left: 0; top: 0; display: block; height: 160px; width: 160px; } .subsite-links { margin: 0.1em 0.1em 0.1em 0.1em ; font-size: 0.9em; float: right;} .subsite-links div {margin:0 0 0 0 ; padding: 0 0 0 0; float: left; width: 180px; background: #fff url("http://www.stgeorges.co.uk/img/homesplash-bg.jpg") repeat-x top left;font-size: 1em;line-height: 1.3em; } .subsite-links ul {list-style-type: none; margin: 0.8em !important} .timetable {padding-left: 0.5em; height: 150px; width: 490px; overflow: auto; } .timetable ul {list-style:none; margin:0 !important;padding: 0 !important; } .timetable li {line-height: 1.2em; font-size: 0.9em; background: url(http://www.stgeorges.co.uk../img/td-bg.gif) repeat-x top left;padding: 4px 0.5em !important;} .timetable p {background: url(http://www.stgeorges.co.uk../img/homesplash-bg.jpg) repeat-x bottom left;padding-top: 1em !important;} #tt-wrapper {background: url(http://www.stgeorges.co.uk../img/homesplash-bg.jpg) repeat-x bottom left;} .sideinfo {background: url("http://www.stgeorges.co.uk/img/side-info-bg.gif") no-repeat; height: 380px} #unichoice {float: left;width: 200px; text-align: right} #unichoice li{list-style-type:none ; padding: 0; margin: 0.2em 1em 0 0 } #unichoice li a {border: none !important; } #uniinfo {float: right;width: 300px; } #uniinfo div{padding: 2em 1em 1em 4em; font-size: 0.9em} .clients { padding-left:0px; margin-top: 0px; width:510px; list-style:none; } .clients p{ margin:0px; font-size:0.8em; color:#999999; } .clients ul{ margin: 0px; padding:0px; } .clients li{ list-style:none; margin-left:0px; } .clients img{ margin: -5px; padding:0px; float:left; } .infosector { padding-left:0px; margin:0px; } .infosector .logo { margin:15px 0px 0px 0px; padding:0px; width:125px; height:100px; float:left; border-right:1px solid #e7e7e7; text-align: center; } .infosector .logo img{ margin:0px; } .infosector .logo p{ margin:0px; padding:0px; width:110px; font-size:0.8em; line-height:0.8em; color:#999999; clear:both; text-align:center; } .infosector h2{ margin: 0px; } .infosector ul { margin: 0px; width:500px; } .infosector li { margin: 10px 0px 0px 0px; width:150px; float:left; list-style:none; text-align:center; font-size:0.8em; color:#999999; border-right:1px solid #e7e7e7; } .sidenote { margin: 0.5em -1em 1em 2em ; font-size: 0.9em; float: right;} .sidenote div { float: left; width: 160px; background: #fff url("/image/topgrad-bg.jpg") repeat-x top left; ; margin:0.5em 0.5em 0 0 ; padding: 0 ; font-size: 1em;line-height: 1.2em} .sidenote ul, .sidenote p {margin: 0.8em !important} .sidenote h4 {font-size: 1.1em; border-top: 2px solid #fff; padding: 1em 0 0 1em !important} .sidenote p {list-style-type: none; margin: 0.8em !important} .sitemap { margin: 0 0 0 0 ; font-size: 0.9em; float: left; width:1020px} .sitemap div { float: left; width: 300px; background: #fff ; margin:0 0.8em 0 1em ; padding: 0 ; font-size: 1em;line-height: 1.2em; text-align:left } .sitemap ul, .sitemap p {margin: 0.8em !important;list-style:none;} .sitemap h4 {font-size: 1.1em; border-top: 2px solid #fff; padding: 1em 0 0 1em !important} .sitemap p {list-style-type: none; margin: 0.8em !important} #content-sitemap {color: #5f6a6e;font-size: 1em; line-height: 1.5em; margin-left:0 ; float:left ; padding-bottom: 3em; font-family:arial; background-color:#FFFFFF} table.courses{border:#646484 1px solid;} table.courses th{ background:#663366; color:#FFFFFF; padding:2px 2px 2px 2px;font-size: 0.9em; line-height: 1.3em; border: 1px solid #fff; /* 'cellspacing' */} table.courses td{ padding:2px 2px 2px 2px; border:#fff 1px solid; font-size: 0.9em; line-height: 1.4em;color: #000000; background-color:#e4e4ea} .fieldborder fieldset {width:520px; padding:25px 0px 0px 0px; margin:5px 5px 5px 5px; background:#fff url("/image/bg-fieldset.gif") no-repeat top left; font-size:12px; color:#333333;} .fieldborder p { width:500px;padding:10px; float:inherit; margin: 0.8em !important} /* #fieldborder fieldset:hover { background-color:#F9F9F9;}*/ .fieldborder .bottom { float:left; clear:both; padding:0px; margin:0px; width:520px; height:25px; background: url("/image/bg-fieldset-bottom.gif") no-repeat top left;} /*********************** Align image inline ************************/ .call-to-action-box { display: inline; text-align: center; margin: 0 ; padding: 0; border:1px #663366; } .call-to-action-box img { width: 185px; margin: 0px; }