/*structural styles*/
body {
	text-align: center;	
	color: #1e2f12;
	margin: 5px 0;
	padding: 0;
	background: #93bf51 url(../images/bg_landscape.jpg) repeat-x;	
}
*{margin:0;padding:0;}
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.4 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select, input, button, textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
	border-collapse:collapse;
}
td {vertical-align:top;	padding:0 2%;}


#container    {
	background:#FFFFFF;
    margin:0 auto;
    width: 900px;
    position: relative;
    text-align: left;
	border: 1px solid #1e2f12;
	border-bottom: 5px solid #1e2f12;
    }
#header h1{
	text-indent:-10000px;
	border:none;
	margin:0;
	}
#header{
	width: 900px;
	height: 294px;
	    }
.header-home{
	background: url(../images/cricket01.jpg) no-repeat;
	    }
.header-about{
	background: url(../images/cricket02.jpg) no-repeat;
	    }
.header-challenge{	
	background: url(../images/cricket03.jpg) no-repeat;
	    }
.header-travel{
	background: url(../images/cricket04.jpg) no-repeat;
	    }
.header-social{
	background: url(../images/cricket05.jpg) no-repeat;
	    }
.header-cricket{
	background: url(../images/cricket06.jpg) no-repeat;
	    }
.header-week{
	background: url(../images/cricket07.jpg) no-repeat;
	    }
.header-contact{
	background: url(../images/cricket08.jpg) no-repeat;
	    }
.header-brisbane{
	background: url(../images/brisbane.jpg) no-repeat;
	    }
#date{
	height:53px;
	width:900px;
	background:url(../images/date_bg.png) no-repeat;
	padding:0;	
	}
#date p{
	color:#ffffff;
	font-size:115%;
	padding:20px 0 0 170px;
	margin:0;
	}


		
#bodyblock {
	position: relative;
	width:900px;
	padding:0;
	top: 1px;
  }

#content {
	padding: 20px 0 15px 15px;
	margin:10px 0 10px 260px;
	width:600px;
	color: #264362;
	text-align:left;
	border-left:1px dotted #999999;
 }
#l-col {
 float:left;
 width:190px;
 padding: 20px 0 15px 20px;
 }
 
/*navigation list*/

/*-------------------------------------------------------------------rounded box*/
div#nifty{ margin:15px 0 0 0;background: #eA200b; width:185px;}
 
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #eA200b}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}



#navcontainer { margin:10px 0 0 10px; }

#navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navcontainer li { 
	margin:1px 0;
	}

#navcontainer a {
	display: block;
	padding: 2px 5px;
	width: 140px;
	color: #000;
	background-color: #2fce00;
	text-decoration: none;
	border: 1px solid #333;
	font-weight: bold;
	font-size: 1.1em;
}

#navcontainer a:hover {
	color: #000;
	background-color: #b4ff9d;
	text-decoration: none;
	border: 1px solid #333;
}
/*nested list list*/
#navcontainer ul ul li { margin: 0; }

#navcontainer ul ul a {
	display: block;
	padding: 5px 5px 5px 30px;
	width: 125px;
	color: #000;
	background-color: #79b3e5;
	text-decoration: none;
	font-weight: normal;
}

#navcontainer ul ul a:hover {
	color: #000;
	background-color: #889E88;
	text-decoration: none;
}
/*end navigation*/

/*footer*/
#footer {
	border-top:6px solid #ea200b; 
	padding: 10px 10px 10px 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#fbc226; 
	height: 80px;
} 
#footer p {
	float:right;
	font-size:75%;
	font-weight:bold;
	color:#FFFFFF;
	text-align:right;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding:0 5% 10px 5%; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
/*footer nav list*/
.nav ul{
	padding:0 0 10px 0;
	margin:0;
	list-style-type: none;
	text-align: left;
}

.nav li {
	float:left;
	margin:0;
	list-style-type: none;
	}

.nav li a{
	display:block;
	text-decoration: none;
	border-right:1px solid #fff;
	color:#fff;	
	padding:0 8px;
	margin:0;
	font:bold 75% Arial, Helvetica, sans-serif;
}

.nav li a:hover{
	color: #ea200b;
}
.nav li a.right { border-right:none; }
/*float clearer*/
.clearer{
	 height:1px;
	 overflow:hidden;
	 margin-top:-1px;
	 clear:both;
}

/*presentation styles*/
a {
	color: #ff9900;
	text-decoration: none;
	}
a:hover {
	color: #FF0000;
	text-decoration: none;
	}
h1, h2, h3{ margin:0.8em 0;}
p {
	font-size: 93%;
	font-weight: normal;
	color: #000;
	margin:0.7em 0;
}
h1 {
	font-size: 151%;
	font-weight: bold;
	color: #264362;
	margin:0.7em 0;
	border-bottom: 1px dotted #993300;
}
h2 {
	font-size: 122%;
	font-weight: bold;
	color: #990000;
	}
h3 {
	font: lucida sans unicode;
	font-size: 108%;
	font-weight: bold;
	color: #264362;
}
.privacy p{
	font-size:77%;
	}
#content ul {
	margin:0.7em 5%;
	}
#content li {
	font-size: 85%;
	color: #000;
	line-height: 1.6em;
	}
#wide  li  {
	line-height: 5em;
	}
#multi-line li  {
	margin-bottom: 2.5em;
	}
.redlink a {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	}
.redlink a:hover {
	color: #FFCCFF;
	font-weight: bold;
	font-size: 1.2em;
	}
.blue{color:#0099FF;}
/* contact form button */
p.contact a { 
	display:block;
	height: 38px;
	width:198px;
	background: url(../images/contact_button.png) top left no-repeat;
	background-position:0 0;
	text-indent: -10000px;
}
p.contact a:hover {
	background-position:0 -38px;
}
.imgborder{
	border:1px solid  #264362;
	}
table.cricket{
	background:url(../images/table_bg.jpg) repeat-y;
	}
hr {
	margin:0;
	border-top: 1px dotted #993300;/*the border*/
	width: 98%;
	height: 1px;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;
}