* {margin:0;padding:0}
a {text-decoration:none;color:#00f}
a img, fieldset {border:0}
body {background:#fff;margin:0 2%;font:80%/1.2 verdana, arial, helvetica, sans-serif;color:#000;height:100%}
a:link {color:#039;background:transparent}
a:visited {color:#36c;background:transparent}
a:hover {color:#00f;text-decoration:underline}

/* Header */
#accessibility {display:none}
#header {background:#fff url("http://www.bath.ac.uk/assets/images/internal-home-back.gif") 315px 0 no-repeat;height:82px}
#header.hp {background:#fff url(http://www.bath.ac.uk/assets/images/hr-fafafc.gif) no-repeat 306px 0;}
#header a {float:right;padding-top:3px}
#header div {position:absolute;top:60px;right:2%;float:right}
#header h1 {padding:20px 0 0 5%;margin:0 160px 0 315px;font-size:1.6em;color:#039;font-family:arial, helvetica, sans-serif}
#header.hp h1 span {padding-left:50px}
#header h1 span {font-style:italic;font-size:1.7em}
#header img {float:left}
#header div a {float:none;font-size:0.85em;font-weight:bold;color:#039}
#header div strong {font-size:0.85em;font-weight:bold;color:#666}
#header.twoimage {background:#f8f8ff url("http://www.bath.ac.uk/assets/images/llcbgd.gif") 200px 0 no-repeat}
#header.twoimage h1 {margin:0 160px 0 200px}
#header form {display:inline}
#gsinput {width:112px;vertical-align:-0.12em}
#gsgo {vertical-align:-0.3em}

/* Topbar */
#accesscontent {display:none}
#topbar {width:100%;height:24px;float:left;font-size:0.85em;font-weight:bold;background:url(http://www.bath.ac.uk/assets/images/blue-dark.gif) repeat-x center}
#topbar ul li {display:inline}
#topbar ul li a {line-height:23px;color:#fff;float:left;padding:0 10px 1px 9px;text-align:center;border-right:1px solid #fff}
#topbar ul li a:hover {background:#eff4fe;color:#36C}
#topbar div {width:199px;float:left;border-right:1px solid #fff;background:url(http://www.bath.ac.uk/assets/php/topnavbg.php?p=69f) repeat-x center}
#topbar div ul li a {width:80px;color:#fff}
#topbar div ul li a#textnormal, #topbar div ul li a#textlarge, #topbar div ul li a#textlargest {padding:0pt 5px 1px;width:15px;border-right:none}
#topbar div ul li a#textnormal {font-size:11px;margin-left:12px}
#topbar div ul li a#textlarge {font-size:13px}
#topbar div ul li a#textlargest {font-size:15px;margin-right:12px}
#topbar div ul li a:hover {background:#eff4fe;color:#69f}
#topbar ul a.highlight {background:#eef3fd;color:#039}

/* Topbar with sub-menu */
#topbarsub {width:100%;float:left;font-size:0.85em;font-weight:bold;background:url(http://www.bath.ac.uk/assets/images/blue-dark.gif) repeat-x center}
#topbarsub ul li {display:inline}
#topbarsub ul li a {line-height:23px;color:#fff;float:left;padding:0 10px 1px 9px;text-align:center;border-right:1px solid #fff}
#topbarsub ul li a:hover {background:#eff4fe;color:#36C}
#topbarsub div {width:199px;float:left;border-right:1px solid #fff;background:url(http://www.bath.ac.uk/assets/php/topnavbg.php?p=69f) repeat-x center}
#topbarsub div ul li a {width:80px;color:#fff}
#topbarsub div ul li a#textnormal, #topbarsub div ul li a#textlarge, #topbarsub div ul li a#textlargest {padding:0pt 5px 1px;width:15px;border-right:none}
#topbarsub div ul li a#textnormal {font-size:11px;margin-left:12px}
#topbarsub div ul li a#textlarge {font-size:13px}
#topbarsub div ul li a#textlargest {font-size:15px;margin-right:12px}
#topbarsub div ul li a:hover {background:#eff4fe;color:#69f}
#topbarsub ul a.highlight {background:#eef3fd;color:#039}
#navlist ul {background:#eef3fd;list-style:none;float:left;left:2%;position:absolute;top:106px;width:96%}
#navlist ul li a {color:#039;border-bottom:4px solid #eef3fd;border-top:4px solid #eef3fd;line-height:15px}
#navlist ul li a:hover {color:#fff;background:#039;border-bottom:4px solid #039;border-top:4px solid #039}

/* Left column */
#leftcol {position:absolute;left:2%;top:106px;width:200px;font:0.85em/2em verdana, arial, helvetica, sans-serif;background:url(http://www.bath.ac.uk/graphics/icons/dot_v.gif) repeat-y right center}
#leftcol p {padding:0.6em 0;font-family: Arial, Helvetica, sans-serif}
html>body #leftcol p {padding:0.2em 0}
#leftcol p a {font-family:geneva, sans-serif;font-variant:normal;color:#039}
#leftcol dl {background:#f8f8ff;width:199px}
#leftcol dl dt {color:#333;font-weight:bold;padding:0 0 0 2px;border-top:1px solid #69f;border-bottom:1px solid #ccc;background:#fff url(http://www.bath.ac.uk/assets/images/pgreygrd.gif) no-repeat right center}
#leftcol dl dt a {display:block}
#leftcol dd ul li {display:block;border-bottom:1px solid #ccc}
#leftcol dd ul li a {display:block;width:197px;padding:3px 0 3px 2px;line-height:1.5em;border-bottom:1px solid #fff;color:#000}
#leftcol dd a:hover {background:#ccddee;border-bottom:1px solid #ccddee;text-decoration:underline}
#leftcol dl dd p {padding:0;font-size:0.95em}
#leftcol p.plain {padding:6px 2px;font:1em verdana, arial, helvetica, sans-serif;line-height:1.4em;color:#333}
#leftcol p.plain a:hover {color:#00f}
#leftcol dl dd p a {padding:0;line-height:1.2em;font-family:Verdana, Arial, Helvetica, sans-serif;color:#039}
#leftcol dl dd p a:hover {background:none;text-decoration:underline}
#leftcol .highlight {background:#eaf4fe;color:#36c;font-weight:bold}
#leftcol dl dd ul li a span.highlight, #leftcol dl dd ul li a strong.highlight {background:none;color:#000;font-weight:bold}
#leftcol p.imgcaption {padding:0px;font:0.95em verdana, arial, helvetica, sans-serif;color:#999}

/* Left column indented menu */
#leftcol dd ul li.submenu ul li, #leftcol dd ul li.submenuopen ul li, #leftcol dd ul li ul li {border-top:1px solid #ccc;border-bottom:none;border-left:solid 6px #eaeff9}
#leftcol dd ul li.submenu ul li a, #leftcol dd ul li.submenuopen ul li a, #leftcol dd ul li ul li a, #leftcol dd ul li.submenu ul li a:hover, #leftcol dd ul li.submenuopen ul li a:hover, #leftcol dd ul li ul li a:hover {width:187px;padding-left:6px;background-image:none}
#leftcol dd ul li.submenuopen ul {display:block}

/* Right column */
#rightcol {float:right;width:200px;padding:0 0 0.5em 1px;background:#f7f7f7 url(http://www.bath.ac.uk/graphics/icons/dot_v.gif) repeat-y left;font-family: Arial, Helvetica, sans-serif;font-size: 0.95em}
#rightcol img {padding-bottom:1px}
#rightcol dt {line-height:1.25em;font-weight:bold;font-size:1.11em;font-family:Arial, Helvetica, sans-serif;padding-left:0.3em;border-bottom:1px solid #69f}
#rightcol dd {background:url(http://www.bath.ac.uk/graphics/icons/dot_h.gif) repeat-x left bottom;padding-bottom:1em}
#rightcol h4 {line-height:1.25em;font-weight:bold;font-size:1.11em;font-family:Arial, Helvetica, sans-serif;padding-left:0.3em;border-bottom:1px solid #69f}
#rightcol p {margin:1em 0 0 1.8em}
#rightcol ul {list-style:url(http://www.bath.ac.uk/assets/php/rightcolarrow.php?p=69f)}
#rightcol ul.nobullet {list-style:none none;padding:1em 0}
#rightcol ul li {margin:0.2em 0 0.2em 1.8em}
html>/**/body #rightcol ul li {margin:0.2em 0 0.2em 1.8em}
#rightcol select {font-size:0.9em;color:#666;margin:2px 0 0 4px;width:170px}
#rightcol .go {vertical-align:-0.25em}

/* News Article Right column */
#rightcolnews {float:right;width:200px;padding:0 0 0 1px;background:#f7f7f7 url(http://www.bath.ac.uk/graphics/icons/dot_v.gif) repeat-y left;font-family: Arial, Helvetica, sans-serif;font-size: 0.95em}
#rightcolnews dt {line-height:1.25em;font-weight:bold;font-size:1.11em;font-family:Arial, Helvetica, sans-serif;padding-left:0.3em}
#rightcolnews dd {background:url(http://www.bath.ac.uk/graphics/icons/dot_h.gif) repeat-x left bottom}
#rightcolnews dd div {text-align:center}
#rightcolnews p {margin:1em 0 0 1.8em}

/* Internal Home Page Central Content */
#contenthp {line-height:1.36em;margin:0 200px;padding:1.8em 2em 1em 2.6em;min-height:330px;}
html>/**/body #contenthp {padding-top:2.1em}
#contenthp ul {padding:0.2em 0;margin-left:3em}
#contenthp ul li {font-size:0.85em;list-style:url(http://www.bath.ac.uk/assets/images/arrowo.gif);padding-bottom:0.7em}
#contenthp h1 {font:1.5em Geneva, Arial, Helvetica, sans-serif;font-weight:bold;color: #039;margin:1em 0}
#contenthp h2 {font:1.3em Geneva, Arial, Helvetica, sans-serif;font-weight:bold;color: #36c;margin:1em 0}
#contenthp h3 {font:1.2em Geneva, Arial, Helvetica, sans-serif;font-weight:bold;color: #36c;margin:1em 0}
#contenthp h4 {font:1.1em Geneva, Arial, Helvetica, sans-serif;font-weight:bold;color: #039;margin:1em 0}
#contenthp p {margin:0.5em 0}

/* UNIVERSITY ANNOUNCEMENTS */
.universityAnnouncements {
  margin-top: 12px;
  background-color: #F7F7F7;
}

#contenthp .universityAnnouncements h2 {
  font-family: "Myriad Pro","Myriad Web","Apple Myriad","Adobe Myriad","Trebuchet MS",Trebuchet,sans-serif;
  background-color: #36C;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #039),
    color-stop(1, #36C)
);
  background: -moz-linear-gradient(
    center bottom,
    #039 0%,
    #36C 100%
);
  color: #FFF;
  font-weight: normal;
  text-shadow: #022a52 1px 2px 2px;
  font-size: 19px;
  padding: 2px 4px;
  margin: 0;
}
#contenthp .universityAnnouncements ul {
  border-bottom: 1px dotted #CCCCCC;
  border-left: 1px dotted #CCCCCC;
  border-right: 1px dotted #CCCCCC;
  margin: 0;
  padding: 12px 0;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #EDEDED),
    color-stop(1, #FFFFFF)
);
  background: -moz-linear-gradient(
    center bottom,
    #EDEDED 0%,
    #FFFFFF 100%
);
}
#contenthp .universityAnnouncements  ul li {
  font-size: 14px;

  margin-left: 32px;
}

#contenthp .universityAnnouncements  ul li a{
  padding-left: 4px;
}

/* Staff and Students Pages Central Content */
#content {line-height:1.3em;margin:0 200px;padding:1.9em 2em 1em 2.6em;min-height:330px;color:#333}
html>/**/body #content {padding-top:2.5em}
#content h1 {font:1.5em Geneva, Arial, Helvetica, sans-serif;font-weight:bold;color: #039;margin:1em 0}
#content h2 {font:1.3em Geneva, Arial, Helvetica, sans-serif;font-weight:bold;color: #36c;margin:1em 0}
#content h3 {font:1.2em Geneva, Arial, Helvetica, sans-serif;font-weight:bold;color: #36c;margin:1em 0}
#content h4 {font:1.1em Geneva, Arial, Helvetica, sans-serif;font-weight:bold;color: #039;margin:1em 0}
#content p {margin:1em 0}
#content p.notes {color:#666}
#content span.noteshead {color:#666;font-weight:bold}
#content span.top {text-align:right}
#content p#boilerplate {border-top:1px dashed #666;color:#666;font-size:0.85em}
#content ul {padding:0.1em 0;margin-left:2em}
#content ul {margin-left:1.5em;list-style:url(http://www.bath.ac.uk/assets/php/bullet.php?p=36c)}
#content ul li {padding:0.3em 0 0.3em 0.5em}
#content ul li.ss {font-size:0.94em;padding:0.2em 0 0.1em 0.2em}

/* News Page Central Content */
#contentnews {line-height:1.25em;margin:0 200px;padding:1.9em 2em 1em 2.6em;min-height:330px;color:#333}
html>/**/body #contentnews {padding-top:2.5em}
#contentnews h1 {font:1.5em Geneva, Arial, Helvetica, sans-serif;font-weight:bold;color: #039;margin:1em 0}
#contentnews h2 {font:1.3em Geneva, Arial, Helvetica, sans-serif;font-weight:bold;color: #36c;margin:1em 0}
#contentnews h3 {font:1.2em Geneva, Arial, Helvetica, sans-serif;font-weight:bold;color: #36c;margin:1em 0}
#contentnews h4 {font:1.1em Geneva, Arial, Helvetica, sans-serif;font-weight:bold;color: #039;margin:1em 0}
#contentnews p {margin:1em 0}
#contentnews p.notes {color:#666}
#contentnews span.noteshead {color:#666;font-weight:bold}
#contentnews span.top {text-align:right}
#contentnews p#boilerplate {border-top:1px dashed #666;color:#666;font-size:0.85em}
#contentnews ul {padding:0.1em 0;margin-left:2em}
#contentnews ul.numbered {list-style:decimal}
#contentnews ul.disc {margin-left:1.5em;list-style:url(http://www.bath.ac.uk/assets/php/bullet.php?p=36c)}
#contentnews ul.none {list-style:none}
#contentnews ul li {padding:0.2em 0}
#contentnews ul.disc li {padding-left:0.5em;}

/* News Index Page Central Content */
#contentnewsindex {line-height:1.1em;margin:0 200px;padding:1.9em 2em 1em 2.6em;min-height:330px;color:#333}
html>/**/body #contentnewsindex {padding-top:2.5em}
#contentnewsindex h1 {font:1.5em Geneva, Arial, Helvetica, sans-serif;font-weight:bold;color: #039;margin:1em 0}
#contentnewsindex h2 {font:1.3em Geneva, Arial, Helvetica, sans-serif;font-weight:bold;color: #36c;margin:1em 0 0.5em 0}
#contentnewsindex h3 {font:1.2em Geneva, Arial, Helvetica, sans-serif;font-weight:bold;color: #36c;margin:1em 0}
#contentnewsindex h4 {font:1.1em Geneva, Arial, Helvetica, sans-serif;font-weight:bold;color: #039;margin:1em 0}
#contentnewsindex h5 {font:1.1em Geneva, Arial, Helvetica, sans-serif;font-weight:bold;color: #333;margin:1em 0}
#contentnewsindex p {margin:1.7em 0}
#contentnewsindex p span {color:#666;font-family:arial, verdana, helvetica, sans-serif;}
#contentnewsindex p a {font-weight:bold}
#contentnewsindex ul {margin-left:2em}
#contentnewsindex ul li {margin-left:1.5em;list-style:url(http://www.bath.ac.uk/assets/php/bullet.php?p=36c);padding:0.2em 0}

/* Footer */
#footer {clear:both;text-align:center;font-size:0.95em;color:#36c;margin:0 200px;border-top:1px solid #69f;padding:0.4em 0}

/* General classes */
.caption {font-size:10px;color:#999;padding-bottom:4px}
.indent {margin-left:1em}
.factfile {font:0.95em Geneva, Arial, Helvetica, sans-serif;color:#333;background-color:#fff;border:1px solid #ccc;display:block;padding:2px}
.boldhead {padding-top:0;padding-bottom:0;font-weight:bold;margin-bottom:0}
.center, .centre {text-align:center}
.highlight {color:#CC3300}

/* Content tables */
#content table {width:98%;border-collapse:collapse}
html>body #content table {width:100%}
#content table tr td {border:solid 1px #ccc;padding:2px}
#content table tr th {border:solid 1px #ccc;padding:2px;background:#eaeff9}
#content table.noborder tr td {border:none}
#content table.noborder tr th {border:none}


/* SEASONAL eCARDS */

a.eCardsLink {
  margin-top: 16px;
  display: block;
  height: 64px;
  background: url("../images/eCards_bg.gif") no-repeat top left #B70B0B;
  text-indent: -9999px;
}

a.eCardsLink:hover {
  background-position: 0 -80px;
}



/* BOOKMARKS */
div#bookmarks {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background:#FFFFFF url(http://www.bath.ac.uk/common/includes/news/bookmarks/bg.gif) repeat-x scroll left bottom;
  border:1px solid #DDDDDD;
  clear:both;
  margin-bottom:1.5em;
  margin-top: 14px;
  padding:4px;
}
div#bookmarks h3 {;
  color:#333333;
  font-size:1.38em;
  margin:0.5em 0;
  margin-left:10px;
  margin-top: 0px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
}

div#bookmarks ul {
  list-style-type:none;
  margin:0 0 12px 0;
  padding:0;
}
div#bookmarks ul li {
  display:inline;
  margin:0 8px;
  padding-left:22px;
  padding-top: 2px;
}
div#bookmarks ul li.facebook {
  background:transparent url(http://www.bath.ac.uk/common/includes/news/bookmarks/facebooklogo.png) no-repeat scroll 0 0;
}
div#bookmarks ul li.twitter {
  background:transparent url(http://www.bath.ac.uk/common/includes/news/bookmarks/twitterlogo.png) no-repeat scroll 0 0;
}
div#bookmarks ul li.inPictures {
  background:transparent url(http://www.bath.ac.uk/common/includes/news/bookmarks/inpictureslogo.png) no-repeat scroll 0 0;
  padding-left: 32px;
}
div#bookmarks ul li.video {
  background:transparent url(http://www.bath.ac.uk/common/includes/news/bookmarks/play-small.png) no-repeat scroll 0 0;
  padding-left: 32px;
}
div#bookmarks ul li.eCard {
  background:transparent url(http://www.bath.ac.uk/common/includes/news/bookmarks/eCardslogo.png) no-repeat scroll 0 0;
  padding-left: 32px;
}
div#bookmarks p.what {
  float:right;
  font-size:12px;
  margin-top:-45px;
  padding:3px;
}

#contenthp div#bookmarks ul li{font-size:0.85em; padding-bottom: 4px;}
#contenthp div#bookmarks ul {margin-bottom: 0px;}

hr.campus {
border: 0;
color: #9E9E9E;
background-color: #ccc;
height: 1px;
width: 100%;
text-align: left;
}

/* -------------------------------------------------------------- FEEDBACK */

#feedbackWrapper {display: none;}

@media screen and (max-device-width: 800px) {

  #feedbackWrapper {
    height: 34px;
    display: block;
  }
  
  #feedback {
    margin: 0 auto;
    padding: 1px 5px;
    width: 450px;
    background-color: #6699ff;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -moz-border-radius: 8px;
    -border-radius: 8px;
  }

  #feedback p, #feedback a {
    color: #FFF;
    padding-bottom: 0;
  }
  
  #feedback a img {vertical-align: -6px;}

  #feedback a:hover {text-decoration: underline;}

}