/********************************************/
/*   HTML Elements                          */
/********************************************/

body {
   margin           : 0;
   padding          : 0;
   font             : normal 73%/1.5em 'Comic Sans MS', 'Trebuchet MS', Tahoma, sans-serif;
   color            : #000000; /* black */
   text-align       : center;		
}

img.float-right {
   margin           : 5px 0px 5px 15px;
   float            : right;
}

img.float-left {
   margin           : 5px 15px 5px 0px;
   float            : left;
}

form {
   margin           : 10px 15px; padding: 0;
   border           : 1px solid #ffffff; /* white */
}

input {
   padding          : 1px;
   border           : 1px solid #000000; /* black */
   font             : normal 1.5em "Trebuchet MS", Tahoma, sans-serif;
   color            : #000000; /* black */
}

input.button {
   margin           : 15px;
   font             : bold 1.2em 'Comic Sans MS', Arial, Sans-serif;
   background       : #ffffff; /* white */
   padding          : 10px;
   color            : #000000; /* black */
   border           : 1.5px solid #000000; /* white */
   cursor           : pointer;
}

select {
   width            : 250px;
   padding          : 1px;
   font             : normal 1em "Trebuchet MS", Tahoma, sans-serif;
   border           : 1px solid #000000; /* black */
   color            : #000000; /* black */
}

ul, ol {
   margin           : 10px 30px;
   padding          : 0 15px;		
}

p, h1, h2, h3 {
   margin           : 10px 15px;
}

table {
   border-collapse  : collapse;
   margin           : 10px 15px;	
}

th strong {
   color            : #ffffff; /* white */
}

th {
   font-size        : 16px;
   height           : 29px;
   padding-left     : 11px;
   padding-right    : 11px;
   color            : #000000; /* black */
   text-align       : left;
}

th.sport {
   width            : 130px;
}

tr {
   height           : 30px;
}

td {
   padding-left     : 11px;
   padding-right    : 11px;
   color            : #000000; /* black */
}

td.first,th.first {
   border-left      : 0px;
}

td.duration {
   text-align       : center;
}

li.football {
   font             : normal 14px 'Comic Sans MS', 'Trebuchet MS', Tahoma, sans-serif;
   margin           : 10px 30px;
   padding          : 0 15px;
   list-style-image : url(images/footballbullet.jpg);
}

li.basketball {
   font             : normal 14px 'Comic Sans MS', 'Trebuchet MS', Tahoma, sans-serif;
   margin           : 10px 30px;
   padding          : 0 15px;
   list-style-image : url(images/basketballbullet.jpg);
}

li.rugby {
   font             : normal 14px 'Comic Sans MS', 'Trebuchet MS', Tahoma, sans-serif;
   margin           : 10px 30px;
   padding          : 0 15px;
   list-style-image : url(images/rugbybullet.jpg);
}

li.tennis {
   font             : normal 14px 'Comic Sans MS', 'Trebuchet MS', Tahoma, sans-serif;
   margin           : 10px 30px;
   padding          : 0 15px;
   list-style-image : url(images/tennisbullet.jpg);
}

/********************************************/
/*	  Headings                          */
/********************************************/

#header-content, #content, #footer-content {
   width            : 1024px;
}

#header {
   display          : none;
   height           : 100px;
   text-align       : left;	
   background-color : #2b60de; /* royal blue */
}

#header-content {	
   margin           : 0 auto;
   padding          : 0;
   position         : relative;
}

#header-content h1#logo {
   position         : absolute;	
   font             : bold 50px 'Comic Sans MS', 'Trebuchet MS', Sans-serif;
   letter-spacing   : -2px; 
   color            : #ffffff; /* white */
   margin           : 0;
   padding          : 0;		

/* change the values of left and top to adjust the position of the logo */
   top              : 0;
   left             : 0px;
}

#header-content h1#logo a {
   text-decoration  : none;
   color            : #ffffff; /* white */
}

#header-content h1#logo a span {
   color            : #ffed39; /* gold */
}

#header-content #slogan {
   position         : absolute;	
   font             : bold 22px 'Comic Sans MS', 'Trebuchet Ms', Sans-serif;
   text-transform   : none;
   color            : #ffffff; /* white */
   margin           : 0;
   padding          : 0;

/* change the values of left and top to adjust the position of the slogan */
   top              : 65px;
   left             : 70px;
}

#header-content ul {
   position         : absolute;
   right            : -110px;
   top              : 15px;
   font             : bolder 1.3em 'Trebuchet MS', sans-serif;
   color            : #ffffff; /* white */
   list-style       : none;
   margin           : 0;
   padding          : 0;
}

#header-content li {
   display          : inline;
}

#header-content li a {
   float            : left;
   display          : block;
   padding          : 3px 8px;	
   color            : #ffed39; /* gold */
   background-color : #2b60de; /* royal blue */
   text-decoration  :  none;
   border-right     : 1px solid #000000; /* black */
}

#header-content li a:hover {
   background       : #1589ff; /* dodger blue */
   color            : #ffffff; /* white */
}
#header-content li a#current  {
   background       : #1589ff; /* dodger blue */
   color            : #ffffff; /* white */
}

.headerphoto {
   display          : none;
   margin           : 0 auto;
   width            : 1024px;
   height           : 110px;
}

.headerphoto img {
   padding          : 7px;
}


/********************************************/
/*	  Content Wrapper                   */
/********************************************/

#content-wrap {
   clear            : both;
   float            : left;
   width            : 100%;
}

#content {
   text-align       : left;	
   padding          : 0;
   margin           : 0 auto;	
}

/********************************************/
/*	  Side Bar                          */
/********************************************/

#sidebar {
   float            : right;
   width            : 30%;
   margin           : 0 0 10px 0;
   padding          : 0;	
   display          : none;
}	

#sidebar h1 {
   padding          : 10px 0px 5px 10px;
   margin           : 0;	
   font             : bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
   color            : #ffed39; /* gold */
}

#sidebar p {
   font-size        : 12px;
}

.sidebox {
   background-color : #2b60de; /* royal blue */
   border           : 1px solid #ffffff; /* white */
   margin-bottom    : 15px;
   color            : #ffed39; /* gold */

}

.sideboximg {
   background-color : #ffffff; /* white */
   padding          : 0px 0px 15px 4px;
}

/********************************************/
/*	  Side Bar Menu                     */
/********************************************/

#sidebar ul.sidemenu {
   list-style       : none;
   margin           : 10px 0 15px 0;
   padding          : 0;
   background-color : #2b60de; /* royal blue */
}

#sidebar ul.sidemenu li {
   padding          : 0px 10px;
}

#sidebar ul.sidemenu a {
   display          : block;
   font-weight      : normal;
   font-size        : 14px;
   color            : #ffffff; /* white */
   height           : 1.5em;	
   padding          : .3em 0 .3em 15px;
   line-height      : 1.5em;
   border-bottom    : 1px dashed #ffed39; /* gold */
   text-decoration  : none;
}

#sidebar ul.sidemenu a.top{	
   border-top       : 1px dashed #ffed39; /* gold */
}

#sidebar ul.sidemenu a:hover {
   padding          : .3em 0 .3em 10px;
   border-left      : 5px solid #ffed39; /* gold */
   color            : #ffed39; /* gold */		
}

/********************************************/
/*	  Main Body                         */
/********************************************/

#main {
   float            : left;
   width            : 68%;
   margin           : 0 0 10px 0;
   padding          : 0;	
}

#main h1 {
   color            : #306eff; /* royal blue 1 */
   padding          : 10px 0px 0px 5px;
   margin           : 0 0 0 10px;
   border-bottom    : 2px solid #306eff; /* royal blue 1 */
   font             : normal 2.5em 'Comic Sans MS', 'Trebuchet MS', Tahoma, Sans-serif;
}

.maintext {
   font-size        : 14px;
   font-weight      : normal;
   color            : #000000; /* black */
   padding          : 10px 0px 5px 0px;
}

/********************************************/
/*	  Footings                          */
/********************************************/

#footer {
   clear            : both;
   height           : 100px;
   text-align       : left;	
   background-color : #2b60de /* royal blue */
   display          : none;
}


#footer-content {	
   display          : none;
   margin           : 0 auto;
   padding          : 0;
   position         : relative;
}

#footer-content h1#logo {
   position         : absolute;	
   font             : bold 50px 'Comic Sans MS', 'Trebuchet MS', Sans-serif;
   letter-spacing   : -2px; 
   color            : #ffffff; /* white */
   margin           : 0;
   padding          : 0;		

/* change the values of left and top to adjust the position of the logo */
   top              : 0;
   left             : 0px;
}

#footer-content h1#logo a {
   text-decoration  : none;
   color            : #ffffff; /* white */
}

#footer-content h1#logo a span {
   color            : #ffed39; /* gold */
}

#footer-content #slogan {
   position         : absolute;	
   font             : bold 22px 'Comic Sans MS', 'Trebuchet Ms', Sans-serif;
   text-transform   : none;
   color            : #ffffff; /* white */
   margin           : 0;
   padding          : 0;

/* change the values of left and top to adjust the position of the slogan */
   top              : 65px;
   left             : 70px;
}

/********************************************/
/*	  Additional Classes                */
/********************************************/

.clear {
   clear            : both;
}