/*
Title:      Master styles for print media
Author:     Paul Sivers, Keywave [http://www.keywave.com]
Created:	03/11/08
Updated:    03/11/08
*/

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: 980px; color: #666; background: none; }
#outer { width: 950px; margin: 0 auto; padding: 15px 0 0 0; text-align: left; background: #fff url(/images/bottomcurve.gif) no-repeat bottom center; }

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

a:link { color: #039; }
a:visited { color: #039; }
a:hover { color: #000; }
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; }
a.previous { background: url(/images/previousarrow.gif) no-repeat left center; padding: 0 0 0 20px; }
a.previous:hover { background: url(/images/previousarrowhover.gif) no-repeat left center; padding: 0 0 0 20px; color: #000; }
a.pdfdownload { display:block; background: url(/images/pdficon.gif) no-repeat left center; height: 43px; padding: 20px 0 0 55px; font-size: 16px; }
a.pdfdownload:hover { color: #000; }
a.link { padding: 0 15px 0 0; background: url(/images/rightarrowsmall.png) no-repeat right center; }
a.link:hover { padding: 0 15px 0 0; background: url(/images/rightarrowsmallhover.png) no-repeat right center; }

.topright { float: right; text-align: right; padding: 0 0 20px 30px; }
.topright p { margin:0; padding: 0; }
.topright div { margin: 0 0 10px 0; }
.toprighta { float: right; text-align: right; padding: 0 0 10px 10px; }

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

p { margin: 0 0 0 0; padding: 0 0 1em 0; }
p.caption { padding: 0.5em 0 1em 0; font-size:11px; color: #999; }
h1 { font-size: 18px; font-weight: normal; color: #039; margin: 0 0 15px 0; padding: 0;}
#menu h1 { font-size: 18px; font-weight: normal; color: #666; margin: 0 0 15px 0; padding: 0;}
#content h1 { font-size: 22px; font-weight: normal; color: #039; margin: 0 0 15px 0; padding: 0;}
#contentwide h1 { font-size: 22px; font-weight: normal; color: #039; margin: 0 0 20px 0; padding: 0;}
h2 { font-size: 16px; font-weight: normal; padding: 0; margin: 0 0 14px 0; color: #039; }
h2 a { text-decoration: none; }
h3, h4, h5 { font-size: 11px; font-weight: bold; padding: 0; margin: 0 0 10px 0; }
h3 a { text-decoration:none; }
em { font-style: italic; }
strong { font-weight: bold; }
form { display: inline; position: relative; margin: 0; padding: 0; }
.smaller { font-size: 11px; }
.black { color: #000; }
.blue { color: #039; }

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

#header { background: url(/images/headerbackground.png) no-repeat right top; width: 950px; margin: 0; padding:0; }
#strapline p { text-align:right; padding: 30px 30px 0 0; font-size:20px; color: #333; font-style:italic; }
#outercontent { padding: 25px 0; }
#contentwide { padding: 10px; position:relative;}
#menu { float:left; width: 160px; padding: 0 10px 20px 10px; }
#content { margin: 0 0 0 180px ; padding: 0 10px 0 20px; border-left: 1px dotted #ccc; }
#hpleft { float:left; width: 650px; }
#hpright { margin: 0 0 0 650px; }
#hpwelcome { display:none; }
#hpbanner { width: 650px; height: 330px; }
#hpbanner img { width: 650px; height: 330px; }
#hpnews { padding: 25px 10px 0 15px; }
#hpnews h2 { width: 130px; font-size: 18px; background: url(/images/rightarrow.png) no-repeat right 5px; }
.hppanel { width:300px; height: 110px; background: url(/images/hppanelbg.png); }
.hppanel h2 { width: 170px; margin: 0; padding: 15px 0 5px 15px; color: #039; font-size: 18px; background: url(/images/hppanelrightarrow.png) no-repeat right 15px; }
.hppanel p { padding: 10px 0 0 15px; width: 170px; }
.hptooltip { display:none; background: url(/images/hppanelbghover.png); height:110px; width: 300px; }
.hptooltip h2 { width: 170px; margin: 0; padding: 15px 0 5px 15px; color: #f5f5f5; font-size: 18px; background: url(/images/hppanelrightarrow.png) no-repeat right 15px; font-weight: normal; }
.hptooltip a { text-decoration:none; color: #fff; font-weight: normal; }
.hptooltip a:hover { text-decoration:underline; color: #fff; font-weight: normal; }
.hptooltip ul { margin:0; padding:5px 0 0 15px;; list-style:none; }
.hptooltip li { margin:0; padding:0; }
.hptooltip li a { color: #f5f5f5; text-decoration:none; font-size: 11px; }
.hptooltip li a:hover { color: #f5f5f5; text-decoration:underline; font-size: 11px; }
#contentfooter { margin: 0; padding: 0; height: 20px; background: #edede3 url(/images/endcurve.gif) no-repeat; }
#projectlist { margin: 30px 0 0 0; }
#contentleft { float:left; width: 400px;}
#contentright { float:right; width: 300px; padding: 0 0 0 30px; }
#description p:first-child { color: #555; font-size: 16px; }
#accordion h2 { color : #999; font-size: 12px; font-weight : normal; text-decoration : none; margin:0; padding : 5px 10px 5px 0; cursor:pointer; }
#accordion div.pane { display:none; padding:15px 0 15px 5px;}
	
.clearer { clear: both; height:1px; overflow:hidden; margin-bottom:-1px;}

/*	News Summary */
.newslisting { margin: 0 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px solid #e0e0e0; }
.newssummaryimage { width: 80px; float: right; margin: 0 0 0 10px;}
.newssummary { float: left; width: 630px;}
.newslisting h2 a { font-size: 14px; font-weight: normal; padding: 0 0 0 0; margin: 0 0 1em 0; color: #039; background: transparent; text-decoration:none;}
.newslisting h2 a:hover { color: #333; background: transparent; text-decoration:underline;}

/* navigation */

#topnav { padding: 0; margin: 15px 0 0 0; background: url(/images/navbackground.png) repeat-x; height: 35px; overflow:visible; z-index: 10000; }
#nav { position:relative; padding: 0; margin: 0; z-index: 10000; }
#navxx ul { padding: 0; margin: 0; list-style: none;}
#navxx li { margin: 0; padding: 0; float: left;}
#nav a { display:block; margin: 0; color: #fff; font-size:15px; height: 26px; padding: 9px 0 0 15px; width: 105px; text-decoration:none;}
#nav a:hover { background: #0370af; text-decoration:none;}


#nav ul {padding: 10px 0 20px 0; margin:0; list-style:none; position:absolute; left:-9999px; z-index: 10000; background: url(/images/navsubhover.png) bottom; width: 200px; }
#nav li.litrg {float:left; display:block; width: 120px; border-right: 1px solid #e0e0e0; }
 
#nav ul a { display: block; font-size: 12px; font-weight: normal; width:auto; height:auto; text-decoration: none; padding: 3px 10px 3px 15px; color: #f0f0f0; } 
#nav :hover a:hover { color: #333; background: #fff; }
 
#nav li.litrg a.trg {float:left;}
 
#nav li a.trg:hover { position:relative; color: #333; }
#nav li.litrg:hover { position:relative; color: #333; }
 
#nav li.litrg:hover > a { color: #fff; background: #039; }
#nav li.litrg:hover ul :hover > a { color: #333; background: #fdfdfd; } 
#nav li.litrg:hover ul {margin-top:35px;}
 
#nav :hover ul {left:0;}
#nav :hover ul a {white-space:nowrap;}
#navxxx :hover ul b {position:absolute;}
#nav :hover ul.right {left:auto; right:-1px;}
#nav :hover ul :hover ul, #nav :hover ul :hover ul :hover ul { left:95%; margin-top:-31px; }
#nav :hover ul :hover ul.left, #nav :hover ul :hover ul :hover ul.left { left:auto; right:95%; margin-top:-35px; }
#nav :hover ul ul, #nav :hover ul :hover ul ul { left:-9999px; }
#nav :hover ul ul.left, #nav :hover ul :hover ul ul.left { left:-9999px; right:auto; }
 
#nav table {border-collapse:collapse; margin-top:-1px;}



#menu ul { /* all lists */ padding: 0; margin: 0; list-style: none; width : 170px; } 
#menu li { /* all list items */ position : relative; line-height : 1em; width: 170px;  margin:0; padding:0 0 0 0; }
#menu li a { display : block; color : #999; font-size: 12px; font-weight : normal; text-decoration : none; padding : 5px 10px 5px 0; }
#accordion div.pane li { width: 165px; }
#menu li a:hover { color : #039; background-color : #f5f5f5; }
#menu li a.currentpage { display : block; color : #696; font-size: 12px; font-weight : bold; text-decoration : none; padding : 5px 10px 5px 10px; background-color : #deefcb; }
#menu li a.currentpage:hover { color : #696; background-color : #deefcb; }
#menu li ul { padding:0; margin:5px 0 8px 0; }
#menu li li a { display : block; color : #696; font-size: 12px; font-weight : normal; text-decoration : none; padding : 4px 8px 4px 20px; }
#menu li li a.currentpage { display : block; color : #696; font-size: 12px; font-weight : bold; text-decoration : none; padding : 4px 8px 4px 20px; background-color : #deefcb; }
#menu li li a.currentpage:hover { color : #696; background-color : #deefcb; }

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

#footer { position:relative; margin: 0 0 0 0; padding:15px 0 20px 5px; border-top: 1px solid #e0e0e0; }
#footerleft a { color: #999; }
#footerleft a:hover { color: #039; }
#footerleft p { font-size: 11px; color: #aaa; margin: 0; padding: 0; vertical-align:middle; }
#footerright { position:absolute; top: 15px; right:10px; }
#footerright p { font-size: 14px; color: #666; }
#footerlegal { display:none; visibility:hidden; }


/* ---[ 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; }