body {
  background: url('../images/page_background.png') #151a3b repeat-x top;
  margin: 0;
  padding: 0;
  font-family: Tahoma, sans-serif;
  font-size:11px;
  color: #666;
  letter-spacing: 1.5%;
  text-align:center;
 
}

/* -------------------------------------
/*  Browser Reset
/* -------------------------------------*/

p, div, h1, h2, h3, h4, h5, ul, li, form, input, select, option {
	margin: 0;
	padding: 0;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

ul {
	list-style: none;
}

a {
	outline: 0;
}

a:hover {cursor: pointer;}

.alert {
    font-weight: bold;
    color: #990000;
    
}
.clear {clear:both;}

/* .....................................
/*  Other stuff
/* .....................................*/


a:link,a:visited, a:active, a:hover {
	color: #0099cc;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h1, h2
{
    color:#ff6600;
    font-size: 20px;
    padding-top:10px;
    padding-bottom:3px;
   
   
}




.FloatRight {
    float:right;
    padding-left:4px;
}

.FloatLeft {
    padding-right:4px;
    float:left;
}

.quote {
    font-style:italic;
}

.box {
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

/* -------------------------------------
/*  Website Container
/* -------------------------------------*/

#maincontainer {
	width:960px; 
	 margin: 0 auto 0 auto;
	text-align:left;
}

#container {
	width:960px; 
	background: url('../images/menu_bar.png') #FFF repeat-x top;
	text-align:left;
}

/* -------------------------------------
/*  Header & Main Navigation
/* -------------------------------------*/

#header {
  width: 100%;
  
  text-align:center;
}



#header ul {
  display: block;
  margin: 2px 0 0 0px;
  padding: 0;
  height: 40px;
  border-left: 1px solid #0564a9;
}

#header ul li:first-child a {
  border-left: 1px solid #fff;
}

#header ul li {
  display: block;
  margin: 0;
  padding: 0;
  float: left;
  height: 40px;
  border-right: 1px solid #fff;
  text-transform: uppercase;
}

#header ul li a:link, #header ul li a:visited, #header ul li a:active {
  display: block;
  height: 30px;
  color: #FFF;
  padding: 9px 10px 0;
  text-decoration: none;
  border-right: 1px solid #0564a9;
  white-space: nowrap;
  float: left;
}

#header ul li a:hover, #header ul li.active a {
  background-color: #a3c9e8;
  color:#006699;
}

#contactlink {
    float:right;
    text-align:right;
    width:150px;
    text-transform:uppercase;
    padding:0px 10px 0px 0px;
}

/* -------------------------------------
/*  Main Page Content 
/* -------------------------------------*/

#maincontent, #maincontent2, #maincontent3 {
  padding: 23px 0px 0px 10px;
  margin: 0 auto;
  width: 950px;
  background-color:#fff;
  
}

#maincontent2 {
    background: url('../images/section_background.png') #fff repeat-y;
}

#maincontent3 {
padding: 23px 0px 0px 0px;
}

#contentleft, #contentRight {
    font-size:10pt;
    width:710px;
    letter-spacing:150%;
    float:right;
}

#contentleft, #contentMiddle 
{
    float:left;
}

#contentMiddle {width:150px;}

#contentRight {
    width:325px;
    padding-right:10px;
}

#contentleft p, #contentRight p {
    padding-bottom:8px;
    padding-top:8px;

}

#contentleft ul {
    padding:10px 0px 10px 5px;
}

#contentleft ul li {
  background-image: url(../images/tribullet.png);
  background-position: left top;
  background-repeat: no-repeat;
  padding: 0px 5px 8px 20px;  
}


#contentleft h3 
{
    color:#0099cc;
    font-size: 14px;
    padding:0px;
    margin-bottom:-5px;
    margin:0px;
    border:none;
    background:none;
}


.imageRight {
    float:right;
    padding:10px 0 10px 10px;

}

.imageLeft {
    float:left;
    padding:10px 10px 10px 0;
}

.photo 
{
    width:260px;
    height:260px;
     float:right;
     margin-top:10px;
    background-repeat:no-repeat;
}





/* -------------------------------------
/*  Coloured Heading bars
/* -------------------------------------*/

.heading {
    width:100%;  
    height:35px;
    margin-top:10px;
    text-transform:uppercase;
    clear:both;
}

.blue {
    background: url('../images/heading_blue2.png') repeat-x right;  
}
.red {
    background: url('../images/heading_red2.png') repeat-x right;  
}
.green {
    background: url('../images/heading_green2.png') repeat-x right;  
}

.orange {
    background: url('../images/heading_orange2.png') repeat-x right;  
}
.grey {
    background: url('../images/heading_grey2.png') repeat-x right;  
}
.black {
    background: url('../images/heading_black2.png') repeat-x right;  
}

.heading h2 {
    font-size: 14px;
    color:#fff;  
    height:35px;
    padding:8px 0 0 10px;
}

.blue h2 {
    background: url('../images/heading_blue1.png') no-repeat top left;  
}
.red h2{
    background: url('../images/heading_red1.png') no-repeat top left;   
}
.green h2{
    background: url('../images/heading_green1.png') no-repeat top left;   
}

.orange h2{
    background: url('../images/heading_orange1.png') no-repeat top left;  
}
.grey h2{
    background: url('../images/heading_grey1.png') no-repeat top left;  
    color:#fff;
    font-size: 16px;
}
.black h2{
    background: url('../images/heading_black1.png') no-repeat top left;  
}

.heading img {
    float:right;
    border:0px;
    padding-top:-8px;
    margin-top:-8px;
}

.subheading 
{

  background-color: #a3c8e8;
  color:#006699;
 
 font-size: 14px; 
 padding: 7px 0 7px 5px;
border-bottom:solid 1px #fff;
border-left:solid 4px #0061a8;
border-right:solid 4px #0061a8;
}


.trilink{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.trilink li a, .trilink li a:active, .trilink li a:link, .trilink li a:visited {
    color:#fff;
    display: block;
    padding: 3px 0 3px 10px;
    text-decoration: none;
    border-left:solid 4px #0061a8;
   border-right:solid 4px #0061a8;
     border-bottom:solid 1px #fff;
}

.event {background-color:#f7873d;}
.event a:hover {background-color:#ff6600;}
.news {background-color:#00a2e3;}
.news a:hover{ background-color:#037cda;}
.workshop{background-color:#92b349;}
.workshop a:hover {background-color:#759f18; }
    

/* -------------------------------------
/*  Banners
/* -------------------------------------*/

#banner  {
  width:940px;
  background: url('../images/banner_background.png') repeat-x top;
  height:314px;
  padding:0px;
  margin:0px;
  
}

#subbanner, #banner2 { 
  padding:0px;
  margin:0px;
  width:710px;
  height:247px;
  background: #fff url(../images/banner_back.jpg)  right top no-repeat;
}


#banner2 {
    width:940px;
    background: #fff url(../images/banner_main.jpg) left top no-repeat;
}

#banner h1, #banner p, #subbanner h1, #subbanner p, #banner2 h1, #banner2 p {
    color:#fff;
    font-size:21px; 
    padding:10px 10px 2px 10px;
}

#banner p, #subbanner p , #banner2 p {
    font-size:15px; 
}

#banner2 p {
    width:385px;
    }

#banner a, #subbanner a, #banner2 a {
     color:#fff;
     text-decoration:underline;
     font-size:15px; 
     font-weight:bold;
     padding-bottom:10px;
}

#banner a:hover, #subbanner a:hover,  #banner2 a:hover {
    text-decoration:none;
}

#subbanner img,  #subbanner input {
    float:left
}

.panel1, .panel2 {
     background: url('../images/banner_top.png') repeat-x top;
}

.panel1 img {
    float:right;
}

.panel2 img {
    float:left;
}


    

/* -------------------------------------
/*  Sub Menu
/* -------------------------------------*/

h3 {
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 25px;
	color: #587788;
	background: transparent url(../images/submenu_divider.png) bottom left no-repeat;
	padding-bottom: 3px;
}

#pageNav {
    float:right;
    margin-top:-23px;
    width:231px;
    background: #a3c8e8 url(../images/submenu_background.png) repeat-y scroll left top;
}

#pageNav p {
    padding:5px 5px 5px 20px;
    font-size: 13px;  
    color:#fff; 
}

#pageNav .subMenu ul {
	margin: -10px 0 0 0;
	background: #fff url(../images/submenu_background_over.png) repeat-y scroll left top;
	padding-bottom: 10px;
}

#pageNav .subMenu ul li {
	padding: 5px 0 5px 0;
	margin: 0 0 0 50px;
	line-height: normal;
	background-image:none;
	font-size: 11px;
}

#pageNav .subMenu li {
	background: transparent url(../images/submenu_divider.png) bottom left no-repeat;
}

#pageNav .subMenu li a {
	display: block;
	padding-left: 25px;
}

#pageNav li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 40px;
}

#pageNav li a:link, #pageNav li a:visited, #pageNav li a:hover, #pageNav a {
	text-decoration: none;
	color:#006699;
}

#pageNav li a:hover {
	background: #c9ddee url(../images/submenu_background_over.png) top left repeat-y;  

}

#pageNav li.current, #pageNav li.active a {
	background: #fff url(../images/submenu_background_active.png) top left repeat-y;
}

#header ul li.menu12 a:hover {background-color:#bad589;}

#Quote {margin-left:-14px;}
#Quote h1, #Quote p, #Quote{font-style:italic;color:#0564a9;}
#Quote h1 {font-size:14pt;text-align:center;}
.QuoteOpen {float:left;padding-right:5px;}
.QuoteClose {float:right;padding-left:5px;}

.PodCast {width:250px;background: #fff url(../images/podcast.png) top left no-repeat;float:right;height:75px;}
.PodCast p{padding-left:75px;}
/* --------------Footer-----------------*/
/* -------------------------------------*/

#footer, #footer2 {
    width:960px; 
	margin: 0 auto 0 auto;
	text-align:left;
    height:155px;
    background: url('../images/footer.png') top no-repeat;
    padding-top:35px;
}

#footer2 {
    background: url('../images/footer2.png') top no-repeat;
}

.FooterItem {
    float:left;
    width:220px;
    margin-left:10px;
    padding-right:5px;
    border-right:solid 1px #d1e2f0;
    height:117px;
}

.FooterItem h1 {
    padding-bottom:2px;
    color: #0099cc;
    font-size: 13px;
    text-transform:uppercase;
}

.FooterItem ul 
{
   margin-left:5px;
}

.FooterItem li {
  list-style-type:disc;  
  margin-left:12px; 
}

#item1, #item2, #item3, #item4 
{
    background-repeat:no-repeat;
    background-position:bottom left;
   }

#item4 {

    border-right:none;
}


#copyright {
    width:100%; 
    clear:both;
	padding:8px 0px 0px 4px;
    color:#fff;font-size:80%;
}