﻿/* -------------- Standard Setup -------------- */

/* Body & Shell Settings */
html, body, form { min-height:100%; height:100%;}   
body             { margin:0; padding:0; width:100%; text-align:center;}
#Shell           { min-height:100%; height:100%; width:960px; padding:0; margin:0 auto;}

/* Column Layout Classes*/
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.c13,.c14,.c15,.c16
     {display:inline; float:left; position:relative; margin:0 10px 0 10px;}
.c1  { width:40px;}      .c2  { width:100px;}
.c3  { width:160px;}     .c4  { width:220px;}
.c5  { width:280px;}     .c6  { width:340px;}
.c7  { width:400px;}     .c8  { width:460px;}
.c9  { width:520px;}     .c10 { width:580px;}
.c11 { width:640px;}     .c12 { width:700px;}
.c13 { width:760px;}     .c14 { width:820px;}
.c15 { width:880px;}     .c16 { width:940px;}   
.all_16{ width:960px; display:inline; float:left; position:relative;}
.clearAll { clear:both !important; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}

/* Standard Classes */
.fr		  { float: right !important;}
.fl		  { float: left !important; }
.clear    { clear: both !important; }
.right	  { text-align: right !important; }
.left	  { text-align: left !important; }
.center	  { text-align: center !important; }
.last	  { margin-right: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; }
.mLeft    { margin-left:0;}
.mRight   { margin-right:0;}
.mBoth    { margin-left:0; margin-right:0;}
.sfont	  { font-size:.90em;}
.bfont    { font-size:1.5em;}
.ontop    { position:absolute;}
img       { border:none; outline:none; vertical-align:middle;}
.roundCorners{ -moz-border-radius:10px; -webkit-border-radius:10px;-khtml-border-radius:10px; border-radius:10px;}

/* -------------- Theme Customisation -------------- */

/* Custom Styles */ 
html               { background: #04083b url("Images/bg-html.gif") repeat-x; }
body		       { font: normal 62.8%/1.3 Tahoma, "Lucida Grande CE", lucida, sans-serif; color: #b2d4fd; padding-bottom: 50px; 
                     background: url("Images/bg-body.jpg") 20% 0 no-repeat; }

h1, h2, h3, h4, h5, h6  { color: #fbf8b4; }
h1                 { color:#FFFFFF; font-size:2em; line-height:1em;}
h2                 { font-size:2em; line-height:1.5em; margin:0;}
h3                 { font-size:2em; line-height:1em; margin:0;}
p                  { font-size:1.5em;}

/* - ColorThemes - */
/* Backgrounds */
.bg1 { background:White;}           .bg2 { background:#3D485E;}
.bg3 { background:#0B1520;}         .bg4 { background:Black;}
.bg5 { background:#2B2A2A;}         .bg6 { background:#D6D9DE;}
/* Text Colors */
.look1 { color:Black;}              .look2 { color:White;}
.look3 { color:Blue;}               .look4 { color:Yellow;}
   
/* Standard Containers */
#header         { } 
#header .Logo   { background:url("Images/GolfOtago.png") 0 0 no-repeat;}

#content        { background: #2b4083 url("Images/bg-content.gif") repeat-x; 
                  min-height:620px; overflow: hidden;}

#footer         { vertical-align:middle; height:20px; padding:0; text-align:center; text-decoration:none; font-size:1em}
#footer a       { padding-left:0.2em; text-decoration:none; color:White;}
#footer a:hover, a:focus { color:Yellow;}

/* Container Spacers */
.tSpacer5 { margin-top:5px;}   .tSpacer10 { margin-top:10px;}  .tSpacer20 { margin-top:20px;}
.bSpacer5 { margin-bottom:5px;}.bSpacer10 { margin-bottom:10px;}
.lSpacer  { margin-left:10px;} .rSpacer   { margin-right:10px;}
.padTop   { padding-top:40px}
.padL10   { padding-left:10px;} .padL20   { padding-left:20px;}

/* Link Behavior */
a                   { text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px;}
a:hover             { color: Blue;}
a:active, a:focus   { outline: 0;}