/* styles.css 
author: glasgowwebdesign.co.uk
*/

body { margin: 0px; padding:0px; font-family: Verdana, Arial,Helvetica,sans-serif; font-size: 0.8em; background-image: url('images/topbackgroundgradient.jpg'); background-position: top; background-repeat: repeat-x; }

h1,h2,h3,h4,h5 { margin: 0px; padding: 0px; font-weight: normal; }
h1{ color: #000099; width: 100px; } 
h1 a { color: #000099; text-decoration: none; }
h1 a:hover { color: #0000ff; }
h2{ font-size: 250%; margin-bottom: 15px; color: #2564b3; border-bottom: 2px solid #eeeeee; } 
h3{ font-size: 200%;  color: #2564b3; } 
h4{ font-size: 100%; margin-bottom: 10px; font-weight: bold; color: #234f84; }
h5{} 
p { margin: 15px 0px 10px 0px;  }

strong { color: #2564b3; } 

img { border: 0px; }
img.right { float: right; }

br.both { clear: both; }

div#container { margin: 0px auto; width: 970px;  }

div#header { float: left; width: 970px; height: 100px; background-image: url('images/logo.jpg'); background-repeat: no-repeat; background-position: top left; }
div#header h1 { float: left; }

div#toplinks { height: 40px; width:600px; margin: 0px; float: right; }
ul#topblockmenu { float:right; list-style-type:none; margin: 10px 0px 10px 0px; padding: 0px; }
ul#topblockmenu li { float:left; display:inline; border-left: 1px solid #cccccc; }
ul#topblockmenu li.first { border-left: 0px; }
ul#topblockmenu li a{ color: #ffffff; float: left; border:0; padding: 0px 20px 0px 20px; display:block;  font-size: 100%; font-weight: bold; text-decoration: none; }
ul#topblockmenu li a:hover { color: #2564b3; background-color: #ffffff; text-decoration: underline; }
ul#topblockmenu li.last a { }

div#hlinks {  width:100%; margin: 0px auto; padding: 5px 0px 5px 5px;  clear: both; }
ul#blockmenu {  list-style-type:none; margin: 0px; padding: 0px; }
ul#blockmenu li { float:left; display:inline; border-left: 1px solid #cccccc; }
ul#blockmenu li.first { border-left: 0px; }
ul#blockmenu li a{ color: #606060; float: left; border:0; padding: 0px 40px 0px 40px; display:block;  font-size: 100%; font-weight: bold; text-decoration: none; }
ul#blockmenu li a:hover { color: #2564b3; text-decoration: underline; }
ul#blockmenu li.first a { padding-left: 0px; }

div#main { clear: both; margin-bottom: 40px; border-top: 5px solid #eeeeee; padding-top: 10px; }
div#main a{ color: #2564b3; text-decoration: underline; font-weight: bold; }
div#main a:hover { color: #234f84;}	
div#main div.lined { border: 1px solid #eeeeee; border-left: 0px; border-right: 0px; padding: 10px; background-image: url('images/pgradient.png'); background-position: top; background-repeat: repeat-x; }
div#main div.lined img { margin: 10px 0px 10px 10px; }
div#main div.lined h3 { margin-top: 0px; }
div#main div.lined h3 a { font-weight: normal; text-decoration: none; }
div#main div.lined h3 a:hover { text-decoration: underline; }
div#main ul li { margin-top: 4px; margin-bottom: 4px; }

div#mainleft { width: 725px; float: left; margin-left: 10px; padding-right: 10px; border-right: 1px solid #f5f5f5; } 
div#mainleft img { padding:2px; border: 1px solid #aaaaaa; margin-bottom: 10px; }
div#mainleft img.right { margin-left: 10px; }
div#mainleft h3 { margin-top: 25px; }

div#mainright { width: 200px; float: left; padding-left: 10px; text-align: center; } 
div#mainright img { clear: both; margin: 0px 0px 10px 10px ; padding:2px; border: 1px solid #aaaaaa; }
	

td.label { width: 150px; }


div#footer { background-color: #5e5e5e; color: #aaaaaa; padding: 10px; font-size: 90%; clear: both; font-family: Arial, serif; }
div#footer p { margin: 0px 0px 3px 0px; padding: 0px; }
div#footer p.right { float: right; }
div#footer a { color: #cccccc; font-weight: bold; text-decoration: none; }
div#footer a:hover { color: #ffffff; text-decoration: underline; }