html, body {margin:0;padding:0;}

body { background: #F0F0F0; color: #444; font-family: Arial, Helvetica, sans-serif; text-align: center;}
body { font-size: 76%;}

div, p, table, th, td, li, .normal {font-size: 1.0em;}

a, a:link, a:visited { color: #A00; text-decoration: none;}
a:hover, a.menulink:hover { color: #900; text-decoration: underline;}

h1, h2, h3, h4, h5, h6, p {margin-top: 0;}
h3 {margin-bottom: 10px;}
h4 {margin-bottom: 5px;}
h5 {margin-bottom: 10px; font-weight: normal;}

h1 {position: relative; font-size: 3em; color: #FFF; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
h2 { font-size: 1.7em; color:#000;}
h3, .heading { color: #036; font-size: 1.5em; font-weight: normal;}
h4 { font-size: 1.3em; color: #166082; font-weight: normal;}
h5, .subheading { font-size: 1.2em; color: #444;}
h6, .normal {	font-size: 1em; color: #FFF;}

th { text-align: left;}

img {border:0}
hr { border: 0; height: 1px; width: 100%; color: #C0ECF9; background-color: #C0ECF9;}

* html #middle {height:1%;}
* html #right {height:1%;}

#overall { position: relative; width: 880px; margin: 15px auto; background: #FFF; text-align: left; border: 1px solid #DDD;}
#overall .padding { padding: 10px 20px 20px 20px;}

#navtop { position: absolute; right: 20px; top:-12px; width: 250px; height: 24px; border: 1px solid #DDD; border-radius: 5px; background: #FFF;}

#header {height: 100px; margin-bottom: 15px; background: #FFF;}
#header h1 { margin: 0px; padding: 0px; text-align: left;}

.contact-details {position: relative; float: right; width: 200px; padding: 20px 10px 0 0; color: #036; text-align: right; }

#navigation { height: 32px; margin-bottom: 30px; background: url('/multimedia/nav-back.gif') repeat-x left top;}
#navigation ul, #navtop ul { margin: 0;padding: 0;list-style: none;border: none;}
#navigation ul li, #navtop ul li {position: relative; float: left; margin: 0;padding: 0px 12px;line-height: 32px;}
#navigation li a, #navigation li a:visited, #navtop li a, #navtop li a:visited {display: block; padding:0; color:#EEE;font-size: 1.1em;font-family: Georgia, "Times New Roman", Times, serif;text-decoration: none;}
#navigation li a:hover{ background: transparent url("/multimedia/nav-arrow.gif") no-repeat center bottom;color:#FFF;}

#navtop ul li {line-height: 24px;}
#navtop li a, #navtop li a:visited {color:#555;}
#navtop li a:hover{color:#333;}

/*1st sub level menu*/
#navigation ul li ul {border: 1px solid black; border-top: 0px solid black;line-height: normal;}
#navigation ul li ul li {padding:0px;}
#navigation ul li ul li a, #navigation ul li ul li a:visited { margin: 0;padding: 4px 10px;background: white;color: black;border-top-width: 0; border-bottom: 1px solid black; line-height: normal;}
#navigation ul li ul li a:hover{ background: #eff9ff; color: black;}

.language {float:right; width: 60px; padding-right: 20px; text-align: right;line-height: 32px;}
.language a, .language a:link {color: #FFF; text-decoration: none;}
.language a:hover {color: #CFF; text-decoration: underline;}
#middle { margin-right: 240px;}
#middle .content {padding: 0px;}
#right { float:right; width: 200px}
#right .content {padding: 0px;}

#footer { clear:both; margin:auto; width:880px; text-align:left; }
#footer .content { padding:15px 20px; font-size:.9em; color:#666; line-height:1.1em; color: #999; }
#footer .content a { display:block; text-decoration:none; color:#555; }
#footer .content a:hover { text-decoration:none; color:#000; }
#footer .content ul { float:left; width:300px; list-style:none; margin:0; margin-bottom: 10px; padding:0; }
#footer .content ul.supported { width:auto;}
#footer .content li { float:left; margin-right:5px; text-align: center; }

.contactbox { margin-bottom: 15px; padding: 10px; border: 1px solid #87A93E; background: #D2E4AB url(/multimedia/grad-lgrn.gif) repeat-x left top;}

.events { margin: 0; padding: 0px; border-collapse: collapse;}
.events th { background: #11447D; color: #FFF;}
.events td, .events th { margin: 0; padding: 5px; font-size: 0.9em;}
.events td a, .events td a:link, .events td a:visited { color: #11447D !important;}
.events td a:hover { color: #036;}
.events th a, .events th a:link, .events th a:visited, .events th a:hover { color: #FFF;}

.documents li { padding-bottom:3px; list-style-image:url("/multimedia/icons/pdf-small.gif");}
li.word { list-style-image:url("/multimedia/icons/doc-small.gif") !important;}

.clr { clear: both;}
.blcktxt {color: #000;}
.bluetxt {color: #369;}
.redtxt {color: #A00;}
.small {font-size: 0.9em;}
.new { background: #A00; padding: 2px 3px; color: white; font-weight: bold; font-size: 0.8em;}
.photoright { float: right; margin: 0 0 5px 15px; }
.purpletext {color: #639;}
.quote { margin: 0 0px 15px 0px; padding: 7px 20px 7px 40px; font: italic 13px Georgia, Times, serif;background: #EFF2D3 url(/multimedia/quote.gif) 10px 0.75em no-repeat;}
.bluebox { margin: 0 0px 15px 0px; padding: 10px; background: #036; color: #FFF;}
.bluebox h3 { color: #FFF;}

.purplebox {background-color: #F4EDF7; border: 1px solid #EAD5F5; margin: 0 0px 15px 0px; padding: 10px;}