/*
Title:      Master styles for screen media
Author:     Paul Sivers, Keywave [http://www.keywave.com]
Created:	10/03/09
Updated:    10/03/09
*/

html { margin:0; padding:0; width:100% }
body { margin: 0; padding: 0 0 30px 0; border: 0; font: 12px arial, verdana, tahoma, arial, Trebuchet, "Trebuchet MS", sans-serif; text-align: center; min-width: 940px; color: #5e5792; background: #837fba url(/images/pagebg.png) repeat-x; }

/* ---[ links ]------------------------------- */

a:link { color: #31296e; }
a:visited { color: #31296e; }
a:hover { color: #99CC00; }
a.button { display:block; color: #fff; font-weight: bold; font-size: 14px; text-decoration:none; margin:0; padding: 6px 0 10px 10px; width: 129px; height: 29px; background: url(/images/buttonblue.gif) no-repeat; }
a.button:hover { background: url(/images/buttongreen.gif) no-repeat; }

/* ---[ common elements ]--------------------- */

p { margin: 0 0 0 0; padding: 0 0 10px 0; line-height: 1.3em; }
p.hptext { font-size: 14px; line-height: 1.5em; }
.highlight { font-size: 16px; color: #31296e; }
h1 { font-family:Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #31296e; margin: 0 0 15px 0; padding: 0;}
h2 { font-size: 14px; font-weight: normal; padding: 0; margin: 0 0 15px 0; color: #31296e; }
h2 a { text-decoration: none; }
h3, h4, h5 { font-size: 90%; font-weight: bold; padding: 0; margin: 0 0 10px 0; }
em { font-style: italic; }
strong { font-weight: bold; }
form { display: inline; position: relative; margin: 0; padding: 0; }
.smaller { font-size: 11px; }


/* ---[ top ]------------------------------- */

#outer { width: 940px; margin: 0 auto; padding: 0 0 0 0; text-align: left; }
#header { background: #fff url(/images/headerbg.png) no-repeat; margin:0; padding:0; height: 194px; }
#logo { margin:0; padding: 26px 0 17px 25px; }
#strapline { position:absolute; left:-9999em; }
#hpcontent { margin: 0; background: #fff url(/images/hppagebg.png) no-repeat top center; padding: 0 10px 0 10px; min-height: 345px; overflow:auto; }
#hpslideshow img { width: 240px; height: 340px; }
#content { margin: 0; background: #fff url(/images/pagebg02.png) no-repeat top center; padding: 0 10px 0 10px; min-height: 345px; overflow:auto; }
#contentouter3 { margin: 0; background: #fff url(/images/pagebg03middle.png) repeat-y center; padding: 0; overflow:visible; }
#content3 { margin: 0; background: url(/images/pagebg03.png) no-repeat top center; padding: 0 10px 0 10px; min-height: 345px; overflow:visible; }
#content3bottom { margin: 0; background: #fff url(/images/pagebg03bottom.png) no-repeat top center; padding: 0; height: 28px; overflow:auto; }
#contentnobg { margin: 0; background: #fff url(/images/pagebg01.png) no-repeat top center; padding: 20px 30px 0 30px; overflow:auto; }
#hpcolumn1 { float:left; width: 440px; padding: 30px 20px 0 20px; }
#hpcolumn2 { float:left; width: 240px; margin: 0; padding: 5px 5px 0 5px; }
#hpcolumn3 { height: 315px; position:relative; width: 160px; margin: 0 0 0 730px; padding: 25px 15px 0 15px; }
#column1 { float:left; width: 640px; padding: 30px 10px 0 20px; }
#column2 { width: 240px; margin: 0 0 0 675px; padding: 5px 0 0 0; border-left: 5px solid #fff; }
#column1b { float:left; width: 690px; padding: 30px 10px 0 20px; overflow:auto; }
#column2b { width: 190px; margin: 0 0 0 725px; padding: 5px 0 0 0; }
#coverage { clear:left; padding: 25px 0 0 20px; }
#hpquote { position: absolute; width: 160px; bottom:0; margin: 0 0 15px 0; border-top: 1px solid #fff; padding: 15px 0 0 0; }
.cell { float:left; width: 400px; padding: 0 30px 20px 0; }
div.cell h2 { margin: 0 0 0 0; padding: 0 0 10px 0; }
.classes h2 { font-size: 16px; margin: 0 0 6px 0; padding:0; }
.classes p { font-size: 11px; }
.classes { position: relative; margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px dotted #adabd1; }
.classlink { position:absolute; bottom: 0; right:10px; }
.newsitem { position: relative; margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px dotted #adabd1; }
.newsitem h2 { font-size: 14px; margin: 0 0 8px 0; padding:0; }
.clearer { clear: both; height:1px; overflow:hidden; margin-bottom:-1px;}

#eventtable { margin: 20px 0 20px 0; }
#eventtable table { border-collapse: collapse; width: 100%; border: 1px solid #adabd1;}
#eventtable td { border: 1px dotted #adabd1; margin: 0; padding: 10px; vertical-align:top; }
#eventtable th { font-size: 16px; background: #ece9f5; border: 1px solid #adabd1; margin: 0; padding: 10px; font-weight: normal; text-align:left;}

#contacttable { margin: 0 0 20px 0; }
#contacttable table { border-collapse: collapse; width: 100%; border: none;}
#contacttable td { margin: 0; padding: 10px 10px 0 0; vertical-align:top; }
#contacttable th { font-size: 12px; margin: 0; padding: 10px 10px 0 0; font-weight: bold; text-align:left; vertical-align:top;}

/* navigation */

#nav { height: 39px; padding: 0 0 0 10px; margin: 0 10px 0 10px; background: url(/images/navbg.png) no-repeat;}
#nav ul { padding: 0; margin: 0; list-style: none;}
#nav li { margin: 0; padding: 0; float: left;}
#nav a { display:block; height: 28px; margin: 0; color: #fff; font-size:15px; padding: 11px 12px 0 12px; text-decoration:none;}
#nav a:hover { background: #837fba; text-decoration:none;}

/* ---[ footer ]----------------------------------- */

#footer { margin: 0; padding:40px 0 0 10px; background: url(/images/bottomcurve.png) no-repeat top; }
#footerleft a { color: #fff; }
#footerleft a:hover { color: #31296e; }
#footerleft p { font-size: 11px; color: #fff; margin: 0; padding: 0; vertical-align:middle; }


/* ---[ forms ]------------------------------------ */

#enquiryform { padding: 0; margin: 0; font-size:11px; }
#enquiryform .input { width: 260px; padding: 4px; background-color: #f5f5f5; border: none; border: 1px solid #f0f0f0; }
#enquiryform textarea { width: 260px; padding: 4px; background-color: #f5f5f5; border: none; border: 1px solid #f0f0f0; }
#enquiryform label { float: left; width: 100px; padding: 5px 10px 0 0; font-size: 12px; }
#frmsubject34 { visibility:hidden; display:none; }


/* ---[ misc. ]---------------------------------------- */

hr { border: 0; color: #ccc; background-color: #ccc; height: 1px; margin: 10px 0 10px 0; }
.center { text-align: center; }
a img { border: none; }
.hide { display: none; }

.showit { display: block; }
.hideit { display: none; }