@charset "UTF-8";

/* CSS Document */

* { margin: 0px; padding: 0px; }

body { background: url(images/bg.jpg) repeat-x; background-color: #0d0d0d; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; }

img, a { border: none; }

#wrap { width: 800px; margin: 0 auto; }

/* fonts */

p { font-size: 0.75em; color: #333; line-height: 20px; padding: 3px 0px 10px 0px; }

h1 { font-size: 1.25em; color: #186e9d; padding: 10px 0px 12px 0px; }

h2 { font-size: 1.15em; color: #186e9d; padding-bottom: 12px; }

.headtwo { font-size: 1.15em; color: #186e9d; padding-bottom: 12px; font-weight: bold; }

.small { font-size: 0.75em; }

/*classes*/

.img { float: right; margin-left: 10px; }

.logos { height: 64px; width: 344px; margin: 0 auto; margin-bottom: 20px; }

.gallery { margin-bottom: 5px; margin-left: 5px; }

.style4 { text-align: center; }

/* Top Flash */

#logo { height: 102px; width: 456px; float: left; }

#flashr { height: 102px; width: 344px; float: right; }

#mainf { width: 800px; height: 286px; padding-bottom: 20px; }

#areaf { width: 532px; height: 30px; }

#flash { width: 800px; height: 109px; }

/*nav*/

#nav { height: 32px; width: 800px; }

#nav li { display: inline; float: left; text-align: center; margin-left: 8px; }

#nav a { font-size: 0.8em; text-decoration: none; display: block; height: 32px; line-height: 32px; }

#nav a:hover { background-position: bottom left; color:#FFF; }

.static { background-image: url(images/button.jpg); background-position: top left; width: 74px; color: #000; }

.selected { background-position: bottom left; color: #FFF; }

/*main*/

#maintop { background: url(images/maintop.jpg) no-repeat; height: 23px; width: 800px; }

#main { background: #FFF; }

#mainbottom { background: url(images/mainbottom.jpg) no-repeat; height: 23px; width: 800px; clear: both; }

/*leftcol*/

#leftcol { float: left; width: 532px; padding: 0px 10px 0px 10px; }

#leftcol ul { font-size: 0.75em; color: #303030; line-height: 18px; padding: 0px 0px 10px 10px; }

#leftcol li { color: #303030; line-height: 28px; }

#leftcol a { color: #303030; text-decoration: underline; outline: none; }

#leftcol a:hover { text-decoration: underline; color: #186e9d; }

#linkbox { color: #186e9d; border: thin dotted #186e9d; margin-left: 10px; padding-bottom: 10px; }

#linkbox p { margin-left: 10px; }

/*contact form*/

.mainformstyle { margin-bottom: 5px; border: 1px solid #666; color: #000; padding: 2px; margin-left: 10px; }

#rightform { float: right; padding: 5px; margin-top: 20px; border: thin dotted #186e9d; width: 160px; }

#form a { color: #fff; margin-left: 10px; font-size: 0.75em; }

.formp { padding-top: 5px; margin-left: 10px; }

#form { width: 530px; margin: 0 auto; margin-bottom: 20px; }

#contactleft { float: left; width: 260px; }

#contactright { float: right; width: 260px; }

#contactright a { color: #000; font-size: 0.75em; margin-left: 10px; }

#gmap { height: 260px; width: 530px; float: left; border: 1px solid #333; margin-top: 10px; }

/*rightcol*/

#rightcol { width: 248px; float: right; }

/*nav a*/

#nava { margin: 0 auto; width: 228px; height: 160px; background: url(images/navabg.jpg) no-repeat; padding-top: 15px; }

#nava ul { list-style-type: none; width: 228px; height: 160px; line-height: 17px; }

#nava li { display: inline; text-decoration: none; }

#nava li a { display: block; padding: 10px 10px 10px 60px; font-size: 0.8em; color: #fff; text-decoration: none; }

#nava li a:hover { display: block; color: #000; }

/*rss*/

#rss { width: 228px; height: 166px; background: url(images/rssbg.jpg) no-repeat; padding: 40px 0px 20px 0px; margin: 0 auto; }

#rss p { padding: 2px 10px 0px 20px; color: #FFF; }

#rss h2 { font-size: 0.8em; color: #fff; margin-left: 25px; padding: 5px 0px 0px 0px; }

#rss li { list-style-type: none; margin-left: 25px; padding-top: 5px; }

#rss h4 { font-size: 0.8em; padding: 8px 0px 0px 15px; }

.arss { margin-bottom: 5px; margin-left: 2px; margin-top: 0px; padding-top: 0px; color: #FFF }

#rss a { color: #FFF; font-size: 0.85em; }

#rss a:hover { text-decoration: underline; color: #000; }

.headrss { margin-top: 10px; font-size: 0.85em; font-weight: bold; text-decoration: none; padding-left: 6px; }

.wbold { font-weight: bold; }

.docicon { float: left; padding: 22px 10px 10px 20px; }

/*enquiry*/

#contact { width: 228px; height: 186px; background: url(images/contactbg.jpg) no-repeat; padding-top: 45px; margin: 0 auto; }

.form { padding-top: 40px; }

.bibformstyle { margin-bottom: 6px; border: 1px solid #666; color: #000; padding: 2px; margin-left: 15px; }

.button { margin-left: 40px; }

/*footer*/

#footer { width: 800px; margin: 0 auto; clear: both; height: 100px; padding-top: 20px; }

#footer ul { font-size: 0.69em; text-align: center; width: 800px; display: block; margin: 0 auto; }

#footer li { display: inline; margin-left: 0px; color: #FFF; margin-left: 10px; }

#footer p { color: #FFF; font-size: 0.69em; text-align: center; }

#footer a { text-decoration: underline; color: #FFF; outline: none; }

#footer a:hover { text-decoration: underline; color: #186e9d; }

/*links*/

#crearelinks { clear: left; font-size: 0.69em; color: #fff; padding-top: 25px; }

#crearelinks ul { width: 700px; text-align: center; }

#crearelinks li { width: 33%; }

#crearelinks li a { color: #fff; text-align: center; width: 33%; }
