/* 
* CSS Document
* default.css
* 
* Author    :   Greg Merriman
* Created   :   Tue 24 Jul 2007
* Modified  :   Tue 07 Aug 2007
*/


/* development (show) page styles for bryncricketclub.co.uk */


/*----------[body]----------*/

*
{
  margin: 0;
  padding: 0;
  font-family: "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
}

body
{
  background-color: #f3f1e9;
  font-size: 62.5%;
  max-width: 100%;
}

h1
{
  font-size: 2.0em;
  line-height: 2.2em;
  font-family: "Trebuchet MS", "Verdana", "Helvetica", sans-serif;
}

h2
{
  font-size: 1.8em;
  line-height: 2.2em;
  font-family: "Trebuchet MS", "Verdana", "Helvetica", sans-serif;
}

h3
{
  font-size: 1.6em;
  line-height: 2.0em;
  font-family: "Trebuchet MS", "Verdana", "Helvetica", sans-serif;
}

h4
{
  font-size: 1.5em;
  line-height: 2.0em;
  font-family: "Trebuchet MS", "Verdana", "Helvetica", sans-serif;
}

h5
{
  font-size: 1.4em;
  line-height: 1.8em;
  font-family: "Trebuchet MS", "Verdana", "Helvetica", sans-serif;
}

h6
{
  font-size: 1.3em;
  line-height: 1.8em;
  font-family: "Trebuchet MS", "Verdana", "Helvetica", sans-serif;
}

p
{
  color: #222;
  font-size: 1.2em;
  line-height: 1.8em;
}

p.clearLeft
{
  clear: left;
}

p.clearRight
{
  clear: right;
}

p.clearBoth
{
  clear: both;
}

a
{
  color: #00c;
}

a:link, a:visited
{
}

a:hover, a:active
{
  color: #000;
  background-color: #fb3; /*orange hover*/
  text-decoration: underline;
}

ul
{
  list-style: none;
}

hr
{
  display: none;
}

abbr, acronym
{
  cursor: help;
}

.italic
{
  font-style: italic;
}

.strike-thru
{
  text-decoration: line-through;
}


/*----------[header]----------*/

#header
{
  background-color: #555;
}

#header h1
{
  background: url("../images/header/greyHeader.jpg") bottom center no-repeat;
  height: 180px;
}

#header h1 span
{
  display: none;
}

#header h2 span
{
  display: none;
}


/*----------[main navigation]----------*/

#mainNav
{
  background: url("../images/navigation/tabBarBkg.png") top center repeat-x;
  height:30px;
}

#mainNav ul
{
  margin: 0 auto;
  width: 80em;
}

#mainNav ul li
{
  background: url("../images/navigation/tabInactive.png") bottom center no-repeat;
  display: block;
  float: left;
  line-height: 30px;
  list-style-type: none;
  text-align: center;
}

#mainNav ul li a
{
  color: #fff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  height:30px; width:110px;
  margin-right: 2px;
}

#mainNav ul li a.active, #mainNav ul li a:hover, #mainNav ul li a:active
{
  background: url("../images/navigation/tabActive.png") bottom center no-repeat;
}


/*----------[secondary navigation styles]----------*/

#secondaryNav
{
  background: url("../images/navigation/tabSubBkg.png") top center repeat-x;
  height:30px;
}

#secondaryNav ul
{
  margin: 0 auto;
  width: 80em;
}

#secondaryNav ul li
{
  padding: 0 26px 0 0;
  color: #ddd;
  display: inline;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  list-style-type: none;
}

#secondaryNav ul li a
{
  color: #bbb;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

#secondaryNav ul li a.active, #secondaryNav ul li a:hover, #secondaryNav ul li a:active
{
  color: #fff;
  background: none;
  border-bottom: solid 4px #f90;
}


/*----------[main container]----------*/

#container
{
  background-color: #f3f1e9;
}


/*----------[main content]----------*/

#main
{
  margin: 0 auto;
  width: 80em;
  background-color: #f3f1e9; /*same as <container> background-color*/
  max-width: 100%;
}

#column1
{
  margin: 2.0em 0 2.0em 0;
}

h4.bullet
{
  margin-top: 1.2em;
  padding-left: 1.4em;
  background: url("../images/bullets/smallball.gif") center left no-repeat;
}


/*----------[footer styles]----------*/

#tail
{
  clear: both;
  padding: 2.0em 0 1.0em 0;
  background-color: #ccc;
  border-top: solid 0.2em #999;
}


/*----------[footer styles]----------*/

#footer
{
  margin: 0 auto;
  background-color: #ccc;
  text-align: right;
  width: 80em;
  max-width: 100%;
}

#footer p
{
  color: #444;
  font-size: 1.1em;
}

#footer a
{
  color: #666;
  text-decoration: none;
}

#footer a:hover
{
  color: #000;
  text-decoration: underline;
}


/*----------[extra content (below footer)]----------*/

#extraContent
{
  background-color: #ccc;
  margin: 0 auto;
  width: 80em;
  max-width: 100%;
  text-align: right;
}

#extraContent a.gmwd-logo img
{
  padding-top: 1.0em;
  border: none;
  width: 2.4em;
  max-width: 50px;
}

#extraContent a.gmwd-logo:hover, #extraContent a.gmwd-logo:active
{
  background: none;
  border: none;
}


/*----------[validated content]----------*/

ul#technologies
{
  font-size: 10px;
  list-style-type: none;
}

ul#technologies li
{
  margin: 0;
  padding: 0;
  display: inline;
}

ul#technologies li a
{
  color: #555;
  text-decoration: none;
}

ul#technologies li a:hover, ul#technologies li a:active
{
  color: #000;
  text-decoration: underline;
}

ul#technologies li a img
{
  padding-right: 0.2em;
  border: none;
  height: 1em;
  max-height: 32px;
  min-height: 10px;
}

ul#technologies li a img.valid
{
  display: none;
}