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

body { margin: 0px; padding:0px; font-family: Verdana, Arial, sans-serif; font-size: 0.8em; background-color: #ffffff; color: #202020; line-height: 1.5; }

h1,h2,h3,h4,h5 { margin: 8px; font-weight: normal; }
h1{} 
h2{ color: #5b8e5a; } 
h3{ } 
h4{} 
h5{} 
p { margin: 8px;  }
br.both { clear: both; }
img { border: 0px; }


div#header { width: 970px; margin: 7px auto; background-image: url('images/contactdetails.jpg'); background-position: top right; background-repeat: no-repeat; }
img#contactdetails { float: right; }

div#hlinkscontainer { width: 100%; margin: 0px auto; border-top: 2px solid #ffffff; border-bottom: 1px solid #ffffff; background-image: url('images/navbackground.jpg'); background-repeat: repeat-x;  }
div#hlinks { height: 43px; width:970px; margin: 0px auto;  font-family: Verdana, Arial, sans-serif; }
ul#blockmenu { float: left; list-style-type:none; margin: 0px; padding: 0px; }
ul#blockmenu li { float:left; display:inline; border-right: 1px solid #ababab; margin: 0px; padding: 0px;  }
ul#blockmenu li.first { border-left: 1px solid #ababab; }
ul#blockmenu a{ float: left; width:115px; border:0px; padding: 7px 5px 5px 20px; height: 30px; display:block; color: #ffffff; font-size: 120%; text-decoration: none; }
ul#blockmenu a.long { width:160px; }
ul#blockmenu a.verylong { width:220px; }
ul#blockmenu a:hover { background-color: #5b8e5a; }

/* temporary */
ul#blockmenu a{ padding: 7px 15px 5px 30px; }



div#bannercontainer { background-color: #5b8e5a; width: 100%; margin: 0px auto; background-image: url('images/green2gradient.jpg'); background-repeat: repeat-x; border-top: 1px solid #ffffff; border-bottom: 2px solid #ffffff;}

div#banner { width: 970px; margin: 10px auto 0px auto; color: #ffffff; }
div#bannerleft { width: 500px; float: left; }
div#bannerright { width: 450px; float: right; text-align: right; }
div#banner h1 { margin: 0px 10px 10px 10px; }
div#banner p { clear:left; margin: 10px; width: 500px; line-height: 150%; }
div#banner img { margin: 10px 20px 10px 10px; border: 2px solid #ffffff; }
div#banner a { color: #ffffff; font-weight: bold; text-decoration: none; }
div#banner a:hover { text-decoration: underline; }

ul.nobullets { list-style-type: none; }

div#main { clear: both; margin: 0px auto; width: 970px; background-color: #ffffff; border-top: 1px solid #efefef; }

div#mainleft { width: 630px; float: left; padding: 5px 10px 10px 10px; }
div#mainright { width: 300px; float: right; padding: 5px 10px 10px 10px; }
div#mainright img { margin-bottom: 10px; padding: 2px; border: 1px solid #cfcfcf; }

div#youfoundus { width: 270px; margin: 10px;  } 
div#youfoundus h2 { margin-bottom: 0px; }
div#youfoundus p { margin-top: 0px; font-size: 85%; }

div#quote { float: right; width: 270px; background-color: #efefef; border: 1px solid #cdcdcd; background-image: url('images/quotebackground.jpg'); background-repeat: repeat-y; margin: 10px; }
div#quote h2 { margin: 5px; }
div#quote input { font-family: Verdana, Arial, sans-serif; font-size: x-small; }
div#quote textarea { font-family: Verdana, Arial, sans-serif; font-size: x-small; }

div.box { float: left; margin: 10px 0px 10px 35px; background-image: url('images/box.jpg'); background-repeat: no-repeat; background-position: center top; width: 250px; height: 202px; text-align: center; }
div.box:hover { background-image: url('images/box-hover.jpg'); }
div.box h3 { font-weight: bold; margin: 3px; }
div.box p { font-size: 80%; margin: 3px; }
div.box img { margin-top: 5px; }
div.box a img { border: none;}
div.box a:hover img { border: 1px solid #444444;}
div.box h3 a { text-decoration: none; }
div.box h3 a:hover { }
div.box h3.red a { color: #CC0000; } div.box h3.red a:hover { color: #ac0000; }
div.box h3.green a { color: #006600; }  div.box h3.green a:hover { color: #006600; }   
div.box h3.blue a { color: #000099; } div.box h3.blue a:hover { color: #000099; }
div.box h3.purple a { color: #660099; } div.box h3.purple a:hover { color: #660099; }



div.footer { width: 970px; margin: 5px auto; text-align: center; font-size: 85%; color: #444444; }
div.footer a { font-weight: bold; color: #444444; text-decoration: none; padding: 5px;  }
div.footer a:hover { background-color: #444444; color: #ffffff; }
div#footer1 { border-bottom: 1px solid #aaaaaa; }

em.underline { font-style: normal; text-decoration: underline; }

a { color: blue;  }
a:visited { color: blue; }