body {
	font-family:Arial, Helvetica, sans-serif;
	width: 750px;
	margin: auto;
	border: #999999 solid;
}
	    /* This controls font styles and ensures the mainwrapper is aligned to the top of the screen */       
#container {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	color: inherit;
}

html {
	background: url(bg.jpg) repeat;
	background-attachment: fixed; 
} 

a img {border:0px;}
       
.center {text-align: center;}

.bold {font-weight: bold;} 

p {color: #000000; font-size: .90em; background-color: inherit;}  /* Black */

    /* This sets up the title area where the banner image will be placed */      
#title {height: 150px;}

h1  {color: inherit;
     background: url('Kaikorai_Banner.jpg') no-repeat #000000; 
     width: 750px; 
     height: 150px;
	 padding-top: 5px;
	 margin: 0;
}

h1 span {display: none;}

h2 {font-family: "Times New Roman", serif;
	color: #999999;
	font-size: 0.80em;
	padding: 0;
	margin: 0;
}
 
h4 {
	margin: 0;
	padding: 0;
}

h5 {
	padding:5px 0 0 0;
	margin: 0;
}
      
    /* this sets the width of the navigation area, colour, font size, etc */
#menu {
font-family:Arial Black, Helvetica, sans-serif;
	padding: 30px 0px 0px 0px;
	width: 25%;
	float: left;
	margin: 0px;
	font-size: .80em;
	color: #ffffff;
	line-height: 1.5em;
    background-color: #0000ff;
}

#menu li {
	margin: 0px; 
    padding: .4em 0;
	list-style: none;
    margin-left: 15px;
}

#menu li a:link {
	text-decoration: none; 
	color: #ffffff; 
	background-color: inherit;
}

#menu li a:visited {
	text-decoration: none; 
	color: #ffffff; 
	background-color: inherit;
}

#menu li a:hover {
	text-decoration: none; 
	color: #ff0000; 
	background-color: inherit;
}

#menu li a:active {
	text-decoration: none; 
	color: #990000; 
	background-color: inherit;
}

#menu li.active a {
	color: #ffff00; 
	background-color: inherit;
}
      
#container {
	color: inherit;
    background-color: #0000ff;
    height: 100%
}

#maincontent {
	color: inherit;
    margin-left: 190px;
    width: 540px;
    padding: 10px;  /* This sets a space around the content area */
    background-color: #ffffff; 
	min-height: 500px;
}

.homelist {
	font-size: .90em; 
	list-style-type:none; 
	width: 200px; 
	margin: 0 auto;
}
 
#footer {
	clear: both;
    padding: 1px 0 2px 0;
    background-color: #000000;
    font-size: small; 
    color: #ffffff; 
    font-weight: 500;  
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
}

#footer p {
	margin-left: 102px;
	color:#ffffff; 
	padding: 3px;
	background-color: inherit;
}

#footer a {
	text-decoration: none;
	color:#ffffff; 
	padding: 3px;
	background-color: inherit;
}
 
#html {position: absolute;
}

#css {
	float:right;
	width:108px;
}
         
   /* This sets out the content area of the home page */

#center {
	margin-left: 10px; /* This centers the photo of the clubrooms */
	margin-bottom: 20px;
}

p {
	margin-top: 10px; /* This provides the spacing between paragraphs */
	margin-bottom: 15px;
}  
            
        /* This sets out the content area of the club contacts page */

#contacts { 
	width: auto;
    margin-left: 50px;
    margin-top: 40px; 
    margin-bottom: 100px;
}

#clubcontacts {
	list-style: none;
}

#clubcontacts dt {
	font-weight: bold;
	padding-top: 10px;
}

#clubcontacts dd {

}
       
	/* This sets out the table borders, table headings on all the pages that contain tables */		   
	   
table {
	border-collapse: collapse
}

th, td {
	padding: 2px; 
	border: 2px solid #000000;
}

th {
	padding: 4px; 
	text-align: left;
}
 
    
        /* This sets out the content area of the everest demon page */
        
#everest {
	font-size: 0.90em;
    width: 525px;
    margin-top: 10px;
    margin-bottom: 25px;
}

#everest th, #everest td {
	border: 0px; 
	padding: 0px; 
	margin: 0px;
}
   
#everest th {
	width: 250px;
}
    
.aim {
	vertical-align: top;
}

.info {
	font-style: italic; 
	font-size: .80em; 
	vertical-align: top;
}

#contrib {
	margin-left: 24px;
}

#contrib th, #contrib td{
	border: 0px;
}
        
        /* This sets out the content area of the history page */
#history, #history2 {
	text-align: left;
	font-size: .80em;
    padding: 0px;
    margin: 0px;
} 
         
      
        /* This sets out the content area of the life members page */
        
#life { 
	width: 300px;
    font-size: 1.00em;
    font-weight: normal;
    margin-left: 120px;
    margin-top: 80px;
    margin-bottom: 180px;
}
               
        /* This sets out the content area of the presidents page */
        
#presidents {
	width: 400px;
    font-size: 1.00em;
    font-weight: normal;
    margin-left: 70px;
    margin-top: 80px;
    margin-bottom: 200px;
}       
        
        /* This sets out the content area of the all blacks page */

#allblacks  {
	width: 300px;
    font-size: .80em;
    margin-left: 120px;
    margin-top: 20px;
    margin-bottom: 10px;
}
             
#allblacks th {
	text-align: center;
}
			
#allblacks .italics {
	font-style:italic;           
}

#sevens   {
	width: 300px;
    font-size: .80em;
    margin-left: 120px;
    margin-top: 10px;
    margin-bottom: 10px;
}
            
#sevens th {
	text-align: center
}

#sevens .italics {
	font-style:italic;           
}
             
#otago  {
	width: 300px;
    font-size: .80em;
    margin-left: 120px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#otago th {
	text-align: center
}

#otago .italics {
	font-style:italic;           
}
             
#highlanders {
	width: 300px;
    font-size: .80em;
    margin-left: 120px;
    margin-top: 10px;
    margin-bottom: 10px;
}           

#highlanders th {
	text-align: center
}

#highlanders .italics {
	font-style:italic;           
}

        /* This sets out the content area of the demons page */

#demons {
	position: relative;
	margin-left: 157px;
	margin-bottom: 15px;
}

#demons h5 {
	margin-bottom: 10px;
}

p {
	line-height: 1.30em;
}

#draw {
	text-align: center;
	font-size: .80em;
	width: 480px;
	margin-left: 30px;
	margin-top: 10px;
}

#draw th {
	text-align: center;
}

#draw table {
	border-collapse: collapse;
	}

.awards th, .awards td {
	width: 500px;
	border: 0px;
}

.awards th {
	font-size: .80em;
}

.awards td {
	font-size: .80em;
}

.italic dt {
	font-style: italic;
}
       
        /* This sets out the content area of the she devils page */
        
#shedevils {
	position: relative;
	margin-left: 178px;
	margin-bottom: 15px;
}

.shedevils img {
	margin-left: 40px;
}
        
        /* This sets out the content area of the Kaik Netball page */
		
#kaiknetball {
	margin-bottom: 10px;
	text-align: center;
}
		
#netball {
	font-size: .80em;
    margin-left: 70px;
    margin-top: 10px;
    margin-bottom: 40px;
}

#netball th {
	text-align: center;
}   

		 /* This sets out the content area of the Touch page */    
		 
.touch {
	width: 45%;
	float: left;
	padding-left:5%;
}

.touch ol {
	padding: 0;
	margin: 0;
}
  
        /* This sets out the content area of the junior section page */
		
#results {
	margin: 15px 0 15px 0;
	margin-left: auto;
	margin-right: auto;
	width: 515px;
	padding: 0;
	empty-cells: show;
}
		
#results th {
	font-size: .80em;
	text-align: center;
}
#results td {
	font-size: .75em;
} 

.underline {
	text-decoration: underline;
}

.dl juniorcontacts {
	padding-left: 10px;

}

dl.juniorcontacts dt {
	font-weight: bold;
	margin-top: 5px;
	width: 150px;
}

dl.juniorcontacts dd {
	float: left;
	width: 250px;
	margin: 5px 0 5px 0;
}

.clear {
	clear: left;
}

     
#poster {
	margin-left: 10px;
}

.jolly {
	margin-top:5px;
	margin-bottom: 15px;
}

.junior {
	font-size: .80em;
    width: 450px;
	margin: 0 0 10px 0;  
	margin-left: auto;
    margin-right: auto;
	margin-top: 10px;
}  
         
            
.junior2 {
	width: 400px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 30px;
	margin-top: 15px;
}

#ripper {
	padding: 0;
}

#ripper li {
	list-style: none; 
	font-size:.85em;
}

img {
	margin-top: 10px; 
	margin-left: 10px;
}
        
     
        /* This sets out the content area of the sponsors page */
        
#sponsors {
	width: 500px;
    font-size: .90em;
    font-weight: bold;
    text-align: center;
    color: #000000;
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 40px;
}
           
#sponsors th {
	text-align: center;
}

#sponsors td {
	padding: 8px;
}

        
        /* This sets out the content area of the links page */
        
#links img  {
	display: block;
    margin-top: 20px;
    margin-bottom: 60px;
}

.clear {
	clear: both;
}

a.pdf {
	padding-left: 18px;
	margin: 0 5px;
	background-image:url('images/PDF.jpg');
	background-repeat:no-repeat;
	background-position: left center;
}