/* --------------------------------------------------------------- INITIALISE */
html,body { font-size: 100.01%;}
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
abbr:hover { cursor: help; }

/* --------------------------------------------------------------------- CORE */
body {
  width:96%;
  background:#fff;
  margin:auto;
  font:80%/1.2 verdana, arial, helvetica, sans-serif;
  color:#000;
  height:100%;
}

a {text-decoration: none;}
a img {border: 0;}
a:link {color: #039; background: transparent;}
a:visited {color: #36c; background: transparent;}
a:hover {color: #00f; text-decoration: underline;}

#gsinput {font-size: 0.85em !important; width: 163px;}
label {padding-bottom: 4px;}
form {padding-top: 2px;}

/* ------------------------------------------------------------------- LAYOUT */
#accessibility {display: none;}

#header {
  background: url("http://www.bath.ac.uk/imageshp/headerplain_bg.gif") top right no-repeat #547ECE;
  /*height:82px;*/
  height: 65px;
  text-align: right;
}

#logoprint {display:none}

#topbar {width:100%;border-bottom:solid #ccc 1px;height:28px}

#topleft {float:left;width:200px;display:inline; margin-top: 5px;}
#topcentre {width: 320px; margin: 0px auto; text-align:center; padding-top: 5px;}
#topright {float:right;width:200px}
#topright ul {float:right}
#topbar {text-align: center;}
#topbar ul {font-size:0.85em;}
#topbar ul li {display:inline}
#topbar ul li a {
  line-height:14px;
  float:left;
  padding:0 10px 2px 10px;
  margin:2px 0;
  background:#fff url(http://www.bath.ac.uk/graphics/icons/dot_v.gif) repeat-y right center;
}
#topbar ul li a.noborder {background:none}
#topbar ul li a:hover, #topbar ul li a.noborder:hover {background-color:#f1f1ff;text-decoration:none;color:#f60}


/* -------------------------------------------------------------- LEFT COLUMN */
#leftcol {height:400px;clear:both;float:left;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}
html>/**/body #leftcol {height:auto;min-height:400px}
#leftcol p {color:#888}
#leftcol dl {background:#f8f8ff;width:199px;color:#333}
#leftcol dl dt {font-weight:bold;padding:0 0 0 2px;border-bottom:1px solid #ccc;background:#fff url(http://www.bath.ac.uk/assets/images/pgreygrd.gif) no-repeat right center}
#leftcol dl dd ul li {display:block;border-bottom:1px solid #ccc}
#leftcol dl dd ul li a {display:block;width:197px;padding:0 0 0 2px;border-bottom:1px solid #fff;color:#000}
#leftcol dl dd a:hover {background:#ccddee;border-bottom:1px solid #ccddee;text-decoration:none}
/*#go, #gsgo {vertical-align:-10%}*/

/* ------------------------------------------------------------- RIGHT COLUMN */
#rightcol {height:400px;float:right;width:200px;line-height:0.95em;font-size:0.9em;background:url(http://www.bath.ac.uk/graphics/icons/dot_v.gif) repeat-y left #FFF;font-size:0.85em;color:#333333}
html>/**/body #rightcol {height:auto;min-height:400px}
#rightcol ul {padding:24px 0 8px 22px;margin:0 0 0 1px;list-style:none}
#rightcol ul li {margin:0.3em 0}
#rightcol form {margin:1em 0.5em}
#rightcol a:link {color:#000}
#rightcol a:visited {color:#333}
#rightcol a:hover {color:#f60}
#about {background:url(http://www.bath.ac.uk//imageshp/about.jpg) no-repeat center top}
#visit {background:url(http://www.bath.ac.uk//imageshp/visit.jpg) no-repeat center top}
#experience {background:url(http://www.bath.ac.uk//imageshp/experience.jpg) no-repeat center top; border-bottom:1px solid #e0e0e0}
#whoareyou {font-size:1em}
#quicklinks {font-size:10px; color:#999; padding:10px 0}
#quicklinks label {font-family: Cambria, Georgia, Times New Roman, Serif; font-size: 2.5em;}
#quicklinks select {margin-top: 20px;}

#content {
  margin:0 200px;
  min-height:330px;
  min-width: 300px;
  padding:0 0.8em;
  font-family:Calibri, Trebuchet MS, arial, helvetica, verdana, sans-serif;
  font-size: 120%;
  color:#333;
}
#content a:link {color:#00f;background:transparent}
#content a:visited {color:#009;background:transparent}
#content a:hover {color:#f60;text-decoration:underline}
#content a {color: #D35802 !important;}
#content h1 {color:#36c;font-size:2em;padding:6px 0}
#content h2 {color:#333;font-size:1.3em;padding:0}
#content h4 {color:#666;font-size:1.8em;padding:6px 0}
#content p {margin-bottom: 1em;}
#imageRotate {margin: 12px 0px; /*height: 189px;*/ height: 280px;}

#newsdiv {
  /*For use with image */
  /*margin: 20px 230px 0 0; */
  margin: 20px 0 0 0;
  background:url(http://www.bath.ac.uk/imageshp/news_bg.jpg) no-repeat top left transparent;}
#newsdiv li {margin: 0 0 5px 0;border-bottom: dotted 1px #333;padding-bottom:0.7em;}
#newsmore {font-size:0.85em;color:#666;padding:1em 0;}
#newsmore li {display: inline; margin-right: 15px; list-style-type: disc !important;}
#footer {text-align:center;font-size:80%;color:#333;margin:0 200px;border-top:1px solid #CCC;padding:0.4em 0}


/* -------------------------------------------------------------------- FORMS */
form.search {padding: 0 5px 0 0;}

/* ------------------------------------------------------------------- STYLES */

h4.newhomepage {color:#8694af !important;}

/* ------------------------------------------------------------------ FEATURE */
#feature {float: right; margin: 10px 0px 0 30px;}

/* -------------------------------------------------------------- FACES STYLE */
#imageRotate {
  padding: 24px 0 0 250px;
  height: 256px;
}
#imageRotate h2 {
  font-family: "Myriad Pro", "Myriad Web", "Apple Myriad", "Adobe Myriad", "Trebuchet MS", Trebuchet, sans-serif;
  font-size: 30px;
  color: #404040;
  border-bottom: solid 3px #404040;
  font-weight: normal;
  margin-bottom: 12px;
  padding-bottom: 2px;
}
#imageRotate p {
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Malayalam", Optima, Geneva, Arial, sans-serif;
  color: #404040;
  font-size: 75%;
  width: 280px;
  line-height: 18px;
}
