/* global */


html{height: 100%;}





body


{ font-family: verdana, arial, sans-serif;


  padding: 0px;


  margin: 0px;


  font-size: .68em;


}





p


{ margin: 0px;


  padding: 0px 0px 16px 0px;


  line-height: 1.7em;


}





h1


{ font-family: arial, sans-serif;


  letter-spacing: .1em;


}





h2


{ margin: 0px;


  padding: 0px 0px 4px 0px;


  font-size: 100%;


}





img{border: 0px;}





a{outline: none;}





/* image positioning - left, right and center */


.left


{ float: left;


  padding: 0px 8px 0px 0px;


}





.right


{ float: right;


  padding: 0px 0px 0px 8px;


}





.center


{ display: block;


  text-align: center;


  margin: 0 auto;


}





/* block quote */


blockquote


{ margin: 20px 0px 20px 0px;


  padding: 10px 20px 0px 20px;


  border-left: 8px solid;


}





/* unordered list */


ul


{ margin: 8px 0px 0px 16px;


  padding: 0px;


}





ul li


{ list-style-type: square;


  margin: 0px 0px 11px 0px;


  padding: 0px;


}





/* ordered list */


ol


{ margin: 8px 0px 0px 24px;


  padding: 0px;


}





ol li


{ margin: 0px 0px 11px 0px;


  padding: 0px;


}





/* margin lefts / margin rights - to centre content */


#main, #links, #footer, #logo, #menu, #content


{ margin-left: auto;


  margin-right: auto;


}





/* main container */


#main{width: 780px;}





/* links above the logo / footer */


#links, #footer


{ padding: 10px 21px 0px 19px;


  width: 720px;


  height: 26px;


  font-size: 94%;


  text-transform: uppercase;


}





#links{text-align: right;}





#footer{text-align: center;}





#links a, #footer a{text-decoration: none;}





#links a:hover, #footer a:hover{text-decoration: underline;}





/* logo */


#logo


{ width: 760px;


  height: 171px;


  text-align: left;


}





#logo h1


{ margin: 0px;


  padding: 41px 0px 0px 19px;


  font-size: 150%;


  letter-spacing: .2em;


}





/* navigation menu */


#menu


{ height: 42px;


  width: 760px;


}





#menu ul{margin: 0px auto;}





#menu li


{ float: left;


  margin: 0px;


  padding: 0px;


  list-style: none;


}





#menu li a


{ display: block;


  float: left;


  height: 37px;


  text-decoration: none;


  padding: 3px 19px 2px 19px;


  text-transform: uppercase;


}





/* main content */


#content


{ width: 760px;


  height: auto;


  padding: 0px;


  overflow: hidden;


}





/* column 1 - contains sidebar items */


#column1


{ width: 207px;


  float: right;


  padding: 16px 0px 15px 0px;


}





.sidebaritem


{ text-align: left;


  width: 188px;


  float: left;


  margin: 0px 0px 25px 0px;


}





.sbihead


{ height: 14px;


  width: 188px;


  padding: 5px 0px 5px 19px;


  text-transform: uppercase;


}





.sbihead h1


{ padding: 0px;


  margin: 0px;


  font-weight: bold;


  font-size: 112%;


}





.sbicontent{padding: 14px 8px 8px 19px;}





.sbicontent p


{ line-height: 14px;


  padding: 0px 0px 8px 0px;


}





.sbilinks{padding: 0px;}





.sbilinks ul{margin: 0px auto;}





.sbilinks li


{ margin: 0px;


  float: left;


  list-style: none;


}





.sbilinks li a , .sbilinks li a:hover


{ float: left;


  height: 16px;


  text-decoration: none;


  padding: 5px 0px 4px 19px;


  width: 188px;


  border: 0px;


}





/* column 2 - page content */


#column2


{ text-align: justify;


  width: 512px;


  float: left;


  padding: 12px 3px 15px 19px;


}





#column2 h1


{ padding: 6px 0px 4px 0px;


  margin: 0px 0px 12px 0px;


  border-bottom: 1px solid;


  font-size: 150%;


  text-transform: uppercase;


  font-weight: normal;


}





.sidebaritem a, #column2 a, .sidebaritem a:hover, #column2 a:hover


{ padding: 0px;


  text-decoration: none;


  padding-bottom: 2px;


  border-bottom: 1px dashed;


}





.sidebaritem a:hover, #column2 a:hover{border-bottom: 1px solid;}





/* additional colour scheme selections */


#colour{margin: 0px 0px 20px 0px;}





#colour a, #colour a:hover{border: 0px;}





.blue


{ background: #FFFFFF url(blue.png) no-repeat left center;


  color: #109CEF;


  padding: 0px 40px 0px 20px;


}





.green


{ background: #FFFFFF url(green.png) no-repeat left center;


  color: #94C65A;


  padding: 0px 40px 0px 20px;


}





.purple


{ background: #FFFFFF url(purple.png) no-repeat left center;


  color: #CE5AEF;


  padding: 0px 40px 0px 20px;


}





.orange


{ background: #FFFFFF url(orange.png) no-repeat left center;


  color: #FF9C21;


  padding: 0px 40px 0px 20px;


}