/***** CSS by Mike Archibald - 939 Design Limited *****/

/***** Body *****/
* {margin:0;padding:0;}
body {margin:0 auto;padding:0;font:76%/170% Verdana,Tahoma,Arial,sans-serif;background: url(../img/background.jpg) top left repeat-x;}
p {margin:0 0 10px 0;color:#003366;}
ol, li {margin:0 0 0px 30px;color:#003366;}
ul {margin: 0px 0 0px 0px;}
a {color:#003366;text-decoration:underline;}
a:hover {color:#3399cc;}

img {border:none;}

/***** Layout *****/
#wrap {background-color:#ffffff;color:#303030;margin:0 auto;width:1000px;height:100%;}
#header {background:#ffffff url(../img/cloud-top.jpg) top left no-repeat;width:1000px;height:55px;}
.quicklinks {width:700px;position:absolute;margin:22px 0 0 80px;font:110%/170% Verdana,Tahoma,Arial,sans-serif;}
.quicklinks a {color:#3399cc;text-decoration:none;}
.quicklinks a:hover {color:#003366;}

#branding {background:#ffffff url(../img/branding.jpg) top right no-repeat;width:1000px;height:87px;}
#mainnav {background:#333399;height:39px;margin:0px 0px 0px 0px;}
#maincontent {width:580px;padding:20px 60px 20px 20px;float:right;}
#secondarycontent {width:250px;float:left;padding:20px 20px 0px 70px;}
#footer {background:#ffffff url(../img/footer-back.jpg); clear:both;height:30px;}
#hotnews {width:500px;float:left;padding:40px 100px 30px 100px;}
#credits {clear:both;background-color:#FFF;height:5px;text-align:left;height:40px;margin:0px 0 0 80px;font:90% Verdana,Tahoma,Arial,sans-serif;}

/**** Navigation ****/
#navbar {padding:0px 0 0 70px;}
#nav ul {display:inline;}	
#nav li home {border-left:1px solid #99ccff;}
#nav li {margin:10px 0px 0px 0px;float:left;list-style-type:none;}
#nav li a {padding:7px 7px 7px 7px;color:#99ccff;text-decoration:none;border-right:1px solid #99ccff;}
#nav li a:hover {background-color:#0066CC;color:#fff;}
#nav li#contact a {border:none;}

/***** Main content *****/
h1{font:190% Georgia, Verdana,Tahoma,Arial,sans-serif;margin:0px 0 15px 0px;color:#333399;}
h2{font:170% Verdana,Tahoma,Arial,sans-serif;margin:0px 0 10px 0px;color:#3399cc;}
h3{font:160% Verdana,Tahoma,Arial,sans-serif;margin:20px 0 15px 0;color:#3399cc}
h4{font:160% Verdana,Tahoma,Arial,sans-serif;margin:0px 0 0 0;color:#3399cc;}
.midblue {color:#205d7c;}
.lightblue {color:#3399cc;}


#maincontent ul {margin:10px 0 10px 0px;}

/*----------Box1-----------*/
#box1{width:185px;float:left;margin:0 10px 0 0;background:#ffffff url(../img/grad1.jpg) top left no-repeat;}
#box1 p{padding:10px 10px 0px 10px;}

/*----------Box2-----------*/
#box2{width:185px;float:left;margin:0 10px 0 0;background:#ffffff url(../img/grad2.jpg) top left no-repeat;}
#box2 p{padding:10px 10px 0px 10px;}

/*----------Box3-----------*/
#box3{width:185px;float:left;background:#ffffff url(../img/grad3.jpg) top left no-repeat;}
#box3 p{padding:10px 10px 0px 10px;margin-bottom:30px;}


blockquote {border-top:1px solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:4px solid #cccccc;margin:16px;padding:7px 7px 7px 11px;background:#f4f4f4 url(../img/menubg.gif) bottom left repeat-x;color:#505050;}
blockquote p {font-size:1.1em;line-height:1.3em;margin:0;}

/***** Secondary Content *****/
#secondarycontent p {color:#3399cc;}

/***** Footer *****/
#siteinformation p {margin: 0 0 15px 0;color:#999;}
#siteinformation a  {color:#999;}
#siteinformation a:hover {color:#CCC;}

/***** Form styles *****/
form {margin: -20px 0 0px 0;}
.button {border-top:1px solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:4px solid #cccccc;margin:0 0 0px 0;padding:7px 7px 7px 11px;background:#CC0000;color:#505050;font-weight:bold;width:100px;}
input, textarea {border:1px solid #cccccc;font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:1em;margin:0;padding:4px;}
label {margin:2px;}
#searchform {margin:0px 0 30px 0;border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;padding-top:5px;padding-bottom:15px;}
fieldset, contactform {border:none;}

/***** Various classes *****/
.left {float:left;}
.right {float:right;}
.pic {border:solid 4px #999999;margin: 0px 6px 5px 0px;}
.picleft {float:left;border:solid 4px #cccccc;margin:5px 10px 0px 0px;}
.picright {float:right;border:solid 4px #cccccc;margin:5px 0px 0px 20px;}
.picleft-nb {float:left;margin:5px 10px 0px 0px;}
.picright-nb {float:right;margin:5px 0px 0px 20px;}
.footpicleft {float:left;border:solid 4px #999999;margin:5px 10px 30px 0px;}
.hide {display:none;}
.small {font:75%/140% Verdana,Tahoma,Arial,sans-serif;}
.noborder {border:none;}