@import url('switzera_font.css');


/* basic styles for font and colour. Using box model hack to control base font on IE*/

body {
 
 font-size: small;/*for ie5/win */
 voice-family: "\"}\"";
 voice-family: inherit;
 font-size: medium; /* for good browsers*/
}
html>body {/* for opera*/
  font-size: medium;
  }
body {font-family: Switzera, MinionPro, sans-serif; }
/*1px border to check layout*/



/* {border:1px solid black;}*/
/*page heading and logo*/

div#header {width: 100%; float: left; clear: both; border-bottom: 3px solid #666;}
#header img { height: 20%;}
#header h1 {float: left; width: auto; }
#header h2 {float: right; width: 20%;  text-align:center ; font-size: 120%;}

/*top navigation bar* also sets styles for lownav*/

div#topnav {float: right; clear: right;  width: 15%; font-size: smaller; font-weight: bolder; padding-top: 0em; }
div#topnav  p {font-variant: small-caps; font-size: larger;  }
#topnav li {list-style: none ; }
#topnav a {text-decoration: none; }
#topnav img {width: 65px;}

.nav a, a:active, a:link, a:visited {color: #000; background: #FFF; text-decoration: none;}
.nav a:hover, a:focus  {color: #000; background: #CCC; }
.nav li.current a {color: #F03; }
.nav li.first a {color: #36F;  }

ul.certificate {padding-top: 1em;}



/*content*/

div#content { float: left; width:80%; padding: 2em 2em 2em 0 ;  border-right: 3px solid #666; }
#content p {padding: 0 0 0 1.5em; }
#content dt {padding-top: 1em; }
#content dd {padding-top: 0.5em;}
#content  a:link {color: #F00; text-decoration: none;}
#content a:visited {color: #00F; text-decoration: none;}
#content a:hover, a:focus {color:#F00 ; text-decoration: underline;}

/* special styles for homepage*/
div#hmecntnt  {width: 90%;  border: none; padding: 0 2em; text-align: center;}
#hmecntnt h3 {font-size: 150%; line-height: 2em;}
#hmecntnt a {color: #F00; background: #FF0; line-height: 5em; text-decoration: underline;}
/*at the bottom*/
#homecerts ul {text-align: center; padding-top: 2em;}
#homecerts li {list-style: none; display: inline;}
#homecerts img {height: 30px;}
/*footer*/

/*bottom navigation bar*/

#lownav   { clear: both; width: 100%; font-size: x-small; text-align: center;font-weight: bolder; padding-top: 1em; border-top: 3px solid #666;}
#lownav li {display: inline; border-right: 1px solid #666; padding: 0 0.33em; }
#lownav li:first-child {border-left: 1px solid #666;}





/*styles of elements: H1,H2,abbr,quotation marks etc.*/

h4 {font-size: larger;padding: 2em 0 0 0;}
blockquote {font-style: italic ;}
h5 {font-size: 1em; font-weight: bolder; display: run-in; }
q {quotes: '\201C \2009' '\2009 \201D' ;}
abbr, acronym {font-variant: small-caps;}
acronym {letter-spacing: 0.15em;}
abbr {letter-spacing: -0.1em; }
dt { font-variant: small-caps;}
address {padding: 2em 0; line-height: 1.5em;}

/*puts icons after links  *a[href$=".pdf"] {} etc -note that this is css3 so is non-standard as yet*/

.obl {font-style: oblique; }
.ital {font-style: italic; }
.uc {font-size: 50%; vertical-align: super;}
.heavy {font-weight: bolder;}
#content span {font-variant: normal; text-transform: capitalise;}