html, body, table, thead, tbody, tfoot, tr, th, td, p, h1, h2, h3, h4, h5, h6, div, ul, li, a, form, textarea, input, select, img, hr, span, strong, fieldset, blockquotes { margin: 0; padding: 0; line-height:1.6em;}
#break { clear: both;height: 0px;overflow: hidden;}
body { font-family:Arial, Helvetica, sans-serif; font-size: small; line-height:1.5em; color: #4a4a4a; background-image:url(img/bodyback.jpg); background-repeat:repeat-x; background-position:top left; background-color:#efefef;}
blockquote {font-size:85%; margin-left:20px; margin-right:10px; margin-top:5px; margin-bottom:20px; padding:10px; width:500px; text-indent: 25px;background-image:url(img/quoteleft.png); background-position: 8px 10px; background-repeat: no-repeat; }
blockquote.style1 span {display: block; background-image: url(img/quoteright.png); background-repeat: no-repeat; background-position: bottom right;line-height:1.8em;}
.courseform {text-transform:capitalize;}
.small {font-size:85%;}
#columnonesub h1.searchforcourse {display:none;}
#coursesearch { display:none;}
.coursesearchstyle{position: absolute; margin-left:5px; }
#coursetypeselect {display:inline; padding:10px; border:1px solid #cccccc;color:#000000; }
#coursetypeselect:hover {background-color:#efefef;color:#000000;border:1px solid #cccccc;}
#coursetypeselect:focus {background-color:#999999;border:1px solid #cccccc;}
#break {clear:both; }
#mainwrapper {width:940px; margin:0 auto;background-color:#FFFFFF;}
#contentwrapper {width:100%; margin:0 auto; background-color:#FFFFFF;}
.imgheader {margin-bottom:10px;}
.imgheadernews {margin-bottom:3px;}
.imgheaderevents {margin-top:10px; margin-bottom:10px;}
.imgheadervideos{margin-top:17px; margin-bottom:10px; }
#linesplit {border-bottom:1px #efefef solid; height:10px; min-height:10px; width:100%;}
/* NAV */
#mainnavwrapper { display:none;}
/* HEADER */
#headerwrapper { display:none;}
#headerleft {width:470px; float:left; display:block; background-color:#FFFFFF; min-height:100px; height:100px;padding-top:15px;}
#headerlogo {padding-left:0px; padding-top:5px;}
#headerright {width:470px;float:left; display:block; background-color:#FFFFFF; min-height:100px; height:100px; padding-top:15px;}
#headerright p {font-size:85%;}
#headerrightleft {width:225px; float:left; display:block; padding-top:8px; padding-left:10px; }
#headerrightright {width:225px; float:left; display:block; padding-top:8px; padding-left:10px;}
/* SLIDER IMAGE */
#sliderimage { display:none; }
/* TOP RIGHT */
#topright { display:none;}
/* TOP RIGHT CONTENT */
#searchcolumn { display:none;}
/* COLUMN 1 */
#columnone {width:438px; min-width:438px; display:block;float:left; background-image:url(img/c1-back.png); background-repeat:repeat-x; background-position:top left;padding-top:10px; padding-left:10px; padding-right:10px;}
/* COLUMN 1 CONTENT */
#latestnewsitem {float:left; display:block;padding-top:7px; padding-bottom:10px;}
#latestnewsitem:hover {float:left; display:block;padding-top:7px; padding-bottom:10px; background-image:url(img/latestnewsback.png); background-repeat:x; background-position:top left;}
#latestnewsitem:hover img {float:left; border:2px #ababab solid; padding:1px; display:block; margin-right:10px; width:75px; height:75px; }
#latestnewsitem a {text-decoration:none; color:#5b5b5b; }
#latestnewsitem a:hover { color:#555555; border-bottom:1px #ababab dotted; }
#latestnewsitem p {font-size:85%; display:block; float:left; width:345px; padding-top:5px;}
#latestnewsitem img {float:left; border:2px #efefef solid; padding:1px; display:block; margin-right:10px; width:75px; height:75px; }
#latestnewstitle {float:left;font-size:110%; font-weight:bold; width:345px; padding:0px; margin:0px; }
#latestnewsdate {float:left;font-size:85%; color:#999999; display:block; }
#aboutusright {float:left; width:200px; height:290px; color:#FFFFFF; }
#aboutusright h5 {font-size:150%; margin-top:5px; margin-left:15px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;}
#aboutusrightlinks {margin-left:15px; line-height:27px; font-size:85%;}
#aboutusrightlinks a:link {color:#FFFFFF; line-height:27px;}
#aboutusrightlinks a:hover {color:#FFFFFF; line-height:27px;}
#aboutusrightlinks a:visited {color:#FFFFFF; line-height:27px;}
div.aboutusbuttons {padding:15px; display:block; margin-left:0px; float:left; margin-bottom:35px;}
div.aboutusbuttoncage {width:610px; height:290px; float:left;}
div.aboutusbutton-news {float:left; width:125px; height:125px; background: transparent url(img/aboutus-newsevents.png) no-repeat scroll 0 0; display:block; margin:10px;}
div.aboutusbutton-news h4 {display:none;}
div.aboutusbutton-news a {border:1px solid #FFFFFF; display:block; height:124px; width:124px;}
div.aboutusbutton-news a:hover {border:1px solid #6f288e; display:block; height:124px; width:124px;}
div.aboutusbutton-how {float:left; width:125px; height:125px; background-image:url(img/aboutus-howtofindus.png); background-position:top left; background-repeat:no-repeat; display:block; margin:10px;}
div.aboutusbutton-how a {border:1px solid #FFFFFF; display:block; height:124px; width:124px;}
div.aboutusbutton-how a:hover {border:1px solid #6f288e; display:block; height:124px; width:124px;}
div.aboutusbutton-how h4 {display:none;}
div.aboutusbutton-student {float:left; width:125px; height:125px; background-image:url(img/aboutus-support.png); background-position:top left; background-repeat:no-repeat; display:block; margin:10px;}
div.aboutusbutton-student a {border:1px solid #FFFFFF; display:block; height:124px; width:124px;}
div.aboutusbutton-student a:hover {border:1px solid #6f288e; display:block; height:124px; width:124px;}
div.aboutusbutton-student h4 {display:none;}
div.aboutusbutton-facts {float:left; width:125px; height:125px; background-image:url(img/aboutus-facts.png); background-position:top left; background-repeat:no-repeat; display:block; margin:10px;}
div.aboutusbutton-facts a {border:1px solid #FFFFFF; display:block; height:124px; width:124px;}
div.aboutusbutton-facts a:hover {border:1px solid #6f288e; display:block; height:124px; width:124px;}
div.aboutusbutton-facts h4 {display:none;}
div.aboutusbutton-job {float:left; width:125px; height:125px; background-image:url(img/aboutsus-jobvacancies.png); background-position:top left; background-repeat:no-repeat; display:block; margin:10px;}
div.aboutusbutton-job a {border:1px solid #FFFFFF; display:block; height:124px; width:124px;}
div.aboutusbutton-job a:hover {border:1px solid #6f288e; display:block; height:124px; width:124px;}
div.aboutusbutton-job h4 {display:none;}
div.aboutusbutton-tour {float:left; width:125px; height:125px; background-image:url(img/aboutus-campustour.png); background-position:top left; background-repeat:no-repeat; display:block; margin:10px;}
div.aboutusbutton-tour a {border:1px solid #FFFFFF; display:block; height:124px; width:124px;}
div.aboutusbutton-tour a:hover {border:1px solid #6f288e; display:block; height:124px; width:124px;}
div.aboutusbutton-tour h4 {display:none;}
div.aboutusbutton-sus {float:left; width:125px; height:125px; background-image:url(img/aboutus-sustainability.png); background-position:top left; background-repeat:no-repeat; display:block; margin:10px;}
div.aboutusbutton-sus a {border:1px solid #FFFFFF; display:block; height:124px; width:124px;}
div.aboutusbutton-sus a:hover {border:1px solid #6f288e; display:block; height:124px; width:124px;}
div.aboutusbutton-sus h4 {display:none;}
div.aboutusbutton-history {float:left; width:125px; height:125px; background-image:url(img/aboutus-history.png); background-position:top left; background-repeat:no-repeat; display:block; margin:10px;}
div.aboutusbutton-history a {border:1px solid #FFFFFF; display:block; height:124px; width:124px;}
div.aboutusbutton-history a:hover {border:1px solid #6f288e; display:block; height:124px; width:124px;}
div.aboutusbutton-history h4 {display:none;}
/* COLUMN 2 */
#columntwo {display:none; }
#columntwo h1 {font-size:150%; color:#006892; padding-left:0px; padding-bottom:7px; font-weight:normal; }
#columntwo p {padding-left:0px; padding-top:5px; font-size:85%;}
#columntwo ul {font-size:85%; margin:0px; padding:0px; list-style-type:none; }
#columntwo li {background-image: url(img/eventsbullet.png);background-repeat: no-repeat;background-position: 0 .7em; padding-top:5px; padding-bottom:5px; border-bottom:1px #f5f5f5 solid;}
#columntwo li .listtitle {font-weight:bold;color:#5b5b5b;padding-left: 1.5em; }
#columntwo li:hover {background-image:url(img/eventsback.png); background-position:top left; background-repeat:repeat-x;}
.picright {float:right; padding-left:10px; padding-bottom:15px;}
/* COLUMN 2 CONTENT */
#listline {width:100%; height:15px; min-height:15px; background-image:url(img/listline.png); background-position:center; background-repeat:repeat-x; }
/* COLUMN 3 */
#columnthree {display:none;}
#columnthree h1 {font-size:150%; color:#006892; padding-left:0px; padding-bottom:7px; font-weight:normal;}
#columnthree p {padding-left:0px; padding-top:5px; font-size:85%;}
#columnthreestudentview {width:221px; display:block; float:left; padding-top:0px; padding-left:10px; padding-right:10px; }
#columnthreestudentview p {padding-left:5px; padding-right:25px; padding-top:40px; font-size:85%;}
/* COLUMN 3 CONTENT */
.studentviewtitle {font-weight:bold; font-size:85%;color:#2e8fb9; }
.studentviewimage {float:right; border:2px #efefef solid; padding:1px; margin-left:15px; margin-right:10px; height:46px; width:46px;}
.studentviewmoreimage {float:left; display:inline; border:1px #efefef solid; padding:1px;height:46px; width:46px; margin-right:5px; }
#studentview {height:200px;background-image:url(img/studentview-bubble.jpg); background-repeat:no-repeat; background-position:bottom center;}
.studentviewmoreimagelast {float:left; display:inline; border:1px #efefef solid; padding:1px; }
.studentviewname {color:#999999;font-weight:bold; font-size:85%;}
.quoteleft {float:left; padding-right:10px; margin-top:3px;}
.quoteright {float:right; padding-left:5px; margin-right:0px; }
#video {width:215px; min-width:215px; background-color:#f5f5f5;}
#videoboxtop {width:220px; min-width:215px; height:12px; min-height:12px; background-image:url(img/videoboxtop.png); background-position:top left; background-repeat:no-repeat;}
#videoboxbottom {width:215px; min-width:215px; height:12px; min-height:12px; background-image:url(img/videoboxbottom.png); background-position:top left; background-repeat:no-repeat;}
#videoclear {height:30px; min-height:30px; width:200px; float:left; display:block;}
#videohome {float:left; display: block;margin-bottom:10px; width:221px; }
#videohome a {text-decoration:none; color:#2e8fb9;}
#videohome a:hover {color:#2e8fb9; border-bottom: 1px dotted #ababab;}
#videohome:hover {background-image:url(img/latestvideosback.png); background-position:top left; background-repeat:repeat-x;}
#videohome:hover img {float:left; margin-right:5px;border:2px #ababab solid; padding:1px;display:block; width:50px; height:50px;}
#videohome h1 {font-size:150%; color:#006892; padding-left:0px; margin-top:10px; font-weight:normal; margin-bottom:3px;}
#videohometext {padding-left:0px; font-size:85%; float:left; padding-right:10px; display:block; width:150px; }
#videohome img {float:left; margin-right:5px;border:2px #efefef solid; padding:1px;display:block; width:50px; height:50px;}
.videomore {float:left; font-size:75%; bottom:0px; padding-right:10px; padding-top:0px;}
/* COLUMN 4 */
#columnfour {display:none; }
/* COLUMN 4 CONTENT */
#home-ad-right {float:left; display:block; font-size:85%;padding-bottom:10px;padding-top:10px;}
#mostpopular {float:left; display:block; padding-bottom:10px; }
#mostpopular h1 {font-size:150%; color:#006892; font-weight:normal; }
#mostpopular a:link {text-decoration:none; color:#ad208e;}
#mostpopular a:hover {text-decoration:underline; color:#555555; }
#mostpopular a:active {text-decoration:none; color:#000000;}
#mostpopular a:visited {text-decoration:none; color:#ad208e;}
#downloadhome1 {float:left; display:block; font-size:85%; text-align:center;}
#downloadhome2 {float:right; display:block; font-size:85%;text-align:center; }
/* COLUMN 1 SUB */
#columnonesub-subject {width:685px; min-width:685px; display:block;float:left;background-image:url(img/subjects/adminback1.png); background-repeat:repeat-x; background-position:top right;padding-top:5px; padding-left:10px; padding-right:10px;}
#columnonesub-subject h1 {font-size:200%; color:#FFFFFF; font-weight:normal; text-transform:uppercase; }
#columnonesub-subject h3 {font-size:150%; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
#columnonesub-subject p {padding-left:0px; padding-top:5px; padding-bottom:10px; font-size:85%;}
#columnonesub-subject-admin {width:685px; min-width:685px; display:block;float:left;background-image:url(img/subjects/adminback1.png); background-repeat:repeat-x; background-position:top right;padding-top:5px; padding-left:10px; padding-right:10px;}
#columnonesub-subject-admin h1 {font-size:200%; color:#FFFFFF; font-weight:normal; text-transform:uppercase; }
#columnonesub-subject-admin h3 {font-size:150%; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
#columnonesub-subject-admin p {padding-left:0px; padding-top:5px; padding-bottom:10px; font-size:85%;}
#columnonesub-subject-artdesign {width:685px; min-width:685px; display:block;float:left;background-image:url(img/subjects/artdesignback.png); background-repeat:repeat-x; background-position:top right;padding-top:5px; padding-left:10px; padding-right:10px;}
#columnonesub-subject-artdesign h1 {font-size:200%; color:#FFFFFF; font-weight:normal; text-transform:uppercase; }
#columnonesub-subject-artdesign h3 {font-size:150%; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
#columnonesub-subject-artdesign p {padding-left:0px; padding-top:5px; padding-bottom:10px; font-size:85%;}
#columnonesub {width:685px; min-width:685px; display:block;float:left; background-image:url(img/c1-back.png); background-repeat:repeat-x; background-position:top left; padding-top:5px; padding-left:10px; padding-right:10px;z-index:-1; }
#columnonesub a {text-decoration:none; color:#2780a7;}
#columnonesub a:hover {color:#fe7e00; border-bottom: 0px dotted #ababab;}
#columnonesub h1 {font-size:200%; color:#006892; font-weight:normal; border-bottom:1px #efefef solid; padding-bottom:2px; margin-bottom:10px;}
#columnonesub h3 {font-size:150%; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin-top:10px; }
#columnonesub h3 a {text-decoration:none; color: #4a4a4a;}
#columnonesub h3 a:hover {color: #4a4a4a; border-bottom: 1px dotted #ababab;}
#columnonesub h4 { font-weight:bold; font-size:85%; margin-bottom:10px; }
#columnonesub p {padding-left:0px; padding-top:5px; padding-bottom:10px; font-size:85%;}
.columnonesubimage {float:right; margin-left:10px; margin-bottom:10px; padding:1px; border:2px #efefef solid;margin-top:20px; }
#columnonesub li {font-size:85%; list-style-image:url(img/bulletarrow.png); list-style-position:outside; margin-left:20px;}
#columnonesub ul ul { font-size:115%; list-style-image:url(img/bulletarrow.png); list-style-position:outside; margin-left:20px;}
#tourbox {border: 1px solid rgb(228, 236, 246); padding: 15px; margin-left: 20px; margin-top:15px; background-color: rgb(249, 249, 249); width: 80px; height:90px; float: right;}
#tourbox h4 {font-family: Helvetica, Arial, sans-serif;font-size: 18px;font-style: normal;font-weight: normal;text-transform: normal;letter-spacing: -0.5px;line-height: 1.2em; padding-bottom:0px; margin-bottom:0px;color:#006892;}
#enrichmentborderbox {border: 1px solid rgb(228, 236, 246); padding: 15px; margin-left: 20px; margin-top:15px; background-color: rgb(249, 249, 249); width: 235px; height:90px; float: left;}
#enrichmentborderbox li {list-style:none;}
#enrichmentborderbox h4 {font-family: Helvetica, Arial, sans-serif;font-size: 18px;font-style: normal;font-weight: normal;text-transform: normal;letter-spacing: -0.5px;line-height: 1.2em; padding-bottom:0px; margin-bottom:0px;color:#006892;}
#columnonewide {width:920px; min-width:920px; display:block;float:left;background-image:url(img/aboutusback.jpg); background-position:top left; background-repeat:repeat-x; padding-top:5px; padding-left:10px; padding-right:10px;z-index:-1; }
#columnonewide a {text-decoration:none; color:#2780a7;}
#columnonewide a:hover {color:#fe7e00; border-bottom: 0px dotted #ababab;}
#columnonewide h1 {font-size:200%; color:#006892; font-weight:normal; border-bottom:1px #efefef solid; padding-bottom:2px; margin-bottom:10px;}
#columnonewide h3 {font-size:150%; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin-top:10px; }
#columnonewide h3 a {text-decoration:none; color: #4a4a4a;}
#columnonewide h3 a:hover {color: #4a4a4a; border-bottom: 1px dotted #ababab;}
#columnonewide h4 { font-weight:bold; font-size:85%; margin-bottom:10px; }
#columnonewide p {padding-left:0px; padding-top:5px; padding-bottom:10px; font-size:85%;}
.columnonewideimage {float:right; margin-left:10px; margin-bottom:10px; padding:1px; border:2px #efefef solid;margin-top:20px; }
.governortitle {font-size:110%;font-family:Georgia, "Times New Roman", Times, serif;margin-top:10px; margin-top:0px; padding-top:0px; font-weight:bold; }
.timelinetitle {font-size:140%; font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif; margin-top:5px; }
.termdatehighlight {color:#2780a7; font-style:italic;}
.columnonesub-subjectimage {float:right;}
#onlineformtable {font-size:85%;}
#onlineformtable .formfield {font-size:100%; background-image:url(http://www.deeside.ac.uk/img/bg-input.gif); background-position:top left; background-repeat:repeat-x;border-color:#969B9F #D1D3D5 #D1D3D5 #969B9F;border-style:solid;border-width:1px; padding:2px; margin-bottom:10px;font-family:Arial, Helvetica, sans-serif;}
#onlineformtable .formfield-send {background-color:#006892; padding:4px; color:#FFFFFF; border:1px #006892 solid;font-size:100%;}
/*TABLE*/
#box-table-a { font-size: 85%; width: 685px; text-align: left; border-collapse:collapse; }
#box-table-a th { font-weight: normal; padding: 8px; background: #d6eff9; border-top: 4px solid #b6eaff; border-bottom: 1px solid #fff; color: #4a4a4a;}
#box-table-a td { padding: 8px; background: #f5f5f5; border-bottom: 1px solid #fff; color: #4a4a4a; border-top: 1px solid transparent;}
#box-table-a tr:hover td { background: #ededed; color: #4a4a4a;}
#box-table-b { font-size: 85%; width: 685px; text-align: left; border-collapse: collapse;}
#box-table-b th { font-weight: normal; padding: 2px; background: #d6eff9; border-top: 4px solid #b6eaff; border-bottom: 1px solid #fff; color: #4a4a4a;}
#box-table-b td { padding:2px; background: #f3f3f3; border-bottom: 1px solid #fff; color: #4a4a4a; border-top: 1px solid transparent;}
#box-table-b tr:hover td { background: #ededed; color: #4a4a4a;}
/*END OF TABLE*/
/* COLUMN 4 SUB */
#columnfoursub {display:none; }
#columnfoursubinfo {width:219px; display:block; float:right; border-left:1px #efefef solid; padding-left:5px; padding-right:10px; }
#columnfoursub h2 {font-size:150%; color:#FFFFFF; text-transform:uppercase; font-weight:normal; padding-top:10px; padding-left:10px; background-image: url(img/columnfourback-top.png); background-position:top right; background-repeat:no-repeat; height:50px;}
#columnfoursub p {padding-left:5px; font-size:85%;}
#columnfoursub ul {font-size:85%; margin:0px; padding:0px; list-style-type:none; }
#columnfoursub li {padding-top:5px; padding-bottom:5px; border-bottom:1px #f5f5f5 solid; padding-left:5px;}
#columnfoursub li a { color:#6f298d; text-decoration:none;}
#columnfoursub li a:hover { color:#6f298d; border-bottom: 1px dotted #ababab; text-decoration:none;}
#columnfoursub li:hover {background-image:url(img/subeventsback.png); background-position:top left; background-repeat:repeat-x;}
#columnfoursub h4 {font-size:135%; padding-left:5px; padding-top:10px; padding-bottom:5px; font-weight:normal;}
#columnfoursub h5 {font-size:135%; padding-left:5px; font-weight:normal; }
#columnfoursub a { color:#6f298d; text-decoration:none;}
#columnfoursub a:hover { color:#6f298d; border-bottom: 1px dotted #ababab; text-decoration:none;}
#columnfoursubheader { display:none;}
#columnfoursubheader h2 {font-size:150%; color:#FFFFFF; text-transform:uppercase; font-weight:normal; padding-left:9px; padding-top:10px; }
#columnfoursubheader img {float:right;}
#columnfoursubheadertwo { background-image:url(img/columnfourback-top.png); height:50px; background-position:top right; background-repeat:no-repeat; background-color:#006892; width:234px; min-width:234px; float:right;}
#columnfoursubheadertwo h2 {font-size:150%; color:#FFFFFF; text-transform:uppercase; font-weight:normal; padding-left:9px; padding-top:10px; }
#columnfoursubheadertwo img {float:right;}
#columnfoursubvideohome {float:left; display: block;margin-bottom:10px; width:221px; }
#columnfoursubvideohome a {text-decoration:none; color:#6f298d;}
#columnfoursubvideohome a:hover {color:#6f298d; border-bottom: 1px dotted #ababab;}
#columnfoursubvideohome:hover {background-image:url(img/latestvideosback.png); background-position:top left; background-repeat:repeat-x;}
#columnfoursubvideohome:hover img {float:left; margin-right:10px;border:2px #ababab solid; padding:1px;display:block; width:50px; height:50px;}
#columnfoursubvideohometext {padding-left:0px; font-size:85%; float:left; padding-right:10px; display:block; width:140px; }
#columnfoursubvideohome img {float:left; margin-right:10px; margin-left:5px;border:2px #efefef solid; padding:1px;display:block; width:50px; height:50px;}
.columnfoursubvideomore {float:left; font-size:75%; bottom:0px; padding-right:10px; padding-top:0px; padding-left:5px;}
#careerpaths { font-size:85%; width:450px; }
#subjectintro {width:495px;font-size:85%;}
/* COLUMN 4 CONTENT */
#clear {clear:both;}
#topfootercontainer {display:none;}
#topfooter {width:940px; margin:0 auto; padding-top:0px; font-size:85%; }
#topfooter ul {list-style-type:none; margin-top:8px; line-height:2.2em;}
#topfooter h4 {font-size:120%; margin-top:15px; color:#6f2a8e; font-weight:bold;}
#topfooter h4 a {color:#6f2a8e; font-weight:bold;}
#topfooter h4 a:hover {color:#6f2a8e; font-weight:bold;}
#topfooter a {color:#333333; text-decoration:none;}
#topfooter a:hover {color:#666666; text-decoration:underline;}
#topfooter1 {width:214px; display:block; float:left; height:190px; min-height:190px; background-image:url(img/topfootback.png); background-position:top left; background-repeat:repeat-x; padding-left:10px; padding-right:10px; border-right:1px #efefef solid;}
#topfooter2 {width:214px; display:block;float:left;height:190px; min-height:190px;background-image:url(img/topfootback.png); background-position:top left; background-repeat:repeat-x;padding-left:10px; padding-right:10px; border-right:1px #efefef solid;}
#topfooter3 {width:214px; display:block;float:left;height:190px; min-height:190px;background-image:url(img/topfootback.png); background-position:top left; background-repeat:repeat-x;padding-left:10px; padding-right:10px; border-right:1px #efefef solid;}
#topfooter4 {width:215px; display:block;float:left;height:190px; min-height:190px;background-image:url(img/topfootback.png); background-position:top left; background-repeat:repeat-x;padding-left:10px; padding-right:10px;}
#bottomfootercontainer {display:none;}
#bottomfooter {display:none;}
/*ACCORDIAN JOBS*/
#basic-accordian{width:685px;}
.accordion_headings{padding:10px;background:#FFFFFF;color:#656565;cursor:pointer;font-weight:bold;border-right:2px #ffffff solid;font-size:100%;}
.accordion_headings:hover{ background:#b6eaff;}
.accordion_child{width:685px; }
.header_highlight{ background:#d6eff9;}
.tab_container *{float:left; width:170px;}
/* END OF ACCORDIAN */
/*ACCORDIAN MANAGERS*/
#basic-accordianmanagers{width:685px; padding:10px;}
.accordion_headingsmanagers{padding:5px;background:#FFFFFF;cursor:pointer;font-weight:bold;border-right:2px #ffffff solid;font-size:100%; border-bottom:1px #efefef solid;}
.accordion_headingsmanagers:hover{ background:#b6eaff;}
.accordion_childmanagers{width:685px; }
.header_highlightmanagers{ background:#d6eff9;}
.tab_containermanagers *{float:left; width:150px;}
/* END OF ACCORDIAN MANAGERS */
/*ACCORDIAN LEARNDIRECT*/
#basic-accordian-three{width:100%;}
.accordion_headingsthree{padding:10px;background:#efefef;color:#656565;cursor:pointer;font-weight:bold;border-right:2px #ffffff solid;font-size:100%; border-bottom:1px #efefef solid; width:500px; padding-right:40px; height:45px;}
.accordion_headingsthree:hover{ background:#cccccc;}
.accordion_child{width:100%; padding:5px;}
.header_highlight{ background:#d6eff9;}
.tab_container *{float:left; width:100%; }
/* END OF LEARNDIRECT */
/* ACCORDIAN HISTORY */
.haccordion .header, .haccordion .content{float: left; height: 298px; }
.haccordion {
scrollbar-face-color:#97c2d9;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#cfe3ea;}
.haccordion .header{
width: 45px;
cursor: pointer;
border-right:#FFFFFF solid 1px;
}
.haccordion .content{
display: none;
width: 0px;
overflow: auto;
border-top:#efefef solid 1px;
border-bottom:#efefef solid 1px;
}
.haccordion .content p{
margin-left: 5px;
margin-right: 5px;
}
/*END OF ACCORDIAN HISTORY */
/*ACCORDIAN CONTACT*/
#basic-accordian-two{width:685px;}
.accordion_headings{padding:10px;background:#FFFFFF;color:#656565;cursor:pointer;font-weight:bold;border-right:2px #ffffff solid;font-size:100%; border-bottom:1px #efefef solid;}
.accordion_headings:hover{ background:#efefef;}
.accordion_child{width:685px; }
.header_highlight{ background:#d6eff9;}
.tab_container *{float:left; width:170px;}
/* END OF ACCORDIAN */
/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {list-style:none; list-style-type:none;}
/*core classes*/
.stripViewer {
position: relative;
overflow: hidden;
border: 0px solid #ff0000;
margin: 0 0 0px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li {
float:right;
}
.stripTransmitter {
overflow: auto;
width: 1%;
position:relative;top:-29px;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
padding-left:10px;
float:left;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 0px 0px 0;
padding-right:3px;
}
.stripTransmitter a{
font: bold 1px Verdana, Arial;
text-align: center;
width:17px;
background-image:url(img/stripviewer.png);
height:17px;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background-image:url(img/stripviewerover.png);
}
/*tooltips formatting*/
#tooltip {
background: #fff;
color: #000;
opacity: 0.85;
border: 0px solid #dedede;
}
#tooltip h3 {
font: normal 10px Verdana;
margin: 0;
padding: 6px 2px;
border: 0;
}
/* CSS MENU ---------------------------------------------------------------------------------------------------*/
.menu {width:940px; height:33px; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:940px; w\idth:940px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:155px; padding:0px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative; }
/* style the links for the top level */
.menu a, .menu a:visited {display:block; text-decoration:none; color:#fff; height:33px; line-height:29px;font-size:105%; font-weight:bold; padding-top:7px; text-align:center; padding-left:25px; padding-right:25px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {float:left;position:relative;}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {z-index:100;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#555555;z-index:100;}
.menu ul ul :hover > a.drop {background:#555555; }
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#555555;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#44a6cd; }
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:40px;left:0; width:149px;z-index:100;}
/* another hack for IE5.5 */
* html .menu ul ul {top:40px;t\op:40px;}
/* position the third level flyout menu */
.menu ul ul ul{left:173px; top:0px; width:200px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-173px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#555555; color:#FFFFFF; height:auto; line-height:1.3em; padding:5px 12px; width:150px; font-size:75%; font-weight:normal; text-align:left; filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95; border-bottom:1px #404040 solid; z-index:100;}
.menu ul ul ul a, .menu ul ul ul a:visited {background:#717171; color:#FFF; height:auto; line-height:1.2em; padding:5px 12px; width:200px; font-size:75%; font-weight:normal; text-align:left; filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;z-index:100; }
/* yet another hack for IE5.5 */
* html .menu ul ul ul a, * html .menu ul ul ul a:visited {width:200px;w\idth:200px;}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#44a6cd;z-index:100;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#44a6cd;}
.menu ul ul ul a:hover, .menu ul ul ul a:hover{color:#fff; background:#44a6cd; }
.menu ul ul ul:hover > a, .menu ul ul ul:hover > a {color:#fff;background:#44a6cd;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
/*Clearbox modal popup */
#CB_ShowTh, #CB_Thumbs2, #CB_Thumbs, .CB_RoundPixBugFix, #CB_Padding, #CB_ImgContainer, #CB_PrevNext, #CB_ContentHide, #CB_LoadingImage, #CB_Text, #CB_Window, #CB_Image, #CB_TopLeft, #CB_Top, #CB_TopRight, #CB_Left, #CB_Content, #CB_Right, #CB_BtmLeft, #CB_Btm, #CB_BtmRight, #CB_Prev, #CB_Next, #CB_Prev:hover, #CB_Next:hover, #CB_CloseWindow, #CB_SlideShowS, #CB_SlideShowP, #CB_SlideShowBar, #CB_Email { margin: 0; padding: 0; background-color: transparent; border: 0px; font-family:Arial, Helvetica, sans-serif; font-size:85%;}
#CB_iFrCont { position: absolute; width: 0px; height: 0px;}
#CB_HiddenText { position: absolute; visibility: hidden; z-index: -1000; top: -100px; left: -1000px;}
.CB_Sep { color: #bbb;}
.CB_TnThumbs { width: 0px; height: 0px; border: 0px; outline-style: none; outline: 0px; padding: 0; margin: 0; visibility: hidden;}
.CB_BtmNav { position: relative; top: 4px; border: 0; padding: 0px 0px 0px 3px;}
#CB_ImgHide { position: absolute; visibility: hidden; z-index: 1098; left: 0px;}
#CB_ShowTh { width: 100%; height: 20%; visibility: hidden; position: absolute; z-index: 1097; bottom: 0px; left: 0px;}
#CB_Thumbs { display: none; height: 62px; padding-top: 10px; position: absolute; z-index: 1100; overflow: hidden; bottom: 0px; left: 0px;}
#CB_Thumbs2 { margin: auto 0; height: 52px; position: absolute;}
.CB_ThumbsImg { position: absolute; border: 1px solid #fff; cursor: pointer;}
.CB_RoundPixBugFix { display: block; visibility: hidden; font-family: arial; font-size: 1pt;}
#CB_ImgContainer { position: relative; width: 100%;}
#CB_PrevNext { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1002;}
#CB_NavPrev, #CB_NavNext { visibility: hidden;position: absolute; z-index: 1001; top: 47%; cursor: pointer;}
#CB_NavPrev { left: 18px;}
#CB_NavNext { right: 15px;}
#CB_ContentHide { position: absolute; z-index: 1000; top: 0px; left: 0px;}
#CB_LoadingImage { position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; visibility: hidden;}
#CB_Text { position: relative; text-align: left; overflow: hidden;}
#CB_T1 { height: 1px; white-space: nowrap; position: relative; display:none;}
#CB_T2 { margin-top: -1px;}
#CB_TL { position: relative; background-color: #fff; display: none;}
#CB_Window { left:50%; position:absolute; top:50%; visibility:hidden; z-index: 1100; border-collapse: separate;}
#CB_Image { position: relative;}
#CB_iFrame { position: absolute; width: 0px;height: 0px; z-index: 1003;}
#CB_TopLeft { background-image:url(http://www.deeside.ac.uk/scripts/clearbox/pic/s_topleft.png); background-position:right bottom;}
#CB_Top { background-image:url(http://www.deeside.ac.uk/scripts/clearbox/pic/s_top.png); background-position:left bottom;}
#CB_TopRight { background-image:url(http://www.deeside.ac.uk/scripts/clearbox/pic/s_topright.png); background-position:left bottom;}
#CB_Left { background-image:url(http://www.deeside.ac.uk/scripts/clearbox/pic/s_left.png); background-position:right top;}
#CB_Content { background-color: #fff;}
#CB_Right { background-image:url(http://www.deeside.ac.uk/scripts/clearbox/pic/s_right.png); background-position:left top;}
#CB_BtmLeft { background-image:url(http://www.deeside.ac.uk/scripts/clearbox/pic/s_btmleft.png); background-position:right top;}
#CB_Btm { background-image:url(http://www.deeside.ac.uk/scripts/clearbox/pic/s_btm.png); background-position:left top;}
#CB_BtmRight { background-image:url(http://www.deeside.ac.uk/scripts/clearbox/pic/s_btmright.png); background-position:left top;}
#CB_Prev, #CB_Next { background: transparent url(http://www.deeside.ac.uk/scripts/clearbox/pic/blank.gif) no-repeat scroll 0%; display: block; width: 49%; cursor: pointer; outline-style: none; outline: 0px; z-index: 1102;}
.CB_TextNav { text-decoration: underline; padding-right: 5px; color: #999; outline-style: none; outline: 0px; cursor: pointer; border: none;}
.CB_TextNav:hover { text-decoration: underline; color: #555; border: none;}
#CB_Prev { float: left; left: 0px;}
#CB_Next { float: right; left: 0px;}
#CB_Prev:hover {background:transparent;}
#CB_Next:hover {background:transparent;}
#CB_CloseWindow { position: absolute; right: -14px; top: -10px; z-index: 1104; cursor: pointer;}
#CB_SlideShowS, #CB_SlideShowP { position: absolute; left: -11px; top: -10px; z-index: 1104; cursor: pointer;}
#CB_SlideShowBar { background-color: #fff; width: 0px; position: absolute; height: 2px; display: none; z-index: 1102;}
#CB_Email { position: absolute; right: 15px;}
/* End of Clearbox modal popup */