@charset "utf-8";
/* General CSS Document for CROQUET.ORG.ZA
dark green: 	#3E8013 
lighter green: 	#306B09
background green: #e8facf (r232 g250 b204)
gold:			#fbb b5a F1B 705 FCD B05
*/

* {
	margin:0;
	padding:0;
}

html, body 	{
	background-image:url(../images/common/bg.jpg); 
	background-repeat:repeat;
	background-attachment:fixed;
  	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#container	{
	position:relative;
	margin:0 auto;
	width:755px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0px 10px 10px 10px;
	text-align:left;
	background-color: #e8facf/*#DCEDD8 CAFFBD D9F0DA*/;
	min-height:810px;
}

/*HEADER
==============================================================*/
#header{
	padding-top: 10px;
	margin: 0;
}

#slogan {
	font-weight: bold;
  	color: #3E8013;
	font-family:Georgia, "Times New Roman", Times, serif;
  	font-style: italic;
	margin:0;
  	padding: 0 0 0 10px;
  	width: 400px;
  	float: left;
}

/*HEADER NAVIGATION
===================*/
#header-nav {
	background-image:url(../images/common/header.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin-top: 10px 0 0 0;
	/*height: 120px;
	NEW============================================*/
	padding: 95px 5px 5px 0;
  	/*border-top: 2px solid #ffffff#3E8013;*/
  	border-bottom: 2px solid #3E8013;
 	height: 1%;
}

#header-nav ul {
  	margin: 0;
  	padding: 0;
  	padding: 0 10px 0 0;
  	text-align: right;
	font-size:10px;
}

#header-nav li {
  	display: inline;
  	color: #3E8013;
}

#header-nav a:link, #header-nav a:visited {
	text-decoration: none;
	color: #3E8013;
}

#header-nav a:hover {
	text-decoration: underline;
}

#main {
	padding:10px;
}

#main-home {
	height: 810px;
	padding:10px;
}

#main-nav {
	height: 240px;
	/*	clear:both;
*/}

/*CONTENT
===================================================================*/
#content {
	border-color: #3E8013;
	border-style: solid;
	clear:left;
	min-height: 606px;
	}
	
.default {
	border-width: 0 1px 1px 1px;
	padding: 10px 10px 10px 10px;
	margin: 0 -10px 0 150px;
	min-height: 470px;
	}
	
.home {
	border-width: 1px 1px 1px 1px;
	padding: 10px 10px 0px 10px;
	margin: 3px 125px 0 150px;
 	min-height: 470px;
	}
	
#crumbs {
	height: 12px;
	margin: 2px -10px 0 150px;
	padding: 2px 0 4px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #3E8013;
	}

.crumbsLabel {font-weight: bold;}
#crumbs a:link, #crumbs a:visited {text-decoration: none; color: #3E8013;}
#crumbs a:hover {text-decoration: underline;}


#content-header {
	border-color: #3E8013;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	height: 30px;
	margin: 2px -10px 0 150px;
	padding: 5px 0 0 10px;
	background-image:url(../images/common/pageHeader.jpg);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size:13px;
	color: #fbbb5a;
	font-style: italic;
	}

#content h2 {
  color: #3E8013;
  padding: 3px 0 3px 4px;
  margin: 20px 0 5px 0;
  font-size: 11px;
  border-bottom: 1px solid #3E8013;
  border-top: 1px solid #3E8013;
	  font-style:italic;
}

.narrow {
	width: 350px;
	}

#content h3 {
	font-weight:bold;
	}

#content ul, #content ol{
  	margin: 0;
  	padding: 0 0 0 25px;
}

#content li{
  	margin: 0;
  	padding-bottom: 10px;
	list-style-image: url(../images/common/bullet.jpg);
}

#content a:link, #content a:visited {
	text-decoration: none;
	color: #3E8013;
}

#content a:hover {
	text-decoration: underline;
	}

#guide li {
	list-style:decimal;
	}
	
/*CONTENT NAVIGATION
===================*/
#content-nav {
/*	margin: 5px 0 5px 0;
  	border-top: 1px solid #3E8013;
 	border-bottom: 1px solid #3E8013;
*/  	height: 1%;
}

#content-nav ul {
  	margin: 0;
  	padding: 0;
	padding: 5px 0 5px 0;
  	text-align: center;
	font-size:12px;
}

#content-nav li {
  	display: inline;
  	color: #3E8013;
}

#content-nav a:link, #content-nav a:visited {
	text-decoration: none;
	color: #3E8013;
}

#content-nav a:hover {
	text-decoration: underline;
}

/*SIDE-NAV BAR
=======================================================*/
#side-nav {
	position: absolute;
	margin-top: 3px;
	left: 10px;
	width: 154px;
	min-height: 650px;
	padding: 5px;
	background-color: #e8facf /*e2f cbd*/;
	border: solid 1px #3E8013;
	float:left;
	top: 134px;
	z-index: 1;
}
	
#side-nav h3{
  	margin-top: 5px;
		font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;

	}
/*
#footer {
	position: absolute;
  	left: 10px;
  	width: 150px;
  	background-color: #3E8013;
  	color: #fbbb5a;
  	float:left;
}
*/
#sitesearch {
	margin-top: 5px;
	border-top: solid #3E8013 1px;
	padding-bottom: 15px;
	font-size:9px;
}

#sitesearch a:link, #sitesearch a:visited {
	text-decoration: underline;
	color: #999999;
	padding-left: 4px;
}

#sitesearch a:hover {
	text-decoration: none;
/*	font-weight:bold;
*/}



#sponsors {
	margin-top: 5px;
	border-top: solid #3E8013 1px;
	text-align: center;
}

/*SIDE-NAV NAVIGATION
===============================================*/
#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 125px;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 20px;
		width: 125px;

	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		width: 137px;
		w\idth: 137px/*13.9em*/;
		margin-left : 136px;
		margin-top : -18px;
		background-color: #cee2b2;
	}
	
	#nav li li ul {
		background-color: #bcd39d;
	}
		
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 125px;
		display : block;
		color : #3E8013;
		text-decoration : none;
/*		background-color : #e8facf;
*/		border-bottom: 1px dotted #3E8013;
		padding : 0 0.5em;
	}
	
	#nav li a:hover {
		color : #fbbb5a;
		background-color : #306B09;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}

/*EVENT PAGE
================================================================*/
.listItemHeader {
	font-weight:bold;
	}
	
th {
	text-align: left;
	vertical-align:text-top;
	color: #3E8013;
	}
	
#event-info {
	margin: 0 0 15px 10px;
	padding-bottom: 5px;
  	border-bottom: 1px solid #3E8013;
	}
	
#club-info {
	margin: 0 0 15px 10px;
	padding-bottom: 5px;
	}
	
/*SIDEBAR
==========================================================*/	
#sidebar {
  	position: absolute;
	
	font-size:9px;
  	margin-top: 3px;
	margin-bottom: 100px;
  	right: 10px;
  	width: 115px;
  	padding: 5px;
  	background-color: #306B09;
  	color: #fbbb5a;
/*  float:right;
*/  border: solid 1px #306B09;
}

#sidebar h3{
  	color: #fbbb5a;
	font-size: 11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	padding: 5px 0 10px 0;
}

#sidebar ul{
  	margin: 0;
  	padding: 0;
	padding-left: 14px;
	list-style-image:url(../images/common/bullet.gif)
/*	list-style: none;	
	list-style-type: square;
*/}

#sidebar li{
  	margin: 0;
  	padding: 0 0 10px 0;
	color:#FFFFFF;
}

#sidebar a:link, #sidebar a:visited {
	text-decoration: underline;
	color: #fbbb5a;
	padding-left: 4px;
}

#sidebar a:hover {
	text-decoration: none;
/*	font-weight:bold;
*/}


/*HEADER FORMATTING
========================================================================*/
h1, h2, h3 {
	color: #3E8013;/*#3E8013; "Trebuchet MS", Helvetica, Arial, sans-serif;*/
}

h1 {
  	font-family: Georgia, "Times New Roman", Times, serif;
  	font-size: 32px;
  	padding-top: 60px;
}

h3 {
  	font-size: 12px;
/*  	font-style:italic;
*/}

h4 {
  	font-size: 10px;
	font-weight:bold;
	color:#FFFFFF;
}

.selected {
		font-weight:bold;
	}

.mainSelected {
		padding: 0 0 0 10px;
		margin: 0;
		border-bottom: 1px dotted #3E8013;
		color : #fbbb5a;
		background-color : #306B09;

	}


/*NEWSLETTER
===============================*/
#newsletter .nlBtn {
  	border: 1px solid #45bac0;
  	background-color: #fbbb5a;
  	color: #3E8013;
	font-size: 10px;
  	margin-top: 4px;
}

#newsletter .nlText {
	margin-top: 4px;
	color: #3E8013;
	font-size:10px;		
	}

/*SITE SEARCH
===============================*/
#sitesearch .ssBtn {
  	border: 1px solid #666666;
  	background-color: #acacac;
  	color: #ffffff;
	font-weight:bold;
  	margin-top: 4px;
}

#sitesearch .ssText {
	margin-top: 4px;
	color: #3E8013;
	font-size:12px;		
	}

/*MISCELLANEOUS
=========================================================*/
p {
	padding-bottom: 10px;
	}

img	{
	border: 0px;
}

#Cimg {
	text-align:center;
	margin-bottom: 20px;
	}

#flag {
	background-image:url(../images/home/saFlag.gif);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	margin-bottom: 20px;
    position: absolute;
	top: 630px;
	left: 15px;
	width: 150px;
}

img.clubR {
	float:right;
	margin: 0 0 10px 10px;
	border: 0px;
	clear:both;
}

img.clubL {
	float:left;
	margin: 0 10px 10px 0;
	border: 0px;
	clear:both;
}

#top {
text-align:right;
/*	float:right;
*/	}
	
#confirm {
	color: #3E8013;
	font-weight: bold;
	text-align:center;
	}  
	
		
/* CONTACT US
======================================================*/
form.contacts fieldset {   
  border: 0px solid #3E8013;   
  padding: 15px;
  margin: 30px 0 0 0;
}  

form.contacts legend {
	font-size: 12px;
	color: #3E8013;   
	padding: 5px; 
}

form.contacts {   
  padding: 0;   
  margin: 0;   
  margin-top: -15px;
  line-height: 20px;
}

form label {
  font-weight: bold;
  color: #3E8013;
}

#contact {
	line-height: 15px;
}

#contact label{
	display: block;
	width: 120px;
	float: left;
	font-weight: bold;
	color: #3E8013;
	padding-left: 5px;
}

#events {
	line-height: 15px;
}

#events label{
	display: block;
	width: 80px;
	float: left;
	font-weight: bold;
	color: #3E8013;
	padding-left: 5px;
}

.fixedwidth {
	display: block;
	width: 120px;
	float: left;
	font-weight: bold;
	color: #3E8013;
}

.nb {
	color:#FF0000;
	}
	
.nbRB {
	font-weight: bold;
	color:#FF0000;
	}

.nbB {
	font-weight: bold;
	}

	
td {
	vertical-align: top;
	 }

#cups {
	font-size:9px;
	font-weight:normal;
	}
	
.homeborder {
	padding-bottom: 10px;
	border-bottom: solid 1px #3E8013;
	}
	
.title {
	font-size: 10px;
	}

#esynergy {
	margin: 0;
	padding: 0;
	text-align:right;	
}
	
#esynergyHome {
	margin: 0;
	padding: 0 135px 0 0;
	text-align:right;	
}
	
.ewthome {
	top: 688px;
	width: 150px;
	position: absolute;
	left: 616px;
	}

.ranks { text-align: center;}
.trCentre {text-align:center}

/*form.contacts .buttonarea input {   
  background: navy;
  color: white;   
  font-weight: bold;   
  padding: 5px;
  border: 1px solid white;
}

form.contacts .buttonarea {
  text-align: center;
  padding: 4px;
  background-color: #0066FF;
}
*/
#homeAdvert {width:425px;
text-align:center;}