/*
    screen-modern.css: MODERN BROWSER (v5+) SCREEN STYLES
    ------------
    Job:               wavertreecricketclub.mandogroup.com
    Produced by:       RD @ Mando Group
    Start date:        09/01/2007
    ------------
    COLOUR SPEC:
	
	brown				#492422

    ------------
    TOC:
    1.	type selectors
    2.	structural
    3.	navigation
    4.	forms
    5.  tables
    6.	hacks
*/
/* =1. type selectors */
* {margin:0;padding:0;border:none; font-family:"Times New Roman", Times, serif; font-size: 1em;}
body
  	{
  	font-size: 85%;
	background:transparent url(../img/bg.jpg) top center no-repeat;
	text-align:left;
	margin: 0;
	padding: 0;
	}
h1 {
	font-size:2.5em;
	font-weight:normal;
	color:#fff;
	padding-top:1.4em;
	}
h2 {
	font-size:2.2em;
	color:#99847d;
	font-weight:normal;
	letter-spacing:0.02em;
}	
div.tr h1 {
	color:#492422;
	font-size:3em;
	background:url(../img/est.gif) 0.3em 0.3em no-repeat;
	padding:0 0 0.3em 0.5em;
	}
a {
	color:#492422;
	text-decoration:underline;
	}	
a:hover {
	text-decoration:none;
	}		

/* =2. structural */

div.wrap {
	width: 750px;
	margin:0 auto;
	margin-top:2em;
	margin-bottom:2em;
	}
div.header {
	background: transparent url(../img/header.png) top left no-repeat;
	height:143px;
	padding:0em 0 0 1.5em;
	}	
div.wrapper {
	margin-top:0.5em;
	}

div.tr {
	background:url(../img/tc.gif) top left no-repeat;
	padding:2em 0 0 1em;

	}		
div.cr {
	background:url(../img/cr.gif) top left repeat-y;
	width:100%;
	}
div.content { 
	padding:1em 0 2em 2em;
	margin:0 0 1.5em 0;
	width:450px;
	float:left;
	}	
div.content p {
	padding:0.5em 0;
	}	
div.footer {
	background:url(../img/bc.gif) bottom left no-repeat;
	padding: 1em 0 1em 2em;
	color:#b5a7a1;
	font-size:0.9em;
	font-weight:bold;
	}		
div.footer p {
	width:400px;
	margin-top:1em;
	}
div.subsection {
	float:right;
	width:200px;
	}
p.button {
	margin:1.5em 0 0 0;	
	background:url(/_common/img/border.gif) no-repeat 0 0;
	}
p.button a span, p.buttonf a span {
	position: absolute;
	left: -5000px;
	}
p.button a {
	display:block;
	height:32px;
	width:205px;
	margin-top:1em;
	}
a.downloadSections {
	background:url(/_common/img/but-downloadbook.gif) no-repeat 0 0;
	}
p.button a:hover {
	background-position: 0 -32px;
	}
p.buttonf a {
	display:block;
	height:32px;
	width:103px;
	margin-top:1em;
	}
a.feedback {
	background:url(/_common/img/but-feedback.gif) no-repeat 0 0;
	}
p.buttonf a:hover {
	background-position: 0 -32px;
	}	
ul.gallery li {
	list-style:none;
	}
ul.gallery a, ul.more a {
	color:#9d8a84;
	text-decoration:none;
	font-weight:bold;
	font-size:0.9em;
	}
ul.gallery a:hover{
	color:#543230;
	}
ul.gallery img {
	margin: 0.5em 0;
	}
ul.more li {
	text-align:right;
	margin-right:2em;
	list-style:none;
	}
ul.more a {
	color:#482321;
	}
ul.more a:hover {
	color:#9d8a84;
	}
ul.downloads  {
	font-size:0.9em;
	display:block;
	}
ul.downloads li.pdf {
	background:url(/_common/img/pdf_icon.gif) no-repeat 0px 4px;
	color:#0e5a9a;	
	list-style: none;
	padding:0.2em 0 0 1.8em;
	height:1.5em;
	}
ul.downloads a {
	color: #492422;
	text-decoration: none;
	font-weight:bold;
	}
ul.downloads a:hover {
	text-decoration:underline;
	color:#9d8a84;
	}	
ul.downloads  {
	font-size:0.9em;
	display:block;
	}
div.content ul {
	list-style-type:none;
	}
div.content ul li {
	color:#0e5a9a;
	list-style-type:none;
	padding:0.2em 0 0 0em;
	margin-bottom:0.5em;
	}
div.content ul a {
	color: #492422;
	text-decoration: none;
	font-weight:bold;
	}
div.content ul a:hover {
	text-decoration:underline;
	color:#9d8a84;
	}	
.size {
	color:#9d8a84;
	}
div.sets {		
	display:none;
	}	
dl {	
	margin-bottom:0.8em;
	}
					
/* =3. navigation */
ul.nav  {
    line-height:normal;
    margin:0;
    padding:0.8em 0 0 0em;
    list-style:none;
	font-size:1.1em;
    }
ul.nav li {
 	list-style:none;
    float:left;
    margin:0;
    padding:0;
	border-left: 1px solid #fff;
    }
ul.nav a {
	color:#fff;
    display:block;	
	line-height:0;
	padding: 0.5em 0.5em 0.5em 0.5em;
	text-decoration:none;
    }
ul.nav a:hover {
	text-decoration: underline;
	}	
ul.nav li.first {
	border-left: none;
	}
ul.nav a.first {padding-left:0;}	
/* =4. forms */
label { width: 21em; float:left; clear:left; font-size: 1em; font-weight:bold; margin-bottom:5px; padding-top:10px;}
input {font-size: 1.2em; margin-bottom:10px; color:#2f2e2e; font-family:"Times New Roman", Times, serif;}
.textbox { border: 1px solid #d3d3d3; width: 250px; margin-bottom: 5px; color: #2f2e2e; background-color:#fbfaf9;}
.submit{margin-top:1em;}	
/* =5. tables */

/* =6. hacks */
.cf:after {content:".";display: block;height:0;clear:both;visibility:hidden;}
.cf {display:inline-block;}