/*CSS for Falkirk Vics site*/


/* Page Structure
----------------------------------------------- */
/* The images which help create rounded corners depend on the 
   following widths and measurements. If you want to change 
   these measurements, the images will also need to change.
*/

#content {
	width: 960px;
    margin:0 auto;
    text-align:left;
    width: 960px;
    }

#header {
	width: 960px;
	border: 1px solid gray;
	}

#tabcontainer {
	width:960px;
	clear: both;
	float: left;
	}

#sidewrapper {
	float: left;
}
#navigation {
	width: 140px;
	float: left;
	}

#sidebar {
    width: 140px;
    float:left;
	clear: both;
    }
    	
#blog-bodycontent {
	width: 805px;
	float: left;
	}
#bodycontent {
	width: 805px;
	float: left;
	}
		 
#flickrbadge {
	float: left;
	}

.bodygroup {
	clear: both;

	}

/*=========================================================================
Scope: Site, Purpose: Generic Formating
=========================================================================*/
/*
The section below defines the generic default formatting that is 
applied throughout the site. These formats can be changed in the 
specific DIV formatting section
*/
body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 125%;
	padding: 0;
	margin: 0;
	background-color: white; 
	}

h1, h2, h3 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 2% 2% 0 2%;
	}
	
p {
	font-size: smaller;
	color: black;
	padding: 0 2% 0 2%;
	text-align:justify;
	}

li {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
	}

.feature-photo-right {
	float: right;
	margin: 10px;
	}

.feature-photo-left {
	float: left;
	margin: 10px;
	}


.feature-photo-caption {
	font-size: 65%;
	font-weight: bold;
	width: 300px;
	line-height: 1.4em;
	}
	
.profile-div {
	float: left;
	text-align: center;
	width: 200px;
	margin-bottom: 3em;
	font-size: 80%;
	line-height: 1.4em;
	display:block;
}

.profile-img {
	width: 100px;
	height: 125px;
}


#bodycontent {
	background-color: white;
	/*border: 1px solid black;*/
	margin:1% 0 1% 1%;
	/*margin-left: 1%*/
}

/*=========================================================================
Scope: Site, Object: header Div, Purpose: Styling 
=========================================================================*/
#header {
	background-color: black;
	margin: 0;
	height: 100px; 
	/*background: black url(backgrounds/header-bg.gif) no-repeat right*/
	background: black url(http://www.falkirkvics.com/backgrounds/logo_hdr.GIF) no-repeat left
	}
	
#header h1{
	font-size: xx-large;
	color: #fed842;
	padding-top: 1.3em;
	padding-bottom: .2em;
	padding-left: 5em;
	margin: 0;
	}	

#bodycontent {
	background-color: white;
	/*border: 1px solid black;*/
	margin-top: 1%;
	margin-left: 1%
}

/*
#header-logo1 {
float: right;
}

#header-logo2 {
float: left;
}
#
*/


/*=========================================================================
Scope: Site, Object: tabcontainer Div, Purpose: Styling 
=========================================================================*/	

#tabcontainer {
	background-color: #FFCB2D;
	border: 1px solid black;
	}

#tablist {
	float: left;
	margin: 0;
	padding: 10px 0 0 150px;
	list-style: none;
	background-color: #FFCB2D;
	}

#tablist li {
	float: left;
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: small;
	background-color: #FFCB2D;
	}

#tablist a {
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 8px;
	color: #333;
	text-decoration: none;
	border: 1px solid #9B8748;
	border-bottom: none;
	background: #F9E9A9 url(backgrounds/off_bg.gif) repeat-x top left;
	}

#tablist a:hover, #home #t-home a, #history #t-history a, #contact #t-contact a, #coaches #t-coaches a,
#forms #t-forms a, #news #t-news a, #diary #t-diary a, #results #t-results a, #training #t-training a,
#clubkit #t-clubkit a, #social #t-social a, #links #t-links a, #members #t-members a, 
#roadxc #t-roadxc a, #ires #t-ires a, #ores #t-ores a,
#xcres07 #t-xcres07 a, #xmas #t-xmas a
	{
	color: #333;
	padding-bottom: 5px;
	border-color: #727377;
	font-weight: bold;
	background: #fff url(backgrounds/on_bg.gif) repeat-x top left;
	}


/*=========================================================================
Scope: Site, Object: Navigation Div, Purpose: Styling
=========================================================================*/


#navlist{
	padding: 0 1px 1px;
	margin-left: 0;
	font: bold smaller, Verdana, sans-serif;	
	background: black;
	}

#navlist li{
	list-style: none;
	margin: 0;
	border-bottom: 1px solid gray;
	text-align: right;
	}

#navlist li a{
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-right: 1em solid #fed842;
	background: black;
	text-decoration: none;
	}
	
#navlist li a:link { color: #fed842; }
#navlist li a:visited { color: #fed842; }
#navlist li a:hover {color: white;}


/*=========================================================================
Scope: index.html, Object:index-bodycontent div, Purpose: Styling
=========================================================================*/

#welcome {
	background-color: white;
	height: 430px;
	/*margin: 1%;*/
	} 
#welcome .h2-welcome {
	background-color: black;
	color: #fed842;
	margin:0 0 0.5em 0;
	padding:0.3em;
	font-size: large;
}
	
.newsblock .h2-newsblock {
	background-color: #fed842;
	color: black;
	margin:0 0 0.5em 0;
	padding:0.3em;
	font-size: large;
}
.newsblock	{
	border: 1px solid black;
	width: 400px;
	height: 200px;
	float: left;

}
	
/*=========================================================================
Scope: blog.html, Object:index-bodycontent div, Purpose: Styling
=========================================================================*/

#blog-bodycontent {
	background-color: white;
	/*border: 1px solid black;*/
	margin:1% 0 1% 1%;
	/*margin-left: 1%*/
}

#blog{
	
	margin:1% 0 1% 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 125%;
	font-size: smaller;
	text-align:justify;
}


.feature-photo-right {
	float: right;

}

#blog .date-header {
	text-transform:lowercase;
	background-color: #fed842;
	color:black;
	border: 1px solid #9B8748;
	padding: .5em .5em .5em .5em;
	font-size: large;
  }
#blog .post-body {
	background-color: white;
	padding-top: .2em;
	padding-bottom: 0;
	padding-left: 1em;
	padding-right: 1em;
  }

#blog .post-title {
	margin:0 0 0;
	color:black;
	background-color: white;
	padding-top: .2em;
	padding-bottom: .2em;
	padding-left: 1em;
}
#blog .post-footer em {
	font-style:normal;
	color:#689;
 }

/*=========================================================================
Scope: blog.html, Object: Sidebar Div, Purpose: Styling
=========================================================================*/

#sidebar {
	background-color: #fed842;
	border: 1px solid black;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:smaller;
	margin-top: 1%;
	/*margin-left: 1%*/
}

.box3 {
	background-color: #fed842;
	/*margin-top: 1%;
	margin-left: 1%*/
}
 
.sidebar-title {
  font:bold 100% Verdana, Helvetica,Arial,Sans-serif;
  color:black;
  text-transform:lowercase;
  }
 
#sidebar ul {
  padding:0;
  list-style-type:none;
  }

#sidebar li {
  margin:0;
  padding: 0 0 0 0 ;
  font-size: smaller;

  }
#sidebar p {
  line-height:1.4em;
 
  }

table{
  border-collapse: collapse;
  margin:0 2% 2% 2%;

}

table.forms th, table.forms td {
  padding: 4px;
  border: 1px solid #000066;
}

table.forms th {
  font-size: x-small;
  text-align: left;
  background: #241374 url(backgrounds/header-bg.jpg);
  color: #ffffff;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2px;
  padding-right: 2px;
}

table.forms td {
  font-size: small;
  background: #e2edff url(backgrounds/td.jpg) repeat-x top;
}

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


table.training {
	 font-family: Verdana, Helvetica, Arial, sans-serif;
	 border-collapse: collapse;

}
table.training th, table.training td {
  padding: 4px;
  border: 2px solid white;
}

table.training th {
  font-size: x-small;
  text-align: left;
  color: #ffffff;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2px;
  padding-right: 2px;
}

table.training td {
  font-size: small;
  background-color: #e2edff;
}


/*=========================================================================
Scope: , Object: Results table
=========================================================================*/
table.results {
	border-width: 1px;
	border-spacing: ;
	border-style: none;
	border-color: gray;
	border-collapse: separate;
	background-color: #fffafa;
}
table.results th {
	border-width: 1px;
	text-align: left;
	font-size: small;
    padding: 0px 0px 0px 30px; 
	color: white;
	padding: 1px;
	border-style: none;
	border-color: green;
	background-color: black;
}
table.results td {
	border-width: 1px;
	font-size: small;
	padding: 0px 0px 0px 3px; 
	border-style: none;
	border-color: green;
	background-color: #fed842;
	-moz-border-radius: ;
}

tr.trow1 td {
    background-color: #fed842; color: black;

}
tr.trow2 td{
    background-color: white; color: black;
}

td.res {text-align: center;
        font-size: 14px;
        font-style: "Arial";
        font-weight: Bold;
        padding-right: 8px;
        padding-left: 8px;
        background-color: #fed842
}

td.lmost {text-align: center;
        font-size: 14px;
        font-style: "Arial";
        font-weight: Bold;
        background-color: #fed842
}

td.agegroup {text-align: left;
        font-size: 14px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
        font-weight: Bold;
        text-decoration: underline;
              padding-top: 2%;
              padding-bottom: 2%;
        background-color: #fed842
}

tr.agegroup { font-size: 14px;
              font-style: "Arial";
              font-weight: Bold;
              padding-top: 2%;
              padding-bottom: 2%
}


/*  New Addition for the coaches table */

table.coaches {
	border-width: 1px;
	border-spacing: ;
	border-style: none;
	border-color: gray;
	border-collapse: separate;
	background-color: #fffafa;
}
table.coaches th {
	border-width: 1px;
	text-align: left;
	font-size: small;
    padding: 0px 0px 0px 30px; 
	color: white;
	padding: 1px;
	border-style: none;
	border-color: green;
	background-color: black;
}
table.coaches td {
	border-width: 1px;
	font-size: small;
	padding: 0px 0px 0px 3px; 
	border-style: none;
	border-color: green;
	background-color: #fed842;
	-moz-border-radius: ;
}


#newsdiv {
        background-color: white ;
        height: 180px ;
        border: 1px solid black ;
}

#newsheader {
        font-family: verdana;
        font-size: medium;
        font-weight: bold;
        margin-top: 10px;
}

#scrollheader {
        font-family: verdana;
        font-size: medium;
        font-weight: bold;
        margin-top: 10px;
}

#centreheader {
        font-family: verdana;
        font-size: medium;
        font-weight: bold;
        text-align: center;
}

#resultslabel {
        font-family: verdana;
        font-size: smaller;
        font-weight: bold;
        text-align: left;
}

#leftcolumn {
        width: 300 ;
        float: left;
        margin-right: 5px ;
        margin-bottom: 40px;
}

#centrecolumn {
        width: 280 ;
        margin-right: 5px ;
        float: left;
        margin-bottom: 40px;
}

#rightcolumn {
        width: 280 ;
        float: left;
        margin-bottom: 40px;
}

#tablealigner {
        display: block;
        width: 960;
        margin-bottom: 20px;
        padding-bottom: 20px;
}

#fullwidth {
        min-width: 500px ;
}

#position {
        width: 40px;
        text-align: center ;
}

#name { width: 120px }

#time {width: 40px }

#wideleftcolumn {
        width: 460 ;
        float: left;
        margin-right: 5px ;
        margin-bottom: 40px;
}

#widerightcolumn {
        width: 460 ;
        float: left;
        margin-bottom: 40px;
}

#fullwidthspacer {
        display: block;
        width: 955 ;
        background-color: #ffcc99 ;
}