@charset "UTF-8";
* {margin:0px; padding:0px}
body,td,th {
	color: #666;
	font-size: 85%;
}
body {
	background-image: url(../images/fadestrip3.png);
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
}
p, ul, ol, dl {
	margin-top: 1em;
	margin-bottom: 1.2em;
	line-height: 1.3em;
}
h1, h2, h3 {
	margin-top: 0px;
	text-transform: none;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	margin-bottom: .4em;
}
h1 {
	color: #1F7889;
	font-size: 16pt;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, "Lucida Sans";
}
h2 {
	color: #E9813A;
	font-size: 14pt;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
h3 {
	color: #1F7889;
	font-weight: 300;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12pt;
}
h4 {
	margin-top: 1px;
	margin-bottom: 3px;
}
p {
	font-size: 10pt;
}

input[type="text"].inputPar,  input[type="email"].inputPar  ,  input[type="number"].inputPar  {
	width:20px;
}
input[type="text"].inputRate,  input[type="email"].inputRate  ,  input[type="number"].inputRate  {
	width:35px;
}
input[type="text"].inputStat,  input[type="email"].inputStat  ,  input[type="number"].inputStat  {
	width:25px;
}
input[type="text"].upperCase,  input[type="email"].upperCase    {
	text-transform: uppercase;
}
input[type="text"].inputPhone,  input[type="email"].inputPhone  ,  input[type="number"].inputPhone  {
	width:75px;
}
input[type="text"].inputSmall,  input[type="email"].inputSmall  ,  input[type="number"].inputSmall  {
	width:60px;
}
input[type="text"].inputSmallc,  input[type="email"].inputSmallc  ,  input[type="number"].inputSmallc  {
	width:60px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
input[type="text"].inputMedium,  input[type="email"].inputMedium  ,  input[type="number"].inputMedium  {
	width:100px;
}
  input[type="text"].inputML,  input[type="email"].inputML  ,  input[type="number"].inputML  {
	min-width:300px; 
  width: 50%;
}
input[type="text"].inputLarge,  input[type="email"].inputLarge  ,  input[type="number"].inputLarge  {
	width:90%;
}


textarea.inputMedium {
  
	width:75%;
  min-width: 300px;
	height:auto;
}

textarea.inputLarge {
	width:100%;
	height:auto;
}
textarea.inputLarge60 {
	width:100%;
	height:100px;
}

input[type='checkbox']{
  -ms-transform: scale(1.75);
   -moz-transform: scale(1.75); 
   -webkit-transform: scale(1.75); 
   -o-transform: scale(1.75); 
   transform: scale(1.75);
   margin:2px;
    vertical-align: middle;
}


#marginBox {
	margin: 10px;
}

a:link {
	color: #1F7889;
	text-decoration: none;
	font-weight: normal;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
a:visited {
	text-decoration: none;
	color: #1F7889;
}
a:hover {
	text-decoration: none;
	color: #C55C16;
}
a:active {
	text-decoration: none;
	color: #1F7889;
}

input[type='submit'] {
	background-color: green;
	font-size: 9pt;
  font-weight: normal;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: white;
	padding: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin:1px;
}
input[type='submit']:hover{
	background-color: #91A75C;
	color: black;
	cursor:pointer;
}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px;
}
button {
	background-color: green;
	font-size: 9pt;
  font-weight: normal;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: white;
	padding: 3px;
	margin: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
button:hover {
	background-color: #91A75C;
	color: black;
	cursor:pointer;
  line-height:20pt;

}
/*.smallButton {*/
.smallButton:link, .smallButton:visited, .smallButton:active {
	background-color: green;
	font-size: 7pt;
	color: white;
	padding: 3px;
	margin: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.smallButton:hover {
	background-color: #91A75C;
	color: black;
	cursor:pointer;
}

.linkButton:link, .linkButton:visited, .linkButton:active{
	background-color: green;
	font-size: 9pt;
	color: white;
	padding: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin:1px;
	line-height:20pt;
}
.linkButton:hover{
	background-color: #91A75C;
	color: black;
	cursor:pointer;
	line-height:20pt;
}

#wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#inner_wrapper {
	width: 95%x;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 10px;
	padding-left: 10px;
}
#header  {
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	height:135px;
}
#header #logo {
	width: 350px;
	float: left;
	padding-top: 8px;
	margin-left: 8px;
	clear:both;
	background-color:#FFF;
}

#header #logoArea img {
	padding-top: 10px;
	padding-bottom: 10px;
}
#header #loginArea {
	float: right;
	width: 300px;
	text-align: right;
	padding: 5px 10px 10px 0px;
	/*padding: 5px;
	background-color:grey;*/
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 110%;
	height: 90px;
}

#navbar {
	width:100%;
	padding: 10px 0 0 0 ;
	list-style-type: none;
	
}
#navbar ul {
	margin: 0px;
	float:left;
	width:100%;
	padding: 0px;
	list-style-type: none;
	background-color:green;	
}
#navbar ul li {
	position: relative;	
	float:left;
	width: 25%;	
}
#navbar ul li a {
	display: block;
	height: 30px;
	width: 100%;
	color: #FFF;
	background-color:green;
	text-decoration: none;
	line-height: 30px;
	text-align: center;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #555;
	border-left-color: #999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555;
}
#navbar ul li a:hover {
	background-color: #91A75C;
	color: black;
	-webkit-transition: all 250ms ease-in;
	-moz-transition: all 250ms ease-in;
	-ms-transition: all 250ms ease-in;
	-o-transition: all 250ms ease-in;
	transition: all 250ms ease-in;
}
#navbar ul li ul {
	position: absolute;
	visibility: hidden;
	top: 31px;		
}
#navbar ul li:hover ul {
	z-index: 100;	
	visibility: visible;
}
#navbar ul li ul li{
	width: 100%;
}
#navbar ul li ul li a {
	font-size:12px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999;
	border-bottom-color: #555;
}

#wrapper #header #lwelcome {
	float: left;
	width: 200px;
}

#header #MenuBar1 {
	clear: both;
}
#loginAreaCourse {
	float: right;
	width: 450px;
	text-align: right;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 110%;
}
#contentArea {
	background-color: #DDD;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

#contentArea ul {
	padding-left: 15px;
}
#contentArea ol {
	padding-right: 20px;
	padding-left: 20px;
}
#contentArea ol li {
	padding-bottom: 1.1em;
}
#contentArea ol ol {
	list-style: lower-alpha;
}
#wrapper #contentArea ol li ol li {
	margin-bottom: -8px;
}
#contentArea #mainContent {
	float: left;
	width: 540px;
	margin-top: 10px;
	margin-right: 10px;
}
#contentArea #mainContent #leftContent {
	float: left;
	width: 275px;
}
#contentArea #mainContent #rtContent {
	float: right;
	width: 273px;
	padding: 1px;
}
#contentArea #sidebar {
	float: right;
	width: 350px;
}
#contentArea #sidebar img {
	margin-left: 15px;
}
#contentArea #contentList{
	clear: both;
}
#contentArea #contentList #rtContentList img {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#contentArea #contentList #lftContentList{
	float: left;
	width: 650px;
}
#contentArea #contentList #rtContentList{
	float: right;
	width: 250px;
}
#wrapper #contentArea p.noScript {font-size:.9em; color:#F00;}
#footer {
	clear: both;
	font-size: 90%;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	background-color: #BCD6A9;
	height: 1.25em;
	padding: 5px;
}
#footer #footerLft{
	float: left;
	width: 400px;
}
#footer #footerRt {
	text-align: right;
}
#wrapper #camellia {
	font-size: 80%;
	text-align: center;
}
.rowColour {
	background-color: #D7E7CB;
}
.leftimg {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.largerFont {
	font-size: 115%;
}
.paddingTop {
	padding: 10px 0px 0px;
}
.text {
}
.holder {
}
.contactMain {
	background: #1F7889;
	height: 125px;
	width: 350px;
	text-align: center;
	font-weight: normal;
	color: #fff;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
.notRegistered {
	color: #C55C16;
}
.tableMinWidth{
	min-width:75%;
}
.tableback {
	background-color: #BDD7AA;
/*	margin-right: auto;
	margin-left: auto;*/
	padding: 5px;
	max-width:100%;
	min-width:75%;
}
.tableback select{
	max-width:300px;
}

.tableback tr th {
	background-color: #8FBB6F;
  padding:2px 5px;
  text-align: left;
}
.tableback tr td  {
  padding:1px 5px;
}
.tableback p {
	font-weight: normal;
	font-size: small;
	color: #2F481C;
	margin-top: -.15em;
	margin-bottom: 0.25em;
	margin-right: 0.15em;
	margin-left: 0.15em;
}

.tableback h3 {
	font-size: 10pt;
	color: #2F481C;
}
.tableback h4 {
	font-size: 8pt;
	font-weight: bolder;
	color: #2F481C;
}
.tableback h5 {
	font-size: 6pt;
	font-weight: bolder;
	margin-top: .15em;
	margin-bottom: .15em;
}
.tableback h6 {
	font-size: 6pt;
	margin-top: 0em;
	margin-bottom: 0.15em;
}
.tablebackClear {
	margin-right: auto;
	margin-left: auto;
	width: 80%;
	padding-left: 2px;
	padding-right: 2px;
}
.tableback_print {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 2px;
	padding-left: 2px;
}
.centre_it {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.centre_panel {
	background-color: #1F7889;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #333;
	text-align: center;
	width: 75%;
}
.centre_proshop {
	font-size: 100%;
	width:600px;
	margin:0px auto;
	text-align:left;
	padding:15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type: upper-alpha;
	font-style: normal;
	font-weight: normal;
	}
	
.centre_proshop li{
	margin-top: .2em;
	margin-left: 25px;
	}	

.centre_nomap {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 75%;
	font-size: 16pt;
	color: #43633A;
	margin-top: 100px;
}
#centre_window {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.indent_left {
	text-align: left;
	width: 75%;
	left: 100px;
	margin-left: 100px;
}
.indent_left10 {
	margin-left: 10px;
}
#one_panel {
	line-height: 1.4;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 8px;
	margin-left: 80px;
}
#one_panel p {
	font-size: large;
	line-height: 1.1;
}
#one_panel h4 {
	font-size: 18px;
	line-height: 1;
	color: #AA7A63;
	font-weight: bolder;
}

.photo_rt {
	float: right;
	margin: 10px;
}
.imgRt {
	float: right;
	margin: 5px;
}
.font8 {
	font-size: 8pt;
}
.font9 {
	font-size: 9pt;
}
.fontGreen{
	color: #3E5E2B;
}
.fontGreen8 {
	font-size: 8pt;
	color: #3E5E2B;
}
.fontGreen10 {
	font-size: 10pt;
	color: #3E5E2B;
}
.fontGreen14 {
	font-size: 14pt;
	color: #3E5E2B;
}
.fontGreen18 {
	font-size: 18pt;
	color: #3E5E2B;
}.fontWhite10 {
	font-size: 10pt;
	color: #FFF;
}
.fontOrange {
	color: #C63;
}
.fontOrange6 {
	font-size: 6pt;
	color: #C63;
}
.fontOrange8 {
	font-size: 8pt;
	color: #C63;
}
.fontOrange10 {
	font-size: 10pt;
	color: #C63;
}
.fontOrange14 {
	font-size: 14pt;
	color: #C63;
}
.fontRed {
	color: #F00;
}

.fontBlue {
	color: #00C;
}
.fontBlack {
	color: #000;
}
.fontBlack8 {
	font-size: 8pt;
	color: #000;
}
.fontBlack10 {
	font-size: 10pt;
	color: #000;
}
.fontBlack14 {
	font-size: 14pt;
	color: #000;
}
.blankLine {
	background-color: #8FBB6F;
	float: left;
	height: 2px;
	width: 100%;
}
.blankLinePadBottom {
	background-color: #8FBB6F;
	float: left;
	height: 2px;
	width: 100%;
	margin-bottom: 1em;
}
.scrollingBox {
	height: 291px;
	overflow: auto;
}
.scrollingBoxLarge {
	height: 450px;
	overflow: auto;
	width: 95%;
}
.scrollingBoxHelp {
	height: 430px;
	overflow: auto;
	background-color: #FFF;
	padding-left: 15px;
	padding-right: 5px;
}
.scrollingBoxSmall {
	height: 75px;
	width: inherit;
	overflow: auto;
	background-color: #FFF;
}
.scrollingBoxHoriz {
	height: inherit;
	width: 850px;
	overflow-x: auto;
	overflow-y: auto;
	margin-left: 15px;
}
.scrollingBoxBoth {
	height: inherit;
	width: 100%;
	overflow-x: auto;
	overflow-y: auto;
	/*margin-left: 15px;*/
}
#textBox100pc {
	width: 100%;
}
#textBoxH650 {
	margin-right: 5px;
	margin-left: 5px;
	width: 100%;
	height: 650px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#textBox {
	position:relative;
	margin-right: 5px;
	margin-left: 5px;
	width: 100%;
	height:auto;
	/*min-height: 300px;
	height: 580px;*/
	min-height: 100%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#textBoxLeft600 {
	position:relative;
	float: left;
	width: 490px;
	padding-left: 5px;
	height:auto;
	margin-bottom:5px;
}

#textBoxRight300 {
	position:relative;
	float: Left;
	width: 260px;
	padding-left: 2px;
	margin:5px;
}
#textBoxRight500 {
	float: right;
	width: 500px;
}


#textBox2 {
	/*width: 880px;*/
	width: 90%;
	padding-right: 10px;
	padding-left: 10px;
}
.fontRed {
	color: #F00;
}

#TextBoxRightSmall {
	float: right;
}
#TextBoxRightSmall #left {
	float: left;
}
#TextBoxRightSmall #right {
	float: right;
}

.posRight {
	float: right;
}
.posRight100 {
	float: right;
	width: 100%;
}
#mapBox {
	clear: both;
	position:relative;
	height: 500px;
	/*width: 760px;*/
	width:98%;	
	margin-top:10px;
	margin-right:auto;
	margin-left:auto;
	border: 1px double #333;
}
#map-canvas {
	height: 100%;
	width:100%
}
#panelPage600 {
	height: 600px;
	width: 95%;
}
#panelLeft {
	padding: .25em;
	float: left;
	height: auto;
	/*width: 400px;*/
	width: 48%;
	margin-left: 1.15em;
	position: relative;
}
#panelRight {
	/*width: 360px;*/
	width: 48%;
	float: right;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#panelLeftSm {
	padding: 0.25em;
	float: left;
	height: auto;
	width: 227px;
	margin-left: 1.15em;
	position: relative;
}
#panelLeftSm li {
	margin-bottom: -.75em;
	margin-top: -1em;
}
#panelRightLg {
	width:572px;
	margin-right: 10px;
	float: right;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#panelrightLg li {
	margin-bottom: -.75em;
	margin-top: -1em;
}
#panelLeague500 {
	height: 500px;
	/*height: auto;*/	
	width: 98%;
}
#panelLeagueLeft {
	padding: 2px;
	float: left;
	height: auto;
	width: 250px;
	margin-left: 10px;
	position: relative;
}
#panelLeagueLeft p{
	margin:5px;
}
#panelLeagueRight {
	width: 570px;
	float: right;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#textBoxAdj {
	height: 700px;
	width: 90%;
  padding:5px;
	margin: 10px;
}
.shadowBox {
	box-shadow:0px 5px 23px #000;
}
.clearFix{
	clear:both;
}
.imageCenter {
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.floatRightClear {
	float: right;
	clear:both;
}

ul.fogClass  {
    list-style-type: none;
  margin: 0 10px;
  padding: 0;
  
}