/* CSS for Rushmoor Netball Club site 

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. forms stuff

*/

/* --------- 1. defaults  --------- */

* {/* zero margins and padding */
		margin: 0;
		padding: 0;
		}

body {/* set page background colour */
		background: #404040 url(/assets/page-background.jpg) repeat-x;
		padding-bottom: 30px;
		}

#skipNav {/* skip-navigation container */
		position: absolute;
		top: 2px;
		left: -100px;
		width: 60px;
		text-align: center;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {/* site content container */
		width: 770px;
		margin: 0 auto;
		background-color: #ffffff;
		border: 1px solid #555555;
		border-top: 0px;
		}
		
#masthead {/* add border to masthead */
		background: url(/assets/masthead-background.jpg) repeat-x;
		border-bottom: 10px solid #dddddd;
			}
		
#logo {/* logo container */
		float: left;
		height: 122px;
		width: 447px;
		}

#searchArea {/* second masthead area */
		background: #000000;
		float: right;
		border: 1px solid #555555;
		margin-top: 22px;
		margin-right: 10px;
		width: 260px;
		height: 70px;
		}


#navContainer {/* navigation container */
		clear: left;
		}


#content {/* content container */
		float: left;
		width: 750px;
		}
				
#maincontent {
        float: left;
		width: 470px;
		background: #ffffff;
		padding-top: 10px;
		padding-left: 10px;
		}
		
#secondarycontent {
      float: right;
	  margin-top: 10px;
	  margin-bottom: 10px;
	  margin-right: 1px;
	  padding-left: 5px;
	  padding-right: 1px;
	  padding-top: 5px;
	  border: 1px solid silver;
	  width: 240px;
      background: #ebebeb;
  }

#ajaxticker1{
width: 225px;
height: 90px;
border: none;
padding: 5px;
background-color: #ebebeb;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #ebebeb;
}

.someclass{ /*class to apply to your scroller(s) if desired*/
}

.innerdiv{
background: transparent url(/assets/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 10px 5px;
}  
 
#secondarycontent p {  
     font-size: 92.5%;
	 padding-top: 2px;
	 padding-left: 3px;
}

#secondarycontent h2 {  
     margin-top: 1px;
     margin-right: 3px;
     padding: 5px;
     color: #ffffff;
     background-color: #C9561D;
     border: 1px solid #ffffff;
	 }


#secondarycontent h3 {  
     margin-top: 2px;
	 padding-left: 3px;
	 }
		
#footer {/* footer area */
        clear: both;  
		background: url(/assets/footer-background.jpg) repeat-x;
		padding-left: 10px;
		padding-top: 5px;
		border-bottom: 1px solid #919191;
		border-top: 1px solid #919191;
		text-align: center;
		}
		
#footer a {
        font: bold 1.0em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		color: #ffffff;
		text-decoration: none;
		padding: 1px 1px;
		}
		

#footer p {
        font: 1.0em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		color: #ffffff;
		text-decoration: none;
		padding: 1px 1px;
		}

  
  

/* ---------- 3. links and navigation ---------- */

a {/* default link style */
		color: #000000;
		}
		
	/* -- skip navigation -- */
#skipNav a {
		font: 1.0em Arial, sans-serif;
		display: block;
		color: #000000;
		width: 60px;
		padding-bottom: 10px;
		} 
		
#skipNav a:hover {
		color: #898989;
		background: url(/assets/skip-nav.gif) 50% 100% no-repeat;
		}


	/* -- main navigation -- */
#mainNavigation {
		background: #111111;
		border-top: 1px solid #555555;
		padding: 6px 0;
		}

#mainNavigation ul {
		text-align: center;
		}

#mainNavigation li {
		display: inline;
		}

#mainNavigation a {
		font: bold 1.1em Arial, sans-serif;
		color: #ffffff;
		text-decoration: none;
		padding: 6px 10px;
		}
		
#mainNavigation a:hover {
		color: #788CE8;
		}
		
.sectionHome #mainNavigation #linkHome a, .sectionAboutUs #mainNavigation #linkAboutUs a, .sectionJuniorTeams #mainNavigation #linkJuniorTeams a, .sectionOpenTeams #mainNavigation #linkOpenTeams a, .sectionFixtures #mainNavigation #linkFixtures a, .sectionResults #mainNavigation #linkResults a, .sectionDirections #mainNavigation #linkDirections a, .sectionLinks #mainNavigation #linkLinks a, .sectionMembers #mainNavigation #linkMembers a {/* automation for active tab */
		background: #556DCF url(/assets/active-tab-background.jpg) 0 100% repeat-x;
		border-top: 1px solid #555555;
		}

.sectionHome #mainNavigation #linkHome a:hover, .sectionAboutUs #mainNavigation #linkAboutUs a:hover, .sectionJuniorTeams #mainNavigation #linkJuniorTeams a:hover, .sectionFixtures #mainNavigation #linkFixtures a:hover, .sectionResults #mainNavigation #linkResults a:hover, .sectionDirections #mainNavigation #linkDirections a:hover, .sectionLinks #mainNavigation #linkLinks a:hover, .sectionMembers #mainNavigation #linkMembers a:hover {/* hover over-ride for automated tab */
		color: #788CE8;
		}
		
	/* -- sub-navigation -- */
#subNavigation {
		margin-top: -1px;
		background: #556DCF url(/assets/sub-navigation-background.jpg) 0 100% repeat-x;
		border-bottom: 1px solid #6b6b6b;
		padding: 6px 0;
		}

#subNavigation ul {
		text-align: center;
		}

#subNavigation li {
		display: inline;
		}

#subNavigation a {
		font: bold 1em Arial, sans-serif;
		color: #ffffff;
		text-decoration: none;
		padding: 6px 10px;
		}

#subNavigation a:hover {
		color: #788CE8;
		}
		

		
/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 72.5%;
		}

h1 {/* main heading */
		font: normal 1.8em/1.1em Arial, sans-serif;
		margin-bottom: 5px;
		}

h2 {/* cross-head */
		font: bold 1.2em/1.0em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		margin-top: 1.3em;
		margin-bottom: 2px;
		color: #C9561D;
		}

h3 {
		font: bold 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		margin-top: 1.3em;
		margin-bottom: 5px;
		color: #C9561D;
		}


p {
		font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		}

.bullet li {
       font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	   list-style: circle;
	   margin-left: 20px;
	   margin-bottom: 0.8em;
}

.alignright {
		margin-right: 3px;
		margin-left: 160px;
		padding-right: 3px;
		}	
	   
	   
/* ---------- 5. images ---------- */

a img {/* remove borders from linked images */
		border: 0;
		}
		
#mainfeature {
      float: right;
      margin: 10px;
	  padding-right: 5px;
  }
  
#mainfeature p span {
font-size: 80%;
font-weight: bold;
color: #C9561D;
}
#mainfeature p {
text-align: center;
}
  
  img.feature {
      float: right;
      margin: 10px;
	  padding-right: 5px;
  }
  
#imgrefreshing {
      float: right;
	  width: 200px;
	  height: 200px;
	  margin-left: 5px;
      margin-right: 5px;
	  border: 5px solid #c7c7c7;
  }
		
#logo img {
		margin-top: 2px;
		margin-left: 5px;
		}
	

		
/* ---------- 6. forms stuff ---------- */

#searchArea form {
		padding: 15px 0 0 17px;
		}

#searchArea p {
		color: #eeeeee;
		float: left;
		margin-right: 10px;
		}

#searchArea p.mainSearchLabel {
		float: none;
		display: block;
		}
		
#mainSearchField {
		width: 160px;
		border: 1px solid #666666;
		background-color: #ffffff;
		color: #111111;
		font-size: 1.0em;
		padding: 1px;
		}
		
#mainSearchSubmit {
		width: 40px;
		border: 1px solid #666666;
		font-size: 1.0em;
		background-color: #ffffff;
		color: #111111;
		margin-right: -10px;
		}
		
form.contact fieldset {
  border: 2px solid navy;
  padding: 10px;
}

form.contact legend {
  font-weight: bold;
  font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-size: small;
  color: #C9561D;
  padding: 5px;
}

form.contact label {
  font-weight: bold;
  font-size: small;
  color: #C9561D;
  line-height: 150%;
}

form.contact label.fixedwidth {
  display: block;
  width: 240px;
  float: left;
}

form.contact .buttonarea input {
  background: #C9561D;
  color: white;
  font-weight: bold;
  padding: 5px;
  border: 2px solid white;
}

form.contact .buttonarea {
  text-align: center;
  padding: 4px;
 }		
  
 
 table.leaguetables {
  border-collapse: collapse;
}

table.leaguetables th, table.leaguetables td {
  padding: 5px;
  border: 1px solid silver;
}

table.leaguetables th {
  font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-size: x-small;
   font-weight: bold;
  text-align: left;
  background: #C9561D;
  color: #ffffff;
  padding-top: 2px;;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
}

table.leaguetables td {
  font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-size: small;
  }    

table.leaguetables caption {
  color: #000066;
  font-size: small;
  text-align: left;
  padding-bottom: 5px;
  font-weight: bold;
}

table.tablesmenu {
  border-collapse: collapse;
}

table.tablesmenu th, table.tablesmenu td {
  padding: 5px;
  border: 1px solid silver;
}

table.tablesmenu th {
  font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-size: x-small;
  font-weight: bold;
  text-align: left;
  background: #C9561D;
  color: #ffffff;

  
  }

table.tablesmenu td {
  font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-size: small;
  
  }    
  
  /* ------------------ search results ----------------------------------- */

.highlight { background: #FFFF40; }
		.searchheading { font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; font-size: 130%; font-weight: bold; }
		.summary { font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; font-size: 80%; font-style: italic; }
		.suggestion { font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; font-size: 100%; }
		.results { font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; font-size: 100%; }
		.category { color: #999999; }
		.sorting { text-align: right; }

		.result_title { font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; font-size: 100%; }		
		.description { font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; font-size: 100%; color: #008000; }
		.context { font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; font-size: 100%; }
		.infoline { font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; font-size: 80%; font-style: normal; color: #808080;}

		.zoom_searchform { font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; font-size: 100%; }
		.zoom_results_per_page { font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; font-size: 80%; margin-left: 10px; }
		.zoom_match { font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; font-size: 80%; margin-left: 10px;}				
		.zoom_categories { font: 1.1em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; font-size: 80%; }
		.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
		.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
		
		input.zoom_button {  }
		input.zoom_searchbox {  }		
		
		.result_image { float: left; display: block; }
		.result_image img { margin: 10px; width: 80px; border: 0px; }

		.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
		.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }
		
		.result_pages { font-size: 100%; }
		.result_pagescount { font-size: 100%; }
		
		.searchtime { font-size: 80%; }
		
		.recommended 
		{ 
			background: #DFFFBF; 
			border-top: 1px dotted #808080; 
			border-bottom: 1px dotted #808080; 
			margin-top: 15px; 
			margin-bottom: 15px; 
		}
		.recommended_heading { float: right; font-weight: bold; }
		.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
		.recommend_title { font-size: 100%; }
		.recommend_description { font-size: 100%; color: #008000; }
		.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}