html{height: 100%;}

body
{  font-family: 'Open Sans', sans-serif;
  background: #DFF1FF;
  padding:0;
  margin: 0px;
  font-size: 1em;
}

p
{ padding: 12px 20px 6px 20px;
  margin: 0px; line-height:1.8em;
  font-size: 0.9em; color: #003;
}

h1
{ font-size: 3.2em;
  letter-spacing: .05em;
   padding: 4px 90px 0px 148px;  
  margin: 0px;               
  font-weight: normal;
  color: #fff;
  font-weight:300;
}

h2
{ font-size: 2.1em;
  padding: 10px 90px 0px 90px; 
  margin: 0px 0px 0px 0px;               
  font-weight: normal;
  color:#223472;
}

h3
{ font-size: 1.1em;
  padding: 24px 20px 0px 20px; 
  margin: 0px 0px 0px 0px; line-height: 1.8em;           
  font-weight: 300; color: #003;
}

h4
{ font-size: 0.75em;
   padding: 12px 20px 18px 20px;
  margin: 0px 0px 0px 0px; color: #003;              
  font-weight: normal;  line-height:1.8em;
}


h6
{ font-size: 0.9em;
  padding: 6px 0px 0px 23px; 
  margin: 0px 0px 0px 0px;               
  font-weight: normal; color: #c00;
  line-height: 1.6em;
}

label {font-size: 1.1em;
  padding: 0px 0px 0px 10px; 
  margin: 0px 0px 0px 0px; line-height: 1.8em;           
  font-weight: 300; color: #003;}
  
 fieldset { border: 0; }

.dis { border: 2px solid #fff; padding: 40px; margin: 10px; background: #eee url(criss.gif) repeat;
      -moz-border-radius:8px;
	-o-border-radius: 8px;
	 border-radius: 8px;
}

.dis2 { border: 2px solid #fff; padding: 40px; margin: 10px; background: #eee url(criss2.gif) repeat;
      -moz-border-radius:8px;
	-o-border-radius: 8px;
	 border-radius: 8px;}

.dis2 a:link {	border-bottom: 0px;}
.dis2 a:visited {	border-bottom: 0px;}
.dis2 a:hover {	border-bottom: 0px; background: transparent;}
.dis2	a:focus{	border-bottom: 0px;}
.dis2 a:active {	border-bottom: 0px;}

.dis2 img {padding: 2px 12px 10px 0; }



.sp0 {padding: 0 102px 0 10px;}
.sp1 {padding: 0 60px 0 10px;}
.sp2 {padding: 0 95px 0 10px;}
.sp3 {padding: 0 32px 0 10px;}
.sp4 {padding: 0 28px 0 10px; font-size: 1.1em;
  margin: 0px;  font-weight: 300; color: #003;}
.sp5 {padding: 0 93px 0 10px;}
.sp6 {margin: 0 0px 0 20px;}

.adjustme {background: #DFF1FF;}

.cred {font-size: .75em; padding: 4px 4px 6px 4px;
  margin: 0px; line-height: 1.4em;
 color: #777;}
 
 .cred2 {font-size: .75em; padding: 4px 4px 6px 23px;
  margin: 0px; line-height: 1.4em;
 color: #777;}
 
 .quote {border-left: 12px solid #C2DCEF; margin: 0 0 0 18px; font-style:italic; padding: 12px 32px 12px 32px;}
 
 hr {color: #eee; width: 90%; height: 1px;}
 
 .broke {background: #FF6; padding: 6px;  }
 
h1,h2,h3,h4
{
voice-family:male;
richness:80;
cue-before:url("beep.au")
} 



a:link {
	border-bottom: dotted 1px;
	text-decoration: none;
	color: #111; padding: 2px 3px 3px 3px;}

a:visited {
	text-decoration: none;
	border-bottom: dotted 1px #999;
	color: #222; padding: 2px 3px 3px 3px;}

a:hover {
	background-color:#fff;
	color: #006; 	border-bottom: solid 1px #039;
	padding: 2px 3px 3px 3px;}
	
	a:focus{
	background-color:#1676B7;
	color: #fff;	padding: 6px 3px 6px 3px; }
	
a:active {
	text-decoration: none;
	background: #FBEB08;
	color: #111; border-bottom:0;
	padding: 2px 3px 3px 3px;}

img
{ border: 0; margin: 0px; padding: 0px 40px 6px 0; }

#feet3 img
{ border: 0px; margin: 0px; padding: 0px 2px 0px 0px; }

a{outline: none;}


/* unordered list --------------------- */
ul li
{  padding: 12px 20px 6px 20px;
  margin: 0px; line-height:2em;
  font-size: 0.9em; color: #003;
  list-style-type: disc;
}



/* margin lefts / margin rights - to centre content */
#main, #foot, #top-wrap, #nav-hold, #site_content, #foot-a, #foot2 
{ margin-left: auto; 
  margin-right: auto;
}

/* main container */
#main
{width: 960px;
 height: auto;
background: #fff;

}

/* navigation menu */

#nav-w
{ height: 135px;
  width: 100%;
  background: #0069AF;
  position:fixed;
  border-bottom: 3px solid #fff; z-index: 10;
}

#nav-hold {width: 960px; height: 135px; background: transparent url(logo6.png) no-repeat;}

#nav
{ height: 135px; float: left;
  width: 800px;
   background: transparent ;} 


#nav a:link, #nav2 a:link {	border-bottom: 0;	text-decoration: none;	color: #fff; padding: 0 3px 3px 3px;}

#nav a:visited, #nav2 a:visited{text-decoration: none;	border-bottom: 0;
	color: #eee;	padding: 0 3px 3px 3px;}

#nav a:hover, #nav2 a:hover{	background-color:#fff; 	color: #003;	padding: 6px 3px 12px 3px; }

#nav a:focus, #nav2 a:focus{	background-color:#FBEB08; border:0; 
	color: #000;	padding: 6px 3px 11px 3px;}
	
#nav a:active, #nav2 a:active {	text-decoration: none;	background: #F6850E;
	color: #000; padding: 6px 3px 11px 3px;}
	
#nav h1{ font-size: 3.2em;  letter-spacing: 0em;   padding: 4px 0px 0px 32px;    margin: 0px;   font-weight: normal;  color: #fff;}

#nav h2{ font-size: 1em;  padding: 28px 0px 0px 32px;   margin: 0px;     font-weight: normal;  color:#fff; letter-spacing: .15em;}

#nav p {padding: 0;}

#nav2
{ height: 138px; float: left; background: transparent; width: 160px;} 

#nav2 h4{font-size: 1em; font-variant: small-caps; background: #1FA9E2; font-weight: normal;   padding: 0px 10px 2px 15px; letter-spacing: .08em; border: 1px solid #fff;  margin: 26px 20px 0 0px; }

.logo {padding: 0 0 0 20px; font-size:1.4em; letter-spacing: .05em; }


/* logo --------------------------------*/


#top-w
{ width: 100%;
  height: 460px;
  border-bottom: 4px solid #fff;
  background:#C2DCEF;
  padding: 135px 0 0 0; 
}

#top-wrap
{ width: 960px;
  height: 380px;
  background: transparent;
  padding:0;
}

#top
{ width: 460px;
  height: 380px;
  background: transparent;
  padding:0; float:left;
}

#top-rt
{ width:450px;
  height: 345px;
  background: transparent;
  padding:35px 0 0 50px; float:left;
}

#top-rt img {padding: 0; margin: 36px 0 0 44px; border: 1px solid #fff;}

#top h2
{ font-size: 1.5em;
  padding: 20px 0px 0px 32px; 
  margin: 0px 0px 0px 0px;               
  font-weight: normal; letter-spacing: .1em;
  color:#00395F; line-height: 1.8em;
  font-weight:normal;
}

#top h3 {padding: 23px 0px 0px 32px; font-size: 1.2em;
font-size: 1.1em;          
color: #006;


}






/* first section --------------- */

#site1{ overflow: hidden;
  padding: 0px ;
  width: 960px;
  height: auto;
  background: #DFF1FF;  
}

#left
{ float: left;
  width: 310px;
  height: auto;
  padding:0px 15px 0 0;
  background: transparent;
	margin: 0;
}

#left h1, #right h1
{ font-size: 2em;   padding: 24px 0px 0px 21px; }

#left h2
{ 
  padding: 0 0 0 40px; font-weight: 300; 
}

.access{font-size: 1.08em; background: #0EAFEF; font-weight: normal;  letter-spacing: .1em;}
.sml{font-size: .6em;}
.med{font-size: .8em; }
.lge {font-size: 1.8em; padding: 0px;}

#middle
{ float: left;
  width: 310px;
  height: auto;
  padding:0px;
  background: transparent;
	margin: 0;
}


#right
{ text-align: left;
  float: left;
  width: 310px;
  height: auto;
  padding:0px 0 0 15px;
  margin: 0px ;
  background: transparent;
}

#right h2 {padding: 0 0 0 40px; font-weight: 300;}


#content a.colour, #content a.colour:hover{border-bottom: 0px;}

/* footer */

#foot-w
{  height: 300px;  width: 100%;
  margin: 0;
  background:#001C2F url(cross.png) repeat;
  padding: 0px;  border-top: 4px solid #fff;}

#foot-a{  height: auto;  width: 960px;
    background: transparent; text-align:center;
  padding: 0px; float: left;}

#foot{   height: 130px;  width: 960px;
   background: transparent;  padding: 0px;}

#feet1{   height: 130px;  width: 220px;
  background: transparent ; 
  padding:0 19px 0 19px; float: left; margin: 0;}
  
  #feet1 h3 {padding: 0 0 0 -10px;} 
    #feet1 img {padding: 0 2px 0 0;}
     #feet1 img:hover  {opacity: .7;}
  
  #feet2{   height: 130px;  width: 532px;
  background: transparent ; 
  padding: 0px 0 0 70px; float: left; margin:  0;}
  
  #feet2 img {padding: 4px 10px 0 0;}
  
  #feet3{   height: 130px;  width: 20px;
  background: transparent; 
  padding: 0px; float: left; margin: 0;}
  
  
#foot h2{  margin: 0 260px 0 260px; padding: 15px 0 0px 0; color: #fff; font-size: 1.4em;}
#foot h3{ font-size: 1em;  padding: 12px 0px 2px 0px; 
  margin: 0px 0px 0px 0px; font-weight: normal; color: #fff;}
#foot p{   padding: 12px 0px 2px 12px; 
  margin: 0px 0px 0px 0px;  color: #fff;}

#foot a:link, #foot2 a:link{	border-bottom: 0; text-decoration: none;
	color: #FBEB08;	padding: 2px;}

#foot a:visited, #foot2 a:visited {	text-decoration: none; border-bottom: 0;
	color: #FFF99F;	padding: 2px;}

#foot a:hover, #foot2 a:hover {	background-color:transparent; color: #fff;	padding: 6px 2px 10px 2px; border-bottom: 0px;}

#foot a:focus, #foot2 a:focus{	background-color:#FBEB08; border:0; 
	color: #000;	padding: 6px 2px 6px 2px;}
	
#foot a:active, #foot2 a:active {	text-decoration: none; background: transparent;
	color: #e00; padding: 6px 2px 6px 2px;}
	
	.social img {padding: 0 4px;}
	.diverse {font-size: 1.7em; padding: 6px 0 0px 12px;}
	
#content a, #content a:hover, #footer a, #footer a:hover{text-decoration: none;}
	

#foot2-w{height: 0px; width: 100%; margin: 0; background:#444; padding: 0px;}

  
.td { font-size: 1.4em; padding: 0 0 4px 0;
font-family: 'Peralta', cursive;
letter-spacing: -.23em;  margin:0 6px 0 0;
color:#fff;  text-shadow: 6px 9px 6px #222;
box-shadow: 20px 20px 50px #000; }

.pz {font-family: 'Codystar', cursive; font-size: 1.4em;
text-shadow: 6px 9px 6px #222;
}