/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins.css";


/* Site
-------------------------------------------------------------- */
  
    /* Put your site styles here */
 
  /* only show when printing */
  .printOnly { display: none; }
  
  body { background: #84939b; margin-top: 0; font-family: Helvetica, Arial, sans-serif; }
  h1, h2, h3, h4, h5, h6 { font-family:Verdana, Arial, Helvetica, sans-serif; color: #0096B0; }
  body, p, ul, ol, dl, input, textarea {  font-family: Arial,Helvetica,sans-serif; }
  
  div#shadow-wrapper { position: relative; margin: 0 auto 0 auto; width: 964px; padding-bottom: 12px; background: url(/imgs/shadow.gif) left bottom repeat-y; }
  	div#shadow-wrapper #shadow-start { background: url(/imgs/shadow-start.gif) right top; height: 20px; position: absolute; top: 0; right: 0; width: 14px; }
  div#page { background: #fff; color: #505150; width: 950px; }

  #header {
  	height: 100px;
	color: #fff;
	background: #4bb8c6 url(/imgs/header.jpg) top left no-repeat;
  }
  
  #body { position: relative; background: url(/imgs/background.jpg) left bottom no-repeat; }
  
  #body img.logo { padding-top: 10px; padding-left: 32px; display: block; }
  div.twoColumn { width: 630px; float: left; }
  
  #navi { float: left; width: 215px; }
  #navi ul { color: #0096B0; margin-top: 30px; margin-left: 0; padding-left: 3em; text-transform: uppercase; list-style-type: none; }
  #navi ul li { height: 17px; background: url(/imgs/navi-selected.gif) top left no-repeat; margin-bottom: 0.7em; font-size: 11px; padding: 1px 0 0 1.5em; /* letter-spacing: 0.5px; */ }
  #navi ul li a { color: #505150; font-size:10.5px; }
  #navi ul li.current a { color: #0096B0; }
  
  #mainContent { float: left; width: 415px; padding-bottom: 2em; }
  #mainContent h1 { margin-top: 21px; margin-bottom:1em; letter-spacing: -0.6px; font-size: 1.4em; font-weight: normal; }
  #mainContent p.leadIn { font-weight: bold; }
  #mainContent p { font-size: 12px; line-height: 1.35em; letter-spacing: 0.1px; margin-bottom: 1em; padding-right: 2em; }
  #mainContent a { color: #26B2C2; font-style:italic; text-decoration: underline; }
  #mainContent a:hover { text-decoration: none; border-bottom: 1px dashed; }
  #mainContent div.problem { color: #f00; padding: 0.5em 0.5em 0 0.5em; border: 1px solid #505150 } /* form validation error */  
  
  #sideContent { float: left; width: 320px; font-size: 11px; }
  #sideContent ul, #sideContent p {  padding: 0 1em 0 1em;  }
  #sideContent p.tagLine { text-align: left; color: #26B2C2; font-style: italic; font-weight: bold; }
  #sideContent ul { color: #0096B0; margin: 0; text-align: right; direction: rtl; padding-right: 3.5em; padding-left: 0; list-style-type: disc; }
  #sideContent ul li { margin-bottom: 0.7em; } 
  #sideContent ul li span { color: #858687; } /* to allow bullet to be diff colour from text */
  
  #phoneNumber { position: absolute; bottom: 1em; right: 2em; clear: both; height: 22px; width: 290px; }
	#phoneNumber { behavior: url(iepngfix.htc); } /* Fix pngs in IE6 */
  
  #footer {
	height: 40px;
	color: #fff;
	background: #4bb8c6; /* url(/imgs/footer.gif) top left no-repeat */
	
  }
  
  
  
  #footer p {
	padding-top: 12px;
  	padding-left: 400px;
	font-size: 11px; line-height: 1.45em; letter-spacing: 0.15px; font-weight: bold;
  }
  #footer p span.contactMethod { padding-left: 0.7em; }
    
	#credit { font-size: 10px; color: #333; font-weight: bold; margin: 0 auto 1em auto; width: 964px; text-align: right; }
	#credit a { text-decoration: none; color: #333; border-bottom: 1px dashed #333; }
	#credit a:hover { text-decoration: none; color: #333;  border-bottom: 1px solid #333; }
	
	
/* --- */



div#shadow-wrapper { background-image:none;width:850px;  }
  	div#shadow-wrapper #shadow-start { background-image:none;  }
  div#page { width:100%; }


#sideContent { width: 230px;font-size: 12px; }
#sideContent ul { padding-right: 0em; }
#mainContent { width: 370px; }
#navi { width: 200px; }
#navi ul li { background-image:url(/imgs/navi.gif); padding: 0px 0 2px 10px; }
#navi ul li a { font-size:10px;}
#navi ul li a:hover { text-decoration:none; color:#0096B0; }
 
div.twoColumn { width: 570px; }
#sideContent p.tagLine { margin-bottom:10px; margin-top:10px; }

table.list { width:245px; margin-left:0em; padding-left:0;font-size: 12px;}
table.list td { border-bottom:0; color: #505150; padding:0; }
table.list td p { margin-bottom:6px; }
table.list td.desc { width:99%; text-align:right; vertical-align:top; }
table.list td.status { width:1%;text-align:right; padding-top:2px; }

div.standoutbutton { padding-left:36px; margin-top:20px;}
#footer div { text-align:right; font-size:11px; padding-right:20px; padding-top:10px;font-weight: bold;}
#credit { width: 850px; }