/* 
CSS Document 
Created by Conor Kehelly
   
Table Of Contents
   1. General webpage styles
   2. divs, classes, ids & links
   3. used with javascript 
   4. images
   5. Tables in Fixtures & Results
   
Notes:
   
==============================================================*/
/*==================================== 
1.   General webpage styles
  ==================================== */
* /* Sets the margin & padding of all web page elements to 0 */
{
  margin:0;
  padding:0;
}

body
{
  height: 100%;
/*  background-color:#7A9EC3; /* blue */
  background-color:#10224A;
  background-image:url(../images/ConColours.gif);
  background-position:0 200px;
  background-repeat:repeat-x;
  background-attachment:scroll; /* scrolls with rest of page */ 
  font-family:"Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS", sans-serif;
}



/*==================================== 
2.   divs, ids
  ====================================*/
#page-wrapper /* This div encompasses all text on the page */
{
  position:relative;
  margin: 5px auto; /* Top and Bottom border are 5px and left and right are auto */
  width:886px; /* IE6 */
  max-width:886px; /* The max width of wrap */
  background-color:#FDFBE6;          
  border:1px solid #BDBDBD;
/*  height:400px;   
  height:auto;      */
}

#logo 
{ 
  position:relative; /* ?????? */
  text-align:center;
  background: url(../images/corkConCrest.gif) no-repeat center center;
  height: 80px; 
  /* rounded corners */
  margin:-1px 0;
}

/* Display the Con Colours */ 
#navbarBg
{
  background:url(../images/ConColours.gif) repeat-x top left;
}

/* navbar properties */ 
#navbar 
{ 
  margin:auto auto;
  height:30px; /* This sets the height */
  width:865px; /* This sets the width */
  /* Use an image 1px wide with height of the header */
  background: url(../images/nav_bg.gif) repeat-x top left;
}

/* navbar -> ul properties */ 
#navbar ul 
{ 
  margin: 0; 
  padding: 0; 
  list-style: none; 
  list-style-position: outside;  /* ?????? */
}

/* navbar -> ul -> li properties */ 
#navbar ul li 
{ 
  display: inline; /* ?????? */
  margin: 0; 
  background-image: url(../images/header/nav_bg.gif) repeat-y top left; 
}
    
/* navbar -> ul -> li -> divider properties */ 
#navbar ul li div.divider 
{ 
  float:left; /* ?????? */
  display:inline; /* ?????? This element will be displayed as an inline element, with no line break before or after the element*/
  height:30px;
  background:url(../images/nav_divider.gif) repeat-y top left;

}

/* 
  ids for navigation bar.  I needed to include a height attribute for these.
*/
#home_nav a  
{ 
  width:90px;
}

#u7_nav a  
{ 
  width:110px; 
}

#u8_nav a  
{ 
  width:110px; 
}

#u9_nav a  
{ 
  width:110px; 
}

#u10_nav a  
{ 
  width:110px; 
}

#u11_nav a  
{ 
  width:110px; 
}

#u12_nav a  
{ 
  width:110px; 
}

#u13_nav a  
{ 
  width:110px; 
}


/* navbar -> ul -> li -> a properties */
#navbar ul li a 
{ 
  float: left; /* ?????? */
/*  display: inline; /* ?????? */
  text-align:center; /* align the text in the center */
  color:#FFFFFF; /* color:white */
  font-size:1.2em;
  font-weight:bold;
  text-decoration:none; /* Omits the underline from links */
  padding-top:5px; /* Leave a space above the text */
}

/* when you are on the current page, the text is coloured
   gold. Also, the arrow doesn't change to a hand pointing */
#navbar ul li a.current 
{ 
  color:#EBC33D; /* gold */
  cursor:default; /* The cursor will remain an arrow point */
}

/* when you hover over links to other pages, the text color
   will change to gold. */
#navbar ul li a:hover
{ 
    color:#EBC33D; /* gold */
}

#title{
  clear:both;
  color:#292F77;
  font-weight:bold;
  text-align:center;
}

#main{
  position:relative;
  padding:20px 30px;
  text-align:centr;
/*  background-color:yellow;          */
}

#mainleft{
  position:relative;
  left:30px;
  width:350px;
  padding:20px 20px;     
/*  background-color:green;    */
}

#mainright{
  position:absolute;
  top:20px;            /* To align div equal to mainLeft */
  left:420px;
  right:30px;
  width:350px;
  padding:20px 20px; 
/*  background-color:red;     */
}

/*==================================== 
   Subnav
  ==================================== */

#team-navbar { float: left; display: inline;/* width: 978px;*/ margin: 0 3px 2px 56px; background-color:#0067EC; /*royal blue*/ padding: 3px 0 4px 0; font-size:.9em; text-align:right; }




#team-navbar ul { margin: 0 0 0 5px; padding: 0; list-style: none; list-style-position: outside; text-align:left; }
#team-navbar ul li { margin: 0; padding: 0; display: inline; font-weight: bold; }
      #team-navbar ul li a { color: #fff; text-decoration: none; display: block; float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #fff; line-height: 1.2em; }

#team-navbar ul li a.current 
{ 
  color:#EBC33D; /* gold */
  cursor:default; /* The cursor will remain an arrow point */
}

	#team-navbar span { color:#fff; font-size:0.9em; padding-right:5px } 
	#team-navbar span a { color:#fff; font-style:italic }
	
	
/* This id is for the scrolling text (marquee) */
#scrollText
{
  padding-top:10px;
  color:#339999;
}

/* This id is for the resultTable div that contains innerb */
#resultsTable{ padding-top:50px; text-align:center;}

/* Div to hold tabletwo */
.innerb {height:20em; overflow:auto;}

/* Div holding validation icons */
.validation{ padding-top:50px; }

/*==================================== 
4.   images
  ====================================*/

img.scroll
{
  border:0;
  src:"../images/scrollBall.gif"
}

/**********************************************
 *  classes
 *********************************************/ 
 .blue{
   color:blue;
 }
  
.para{
  padding-bottom:10px;
}

.table{
  margin-left:auto;
  margin-right:auto;
  border:1px solid black;
}

td{
  padding:5px;
}

.bluebg{
  color:#000000;
  background-color:#6495ED;
}

.left{
  text-align:left;
}

.center{
  margin-left:auto;
  margin-right:auto;
}
/*=============================================
   5. Tables in Fixtures & Results
=============================================*/
/* Properties set for tableone */
.tableone {width:800px; border-collapse:collapse; margin:0 auto;}
.tableone {background:#1B6CAE;/*blue*/ border:1px solid #fff; color:#fff;}
.tableone td {border:1px solid #fff;/*white*/ color:#fff;/*white*/}
.tableone th {border:1px solid #fff;/*white*/ color:#fff;/*white*/ }
.tableone tbody {background:#f0c992;/*creamy brown*/ color:#000;}
.tableone caption {background:#FDFBE6; /*almost white*/ color:#2A00FF; /*blue*/ font-size:1.2em; margin:0 auto;}
tfoot td { font-size:11px;}


.tabletwo {width:780px; border-collapse:collapse;}
.tabletwo th, .tabletwo td {background:#eee; color:#000; font-size:13px;} /* set bkgd, text colors & font-size*/
.tableone th, .tabletwo th {text-align:center;} /* align text in th columns */
.tabletwo tr.dk th, tr.dk td {background:#ddd; color:#000;} /* apply class dk to header and data*/

/*Table Headings*/
.th1 {width:90px;}
.th2 {width:168px;}
.th3 {width:168px;}
.th4 {width:168px;}
.th5 {width:168px;}
/*Table Cells*/
.td1 {width:91px;}
.td2 {width:124px;}
.td3 {width:45px;}
.td4 {width:125px;}
.td5 {width:44px;}
.td6 {width:124px;}
.td7 {width:45px;}
.td8 {width:104px;}
.td9 {width:45px;}

/*  */
/* ===============================*/