/* Club V02 Site Styles       */
/* Developed by Rob Anderson  */
/* rob.anderson@iota.co.nz    */
/* Screen Style Sheet         */

body {
  	margin: 0;
  	padding: 0;
  	background: #999;
  	}
  
#logo         	{ background: #000; }
#navbar       	{ background: url('../images/nav_back.gif') repeat-x; } 
#navbar-ontrack { background: url('../images/banner_ontrack_back.jpg') no-repeat; }  
#page         	{ background: #fff; }
#topspacer    	{ background: url('../images/spacer.gif') no-repeat; } 
#topshadow    	{ background: url('../images/wrapper_top.gif') no-repeat; }
.leftshadow   	{ background: url('../images/wrapper_left.gif') repeat-y; }
.rightshadow  	{ background: url('../images/wrapper_right.gif') repeat-y; }  
#bottomshadow 	{ background: url('../images/wrapper_bottom.gif') no-repeat; }   
#bottomspacer 	{ background: url('../images/spacer.gif') no-repeat; }

/*-------Page Title-------*/

#printtitle {
	display: none;
	}
	
/*-------Navbar styles-------*/

.nav {
	float: left;
  	height: 27px;
  	padding-top: 2px;
  	padding-left: 18px;
  	padding-right: 18px;  	  	
  	text-align: center;  
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 13px;
 	color: #444;  
  	background: url('../images/nav-ontrack_on.gif') top left repeat-x;  
  	}

a:link.nav, a:visited.nav {
 	font-family: Arial, Helvetica, sans-serif;
  	font-size: 13px;
 	color: #999;
	text-decoration: none;
  	background: transparent;	  	
  	}
  
a:link:hover.nav, a:visited:hover.nav {
 	font-family: Arial, Helvetica, sans-serif;
  	font-size: 13px;
 	color: #999;
	text-decoration: none;  	
	background: url('../images/nav_hover.gif') repeat-x;  
  	}
  	
.nav-ontrack {
	float: left;
  	height: 27px;
  	padding-top: 2px;
  	padding-left: 14px;
  	padding-right: 14px;  	 	  	
  	text-align: center;  
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 13px;
  	font-style: normal;
 	color: #444;
 	background: url('../images/nav-ontrack_on.gif') top left repeat-x;     
  	}

a:link.nav-ontrack, a:visited.nav-ontrack {
 	font-family: Arial, Helvetica, sans-serif;
  	font-size: 13px;
  	font-style: normal;
 	color: #fff;
	text-decoration: none;
  	background: transparent;	  	
  	}
  
a:link:hover.nav-ontrack, a:visited:hover.nav-ontrack {
 	font-family: Arial, Helvetica, sans-serif;
  	font-size: 13px;
  	font-style: normal;
 	color: #fff;
	text-decoration: none;  	
	background: url('../images/nav-ontrack_hover.gif') repeat-x;  
  	}
  	
  	
  
/*-------Main styles-------*/

body, div, p, th, td, li, dd {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 22px;
  color: #333;
  }
  
.floatright {
  display: inline;
  position: relative;
  float: right;
  margin-top: 5;
  margin-left: 10;
  margin-bottom: 5;
  }  
   
h1 {
  font-family: Arial;
  font-size: 20px;
  font-weight: normal;
  text-align: left;  
  color: #888;
  margin-bottom: 15;
  }
  
h2 {
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: #888;
  padding-top: 10px;
  margin-bottom: 5;
  margin-top: 0; //Hack for Mozilla and Firefox to remove excess padding
  }
  
h3 {
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  text-align: left;  
  color: #888;
  }   
  
p {
 /* margin-top: 0; //Hack for Mozilla and Firefox to remove excess padding*/
  }
  
p.abstract {
  font-size: 14px;
  line-height: 22px;
  color: #000;
  } 
  
td .infocell {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	background: #ccc;
	padding: 5px;
	height: 15px;
	}
	
td .infocontents {
	padding: 10px;
	}
	
td .infocell-blue {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: #b2c9ea;
	padding: 5px;
	height: 15px;
	}
	
td .infocontents {
	padding: 10px;
	}

  
* { 
  -moz-box-sizing: border-box; 
  }
  
ul li, ul li li {
	list-style: url('/images/bullet.gif');
  }
  
th {
	font-weight: normal;
    font-style: italic;
	background: #e7e7ff;
	color: #666;
	} 
	
hr {
  height: 1px;
  color: #dde;
  }
  
.shading-light {
	background: #f2f2f2;
	}
	
input.textbox {
	border: 1px solid #ccc;
	padding: 2px 5px 2px 5px;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 11px;
  	height: 20px;
  	color: #333;	
	}
	
textarea {
	border: 1px solid #ccc;
	padding: 2px 5px 2px 5px;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 11px;
  	color: #333;	
	}
	
input.radio {
	background: #fff;
	}	
	
/* Main styles */

#main {
  background: #fff;
  color: #333;
  text-align: justify;
  padding-top: 40;
  padding-left: 30;
  padding-right: 30;
  padding-bottom: 40;
  margin: 0;
  }
  
#main p {
  text-align: justify;
  color: #333;
  }
  
#main a:link {
  font-family: Arial;
  font-size: 11px;  
  color: #36c;
  text-decoration: none;
  }
  
#main a:visited {
  font-family: Arial;
  font-size: 11px;  
  color: #36c;
  text-decoration: none;
  }  

#main a:link:hover {
  font-family: Arial;
  font-size: 11px;  
  color: #36c;
  text-decoration: underline;   
  }
  
#main a:visited:hover {
  font-family: Arial;
  font-size: 11px;  
  color: #36c;
  text-decoration: underline;   
  }  
  
/* Sectionnav styles */ 

#sectionnav {
  position: relative;
  float: right;
  width: 160;
  padding-left: 10;
  text-align: right;
  line-height: 10pt;
  background: #fff;
  }
  
#sectionnav .heading {
  text-align: right;
  font-size: 11px;
  font-family: Tahoma;
  color: #a0a0a0;
  margin-bottom: 2;
  }
  
#sectionnav ul {
  position: relative; 
  list-style: none;
  padding: 0;
  margin: 0;  
  }

#sectionnav li {
  list-style-image: none;
  text-align: right;
  border-top: 1px solid #dde;
  padding-top: 4;
  padding-bottom: 4;
  }   
  
#sectionnav a:link {
  font-family: Tahoma;
  font-size: 11px;
  color: #369;
  }
  
#sectionnav a:visited {
  font-family: Tahoma;
  font-size: 11px;
  color: #369;
  }  
  
#sectionnav a:link:hover  {
  font-family: Tahoma;
  font-size: 11px;
  color: #369;
  text-decoration: underline;   
  }
  
#sectionnav a:visited:hover  {
  font-family: Tahoma;
  font-size: 11px;
  color: #369;
  text-decoration: underline;   
  }
  
/* Footer styles */ 
  
.footer td {
  font-family: Arial;
  font-size: 11px;
  color: #999;
  background: #000; 
  }
    
.footer a:link, a:visited {
  font-family: Arial;
  font-size: 11px;
  color: #999;
  text-decoration: none;
  }
  
.footer a:link:hover, a:visited:hover {
  font-family: Arial;
  font-size: 11px;
  color: #999;
  text-decoration: underline;   
  }
  
.email {
	padding: 15px;
	border: 1px solid #ccc;
	background: #f2f2f2;
	font-family: monospace;
	font-size: 12px;
	line-height: 15px;
	}
	
.small {
	font-size: 11px;
	font-weight: normal;
	}