@import url("/css/default.css"); body { margin:0px; text-align:center; font-family: Arial, Helvetica, sans-serif;background:url(/images/page/page-background.jpg) no-repeat top center #121212;background-attachment: fixed;} #wrap { width:970px; margin:0px auto 0px; text-align:left; clear:both;} #header { width:970px; height:183px; margin:22px auto 0px;background:url(/images/page/header-background.png) no-repeat top center;} #content { width:970px; margin:0px auto 0px;} #content #contentLeft { } #content #contentRight { } #footer { width:970px; height:162px; clear:both; float:left;background:url(/images/page/footer-background.png) no-repeat top center;} /* generic styles */ a:active { outline: none; } a:focus { -moz-outline-style: none; } .blue { color:#0083D7} .orange { color:#FF6600;} .purple { color:#6666CC;} /* header styles*/ #headerTop { width:970px; height:124px;float:left;} #headerTop p { float:left; margin:6px 0 0 0;padding:0; font-size:1em;} #headerTop #blockTop { height:30px;} #headerTop #blockBottom { height:96px;} #headerTop form { float:right; border:0; padding:0;margin:20px 0px 0 0; width:400px;} #headerTop form p { margin:36px 52px 0 0;float:right;line-height:2em;} #headerTop form label { font-size:1.3em; color:#0083D7; font-weight:normal;width:40px; padding:0px 7px 0 0;} #headerTop form input { width:181px; font-size:1.3em; color:#0083D7;border:1px solid #0083D7; background-color:#FFFFFF;} #headerTop form input.submit { font-size:1.3em; color:#FF6600; height:auto;padding:0; background-color:transparent; border:0; width:auto; text-transform:none; margin:0 0 0 3px;} #headerBottom { width:970px; height:59px; float:left;} #navigation { width:841px; height:59px;margin:5px 0 0 118px; float:left;} #navigation ul { margin:0;padding:0;} #navigation ul li { margin:0;padding:0; font-size:1.1em; color:#fff;float:left;} #navigation ul li a { color:#fff; text-decoration:none; display:block; float:left; text-align:center; line-height:4.3em; font-weight:bold;} #navigation ul li#homeNav a { width:93px;background:url(/images/page/homeNav-background.png) no-repeat top left} #navigation ul li#homeNav a:hover { background:url(/images/page/homeNav-background-hover.png) no-repeat top left} #navigation ul li#homeNav a.on { background:url(/images/page/homeNav-background-hover.png) no-repeat top left} #navigation ul li#uniNav a { width:160px;background:url(/images/page/uniNav-background.png) no-repeat top left} #navigation ul li#uniNav a:hover { background:url(/images/page/uniNav-background-hover.png) no-repeat top left} #navigation ul li#uniNav a.on { background:url(/images/page/uniNav-background-hover.png) no-repeat top left} #navigation ul li#searchNav a { width:115px;background:url(/images/page/searchNav-background.png) no-repeat top left} #navigation ul li#searchNav a:hover { background:url(/images/page/searchNav-background-hover.png) no-repeat top left} #navigation ul li#searchNav a.on { background:url(/images/page/searchNav-background-hover.png) no-repeat top left} #navigation ul li#cityNav a { width:140px;background:url(/images/page/cityNav-background.png) no-repeat top left} #navigation ul li#cityNav a:hover { background:url(/images/page/cityNav-background-hover.png) no-repeat top left} #navigation ul li#cityNav a.on { background:url(/images/page/cityNav-background-hover.png) no-repeat top left} #navigation ul li#studentNav a { width:134px;background:url(/images/page/studentNav-background.png) no-repeat top left} #navigation ul li#studentNav a:hover { background:url(/images/page/studentNav-background-hover.png) no-repeat top left} #navigation ul li#studentNav a.on { background:url(/images/page/studentNav-background-hover.png) no-repeat top left} #navigation ul li#UCASNav a { width:79px;background:url(/images/page/UCASNav-background.png) no-repeat top left} #navigation ul li#UCASNav a:hover { background:url(/images/page/UCASNav-background-hover.png) no-repeat top left} #navigation ul li#UCASNav a.on { background:url(/images/page/UCASNav-background-hover.png) no-repeat top left} #navigation ul li#UTNav a { width:82px;background:url(/images/page/UTNav-background.png) no-repeat top left} /* navigation styles */ /* footer styles*/ #footerTop { height:100px; width:970px;} #footerTop ul { float:left; margin:22px 0 0 50px; padding:0;} #footerTop ul li { float:left; border-right:1px solid #0083D7; color:#0083D7; font-size:1em; padding: 0 9px 0 0;} #footerTop ul li.last { border:0;} #footerTop ul li a { text-decoration:none; color:#0083D7; font-weight:bold; padding: 0 0 0 9px;} #footerTop p { color:#0083D7;font-size:1em; float:left; clear:both; margin:8px 0 0 60px;} #footerBottom p { margin:0 18px 0 0;padding:0; font-size:1em;} #footerBottom p a { color:#fff; float:right; text-decoration:none;display:block;background:url(/images/1010-media.png) no-repeat top right; padding-right:128px; font-weight:bold; height:63px;} /* form styles */ form { padding:0px 0px 10px 30px;margin:5px 0px 0px 0px; width:95%;} label { color:#fff; font-weight:normal; width:140px; padding-right:5px; font-size:1em; line-height:1.2em;} input, select, textarea { border: 2px solid #fff; background-color:#0083D7; font-size:1em; width:240px;padding:2px 2px 2px 2px;} select { width:246px;} input:focus, textarea:focus { border-color:#fff; background:#fff; background-image:none;} #contentInner form .submit { width:226px;border:0;color:#fff;font-size:1.4em; font-weight:bold; padding:0px 0px 0px 20px;height:3.5em; text-align:left; background: url(../images/page/submit-back.png) left no-repeat; cursor:pointer;margin-left:140px;} #uniMainPage form { float:left; margin:15px 0 2px 20px;padding:0; display:inline; width:180px;} #uniMainPage form .submit2 { width:226px;border:0;color:#fff;font-size:1.4em; font-weight:bold; padding:0px 0px 0px 15px;height:3em; text-align:left; background: url(../images/page/submit-back-small.png) left no-repeat; cursor:pointer;margin-left:90px; float:left;} form .submitLeft { width:226px;border:0;color:#fff;font-size:1.4em; font-weight:normal; padding:0px 0px 0px 20px;height:3.5em; text-align:left; background: url(../images/page/submit-back.png) left no-repeat; cursor:pointer;} /* table styles */ table { border:1px solid #fff;font-size:1.3em; margin:0px 0 13px 40px;width:82%;padding:5px;} td,th { padding:8px; color:#fff; line-height:1.6em;} td a { text-decoration:none; color:#fff} th { background-color:#fff; color:#333;} /* main content */ #contentInner { width:970px; min-height:465px;float:left; margin-top:0px;background: url(../images/page/content-inner-background-top.png) left top no-repeat;} #contentInnerFooter { width:970px; height:52px;float:left;background: url(../images/page/content-inner-background-bottom.gif) left top no-repeat;} #contentInnerLeft { width:660px; float:left; padding-top:10px;} #contentInnerLeft h2 { font-size:4.8em; color:#fff; margin:23px 0 0 80px;} #contentInnerLeft p { font-size:1.2em; color:#fff; margin:0px 30px 10px 80px; line-height:1.4em; padding:0;} #contentInnerLeft h3 { font-size:2.8em; color:#fff; margin:15px 0 0 80px;} #contentInnerLeft h4 { font-size:1.8em; color:#FF6600; margin:5px 0 0 80px;} #contentInnerLeft p a { font-weight:bold; text-decoration:none; color:#fff;} #contentInnerLeft table { margin:5px 0 10px 80px;} #contentInnerLeft li { font-size:1.2em; color:#fff; margin:3px 30px 3px 95px; line-height:1.4em; padding:0; list-style:circle;} /* right links*/ #contentInnerRight { width:290px; float:left;} #contentInnerRight ul { float:left; margin:35px 0 0 18px; } #contentInnerRight ul li { width:263px; font-size:1em;} #contentInnerRight ul li a { display:block; height:54px; font-weight:bold; width:206px; padding:0 0 0 20px; line-height:3em; color:#fff; font-size:1.5em; text-decoration:none; margin:10px 0px 0px 29px; float:left;} #contentInnerRight ul li span { display:block; clear:both; float:left;color:#fff; font-size:1.1em; width:130px; margin:10px 0 0 41px; line-height:1.3em;} #contentInnerRight ul li a.future { background:url(/images/page/future-button-background.png) no-repeat top center;} #contentInnerRight ul li a.unis { background:url(/images/page/unis-button-background.png) no-repeat top center;} #contentInnerRight ul li a.student { background:url(/images/page/student-button-background.png) no-repeat top center;} #contentInnerRight ul li a.travelRight { background:url(/images/page/services-button-green2.png) no-repeat top center;} #contentInnerRight ul#networking { float:right; margin:10px 35px 0px 0px;} #contentInnerRight ul#networking li { width:auto; float:left; margin:0; padding:0;} #contentInnerRight ul#networking li a { height:auto; width:auto; padding:0; margin:1px 0 0 4px;line-height:1em;} #contentInnerRight h3 { font-size:2.8em; color:#fff; margin:15px 0 0 45px; float:left;} #contentInnerRight p { color:#fff; font-size:1.1em; padding:0px 0 3px 45px; margin:3px 0 3px 0;line-height:1.3em; clear:both;} #contentInnerRight p a { color:#fff; text-decoration:none; font-weight:bold;} /* end right content */ /*home styles*/ #homeTop { height:285px; width:970px;margin:0px 0 0 0;background:url(/images/page/homeTop-background.png) no-repeat top center;} #homeTopLeft { height:285px; float:left; width:291px;background:url(/images/page/homeTopLeft-background.png) no-repeat top center;} #homeTopLeft h2 { font-size:42px; color:#fff; margin:23px 0 0 50px;} #homeTopLeft h2 span { font-size:62px;} #homeTopLeft p { font-size:1.2em; color:#fff; margin:0px 30px 5px 50px; line-height:1.4em; padding:0;} #homeTopLeft h3 { font-size:2.2em; color:#FF6600; margin:5px 0 0 50px; padding:0;} #homeTopRight { height:285px;float:left; width:679px;background:url(/images/page/homeTopRight-background.png) no-repeat top center;} #homeBottom { height:224px; padding-top:8px; width:970px; margin:0px 0 0 0;float:left;background:url(/images/page/homeBottom-background.jpg) no-repeat top center #fff;} #homeBottom ul { float:left; margin:0 0 0 18px; } #homeBottom ul li { float:left; width:263px; font-size:1em;} #homeBottom ul li a { display:block; font-weight:bold; height:54px; width:206px; padding:0 0 0 20px; line-height:3em; color:#fff; font-size:1.5em; text-decoration:none; margin:10px 0px 0px 29px; float:left;} #homeBottom ul li span { display:block; clear:both; float:left;color:#fff; font-size:1.2em; width:130px; margin:10px 0 0 41px; line-height:1.3em;} #homeBottom ul li a.future { background:url(/images/page/future-button-background.png) no-repeat top center;} #homeBottom ul li a.unis { background:url(/images/page/unis-button-background.png) no-repeat top center;} #homeBottom ul li a.student { background:url(/images/page/student-button-background.png) no-repeat top center;} #homeBottom ul#networking { float:right; margin:0px 30px 0px 0px;} #homeBottom ul#networking li { width:auto; float:left; margin:0; padding:0;} #homeBottom ul#networking li a { height:auto; width:auto; padding:0; margin:1px 0 0 4px;line-height:1em;} /* end home styles*/ /* links bar */ #linksBar { height:45px; width:970px; margin:0px 0 0 0;float:left;background:url(/images/page/linksBar-background.gif) no-repeat bottom center #fff;} #linksBar ul { float:left; margin:0;padding:0;} #linksBar ul li { float:left; float:left;margin:12px 60px 0 50px;padding:0; font-size:1.1em;} #linksBar ul li.last { margin-right:0; margin-left:5px;} #linksBar ul li a { text-decoration:none; font-weight:bold;} #linksBar ul li span { clear:both; display:block; margin-top:2px;} /* end links bar */ form#contactForm input.submit { margin-left:140px;} /* uni styles */ #uniMainPage { width:970px; min-height:0px;background:url(/images/page/uni-main-background.png) no-repeat center top; float:left;} #uniMainPage h2 { font-size:4.8em; color:#fff; margin:0px 0 0 102px;} #uniMainPage h3 { font-size:1.7em; color:#fff; margin:29px 0 0 102px;} #uniBlockHeadings { min-height:125px; width:970px; float:left;} #uniBlockTop { height:178px; width:970px; float:left;padding-top:10px;} #uniBlockTop #screenGrab { width:230px; height:178px; float:left; margin:0px 0 0 100px;background:url(/images/page/screengrab-background.png) no-repeat center; } #uniBlockTop #screenGrab img { margin: 15px 0px 0px 15px;} #uniBlockTop #uniLinks { width:206px; height:178px; float:left; margin:0px 0 0 7px;background:url(/images/page/unilinks-background.png) no-repeat center;} #uniBlockTop #uniLinks h4 { color:#ccc; font-size:2.2em; margin:9px 0px 0px 13px; float:left;} #uniBlockTop #uniLinks ul { clear:both;} #uniBlockTop #uniLinks li { margin:0px 0px 5px 13px; color:#ccc;font-size:1.05em; min-height:1.4em;background:url(/images/page/unilink-background.gif) no-repeat left center; padding:3px 0 0 17px;} #uniBlockTop #uniLinks li a { color:#ccc; text-decoration:none; font-weight:bold;} #uniBlockTop #uniLinks li a:hover { color: #ff6600;} #uniBlockTop #showVideo { width:230px; height:178px; float:left; margin:0px 0 0 7px;background:url(/images/page/showvideo-background.png) no-repeat center;} #uniBlockTop #showVideo h4 { color:#ccc; font-size:2.2em; margin:9px 0px 0px 13px; float:left;} #uniBlockTop #showVideo p { color:#ccc; font-size:1.2em; margin:1px 0px 5px 13px; float:left; font-weight:bold;} #extLinks { width:150px; height:178px; float:left; margin:0px 0 0 3px;} #extLinks ul { margin:0;padding:0;} #extLinks ul li { margin:0;padding:0; font-size:1.1em;} #extLinks ul li a { display: block; width:124px; color:#FF6600; text-decoration:none; height:59px; background:url(/images/page/extLinksBackground.gif) no-repeat center; padding:13px; font-weight:bold;} #extLinks ul li a em { font-size:1.7em; display:block; color:#fff;} #extLinks ul li a.city { color:#fff;} #extLinks ul li a.top { margin-bottom:7px;} #extLinks ul li a.top span { position:relative;top:-6px; display:block;} #uniBlockBottom { height:100px; margin:3px 0 0 0px; padding-left:246px; width:724px; float:left; clear:both;background:url(/images/page/uniblockbottom-background.gif) no-repeat top center;} #externalVideos { width:309px; height:76px;float:left;background:url(/images/page/extVideoBackground.jpg) no-repeat center;} #externalVideos p { line-height:6em; width:150px;font-size:1.2em; color:#fff; float:left;text-align:right;font-weight:bold;} #externalVideos ul { line-height:6em; margin:20px 0 0 5px;padding:0; float:left;} #externalVideos li { float:left;margin-right:1px;} #externalVideos li a { display:block;background:url(/images/page/vidLink-back.gif) no-repeat center; width:26px; line-height:2.7em; color:#fff; text-decoration:none; font-weight:bold; text-align:center} #uniBlockBottom p { padding:0;margin:0; float:left;} #uniMainPage #uniBlockBottom form.addUT { background:none; margin:0;padding:0;width:178px; border:0;} #uniMainPage #uniBlockBottom form.addUT input.submitUT { padding:0; width:178px; border:0; cursor:pointer; height:76px; margin:0; } #uniLeft { width: 280px; min-height:465px; position:relative; top: 23px;background:url(/images/page/uni-left.png) no-repeat bottom center; float:left;} #uniLeft h2 { font-size:4.8em; color:#fff; margin:5px 24px 0 40px; text-align:right;} #uniLeft p { font-size:1.2em; color:#fff; margin:0px 30px 5px 50px; line-height:1.4em; padding:0; text-align:right;} #uniMiddle { width: 264px; min-height:465px; position:relative; top: 23px;background:url(/images/page/uni-middle.png) no-repeat bottom center; float:left;} #uniMiddle p { font-size:1.2em; color:#fff; margin:12px 0px 5px 0px; line-height:1.4em; padding:0;} #uniMiddle p a { text-decoration:none; font-weight:bold; color:#fff;} #uniRight { width:426px; min-height:465px; position:relative; top: 23px;float:left;} #uniRight img { margin:0;padding:0;} #uniMiddle img#south-map { position:relative; margin-top:-261px; top:-10px;} #uniMiddle img#north-map { position:relative; margin-top:-261px; top:-10px;} #uniMiddle img#wales-map { position:relative; margin-top:-261px; top:-10px;} #uniMiddle img#scotland-map { position:relative; margin-top:-261px; top:-10px;} #uniMiddle img#ireland-map { position:relative; margin-top:-261px; top:-10px;} #uniRight ul li { float:left; margin:0px 0px 0px 13px;} #uniRight ul#letterList { clear:both; margin:7px 130px 0px 13px; float:left;} #uniRight ul#letterList li { margin:0px 0px 0px 1px;} #uniRight ul#letterList li a { display:block; text-decoration:none;background:url(/images/page/letter-list-link.gif) no-repeat bottom center; line-height:1.6em; color:#FF6600; width:16px; text-align:center;} #uniRight ul#letterList li.all a { display:block; text-decoration:none;background:url(/images/page/letter-list-link-big.gif) no-repeat bottom center; line-height:1.6em; color:#FF6600; width:60px; text-align:center;} #uniRight ul#letterList li.all a:hover { background:url(/images/page/letter-list-link-big-on.gif) no-repeat bottom center; color:#fff;} #uniRight ul#letterList li a:hover,#uniRight ul#letterList li a.on { background:url(/images/page/letter-list-link-on.gif) no-repeat bottom center; color:#fff;} #greyBox { margin:8px 0px 0px 13px;padding-top:10px; float:left; width:396px; height:345px; background:url(/images/page/list-back.gif) no-repeat bottom center; clear:both;} .scroll-pane { height:330px; overflow: auto;width:380px;margin:0px 0px 0px 10px;} #panel { height:330px; } #greyBox li { font-size:1.2em; margin:0px 20px 0px 0px;width:330px; padding:10px 0px 0px 0; clear:both;} #greyBox li a { color: #fff; text-decoration:none; font-weight:bold;padding:5px 30px 5px 0; line-height:1.7em;} #greyBox li a:hover { color:#FF6600;} #greyBox li.tourYes a { background:url(/images/page/video-available.gif) no-repeat right center; } #greyBox li.tourScholarYes a { background:url(/images/page/scholar-video.gif) no-repeat right center; padding-right:40px;} #greyBox li.scholarYes a { background:url(/images/page/scholar-available.gif) no-repeat right center; padding-right:20px;} .overlayBox { position: absolute; text-align:left; width:500px; height:475px;margin-left:200px;background:url(../images/page/popup-background-bottom2.png) no-repeat bottom left; display:none; padding:20px;} .overlayBox p { margin:10px 0px 10px 0px;padding:0; font-size:1.2em; float:right;} .overlayBox a { width:226px;border:0; display:block;color:#fff;font-size:1.4em; font-weight:normal; padding:0px 0px 0px 20px;line-height:3.3em; text-align:left; background: url(../images/page/submit-back.png) left no-repeat; cursor:pointer; text-decoration:none; float:right;} /* end uni styles */ /*student services */ #studentInner { width:970px; min-height:265px;background:url(/images/page/services-background.png) no-repeat center top; float:left;} #studentLeft { width:583px; min-height:162px; float:left;} #studentLeft h2 { text-align:right; margin: 40px 17px 0 0; color:#fff; font-size:4.8em;} #studentLeft p { text-align:right; margin: 0px 17px 10px 0; color:#fff; font-size:1.2em;} #studentRight { width:387px; min-height:114px; padding-top:48px; float:left;} #studentRight p { margin: 0px 45px 12px 15px; color:#fff; font-size:1em; line-height:1.4em} #studentBottom { width:906px; min-height:83px;background:url(/images/page/services-bottom-background.jpg) no-repeat center top; float:left; margin:0 0 0 48px;} #studentBottom ul li { float:left; background:url(/images/page/services-button-orange.png) no-repeat center top; color:#fff; width:210px; line-height:3.6em; font-size:1.5em; margin:10px 5px 0px 10px;} #studentBottom ul li a { color:#fff; text-decoration:none; padding-left:18px;} #studentBottom ul li.blue { background-image:url(/images/page/services-button-blue.png);} #studentBottom ul li.purple { background-image:url(/images/page/services-button-purple.png);} #studentBottom ul li.green { background-image:url(/images/page/services-button-green.png);} #serviceList3 li { list-style:none; padding:22px 10px 12px 15px;clear:both; font-weight:normal;min-height:70px;} #serviceList3 li a { background-image:none;color:#fff;} #serviceList3 li img { float:left;} #serviceList3 li span.img { text-align:center;width:170px;} #serviceList3 li span.img img { float:none; } #serviceList3 li span { display:block;float:left;width:290px; line-height:1.4em;} #serviceList3 li span strong { font-size:1.2em;color:#fff;} #serviceList3 li a img { border:0px;} #basket { float:right; padding:10px 0px 0px 20px; width:299px; text-align:right; display:inline;} #basket p { float:left; clear:none;display:block;margin: 1px 2px 0px 0px; padding:0;color:#0082D6; font-size:1.2em; font-weight:bold; height:auto;} #basket ul { } #basket li { float:left;display:block;margin-right:0px;margin-left:6px;margin-top:1px;font-size:1.1em; color:#0082D6} #basket li a { padding-left:0px;padding-right:2px; font-weight:bold; color:#0082D6; text-decoration:none;} #checkoutLeft { width:270px; float:left; margin-left:42px; clear:both;} #checkoutLeft p { margin:0;padding:3px 0px 3px 0px;} #checkoutLeft label { width:80px;} #checkoutLeft input,#checkoutLeft textarea { width:170px;} #checkoutRight { width:270px; float:left;margin-left:10px;} #checkoutRight p { margin:0;padding:3px 0px 3px 0px;} #checkoutRight label { width:80px;} #checkoutRight input,#checkoutRight textarea { width:172px;} #checkoutRight select { width:180px;} #checkoutRight .submit { width:255px; margin-left:0px; padding-right:33px;} #checkoutRight img { float:left;} #checkoutLeftTop { width:273px; float:left;} #checkoutLeftTop p,#checkoutLeftTop h3 { margin-left:45px;} #checkoutRightTop { width:270px; float:left;margin-left:5px;}