/*--------------------------------------------
   doc title: Fixtures Live 2 column template master stylesheet
   filename: fixtures_live.css
   author: Jamie Brighton @ Crunch Digital Solutions
   created: 22/11/2007
   last modified date: 22/11/2007
   last modified by: Jamie Brighton
   
   ------------------

   1. defaults
   2. structure
   3. navigation
   4. headings, typography, links
   5. forms
   6. images
   7. iframes
   8. Fixtures Live specific styles

--------------------------------------------*/

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

*
		{
		margin: 0;
		padding: 0;
		}

body
		{
		font-family: arial, sans-serif;
		font-size: 0.8em;
		color: #000;
		text-align: center;
      padding: 0 0 25px 0;
      background: #0B2767 url('/inc/img/background_page.jpg') 50% 0 repeat-x;
		}

img
		{
		border: 0;
		}

a		
		{
		text-decoration: none;
		}



/*-------- 2. structure --------*/
#wrapper
		{
      margin: 0 auto 0 auto;
      text-align: left;
      width: 988px;
      border: 1px solid #fff;
		background-color: #fff;
      }

#header
      {
      background: url('/inc/img/header_main.jpg');
      height: 126px;
      text-align: left;
      }

#page
      {
      text-align: center;
      background: url('/inc/img/background_left_column.gif') repeat-y;
      height: 100%;
      overflow: hidden;
      }

#left_column
      {
      float: left;
      text-align: left;
      width: 190px;
      padding: 0 0 0 3px;
      background: #fff url('/inc/img/background_left_column.gif') repeat-y;
      }
#right_column
      {
      margin: 32px 0 0 0;
      float: right;
      width: 213px;

      }
#page_content
      {

      }  
#content
      {
      text-align: left;
      margin: 0 0 15px 16px;
      width: 554px;
      float: left;

      }

.section
      {
      padding: 10px 8px 0 8px;
      margin: 0 0 10px 0;
      }
.apisection
      {
      padding: 10px 8px 0 8px;
      margin: 0 0 10px 0;
      }
#page_content_sub_nav
      {
      background: url('/inc/img/background_page_content_sub.gif') repeat-x;
      height: 34px;
      }

#map
      {
      border: 1px solid #ccc;
      margin: 0 1px 10px 7px;
      padding: 1px 1px 1px 1px;
      }
#footer
      {
      background: url('/inc/img/background_left_column.gif') repeat-y;
      width: 988px;
      color: #fff;
      text-align: left;
      margin: 0 auto 25px auto;
      clear: both;
      }
#footer_left
      {
      float: left;
      width: 205px;

      }
#footer_right
      {
      float: left;
      padding-top: 30px;
      margin: 0 0 0 0px;
      }
#footer_sub_nav
		{
      margin: 5px auto 0 auto;
      text-align: right;
      color: #fff;
      width: 988px;
      }

.cleaner
      {
      background:transparent none repeat scroll 0%;
      border:medium none;
      clear:both;
      font-size:1px;
      height:1px;
      margin:0pt;
      padding:0pt;
      }
 
 #black_divider
      {
      margin: 0 0 10px 0;
      clear: both;
      display: block;
      border: 1px solid black;
      width: 720px;
      }
/*-------- 3. navigation --------*/

#listMenuRoot
      {
      float: right;
      margin: 0 0px 10px 0px;
      background-color: #0B2767;
      }
#listMenuRoot li
      {
      padding: 7px 0 0px 20px;
      list-style: none;
      margin: 0 0 5px 0;
      width: 170px;
      }
#listMenuRoot li
      {
      background: url('/inc/img/background_navigation.gif') no-repeat;
      }
#listMenuRoot li ul
      {
      margin: 10px 0 0 0;
      }
#listMenuRoot li ul li
      {
      background: #0B2767;
      padding: 3px 0 3px 20px;
      margin: 0;
      font-size: 0.85em;
      width: 144px;
      }

.parentlevel a, .childlevel a
      {
      color: #fff;
      }
.parentlevel a:hover, .childlevel a:hover, .menu_selected
      {
      font-weight: bold;
      }
 
#newsMenuRoot
      {
      float: right;
      margin: 0 0 10px 0;
      list-style: none;
      height: 30px;
      }
#newsMenuRoot li
      {
      display: block;
      height: 30px;
      padding: 7px 0 0px 0px;
      list-style: none;
      margin: 0 0 5px 0;
      width: 180px;
      }
#newsMenuRoot a
      {
      color: #000 !important;
      }

		/*-- page content sub nav --*/
#page_content_submenu
		{
		list-style: none;
      display: block;
      height: 26px;
      background: #0290E8;
      float: left;
		}

#page_content_submenu li
		{
		color: #fff;
		display: inline;
		list-style-type: none;
		text-align: left;
		}

#page_content_submenu a
		{
            border-right: 1px solid #fff;
		display: block;
		font-size: 0.85em;
		float: left;
		color: #fff;
      font-weight: bold;
      padding: 7px 10px 7px 10px;

		}

#page_content_submenu a:hover
		{
		text-decoration: underline;
		}

#page_content_submenu a.selected
		{
		color: #fff;
		background-color: #67CC34;
      }      





/*-------- 4. headings, typography, links --------*/
		/*-- headers --*/
h1
      {
      color: #0B2767;
      font-size: 1.3em;
      margin: 0 0 5px 0;
      padding: 0 0 5px 0;
      border-bottom: 1px solid red;
      }
h2
      {
      color: #696969;
      font-size: 1em;
      margin: 0 0 5px 0;
      }

		/*-- typography --*/
p
      {
      color: #696969;
      line-height: 1.3em;
      }
.section p
      {

      }
p.newsarticle, p.rssarticle
      {
      margin-bottom: 10px;
      }
p.rssarticle
      {
      margin-bottom: 0px;
      }
#left_column p
      {
      font-size: 0.85em;
      width: 170px;
      padding: 0 5px 0 5px;
      float: right;
      }
#left_column h1
      {
      color: #ff0000 !important;
      font-size: 1em;
      float: right;
      width: 180px;
      text-align: left;
      margin-top: 8px;
      border: none;
      font-weight: bold;
      }
#left_column h1 a
      {
      color: #ff0000;
      }
#left_column h2
      {
      font-size: 0.9em;
      float: right;
      width: 180px;
      text-align: left;
      }
#footer_sub_nav a
      {
      color: #fff;
      font-size: 0.85em;
      }

#footer_sub_nav a:hover
      {
      text-decoration: underline;
      }
   
/*-------- 5. forms --------*/


/*-------- 6. images --------*/
#header_login
      {
      float: right;
      margin: 3px 10px 0 0;
      }

#footer img
      {
      float: left;
      margin: 0 0 0 5px;


      }
.rss
      {
      float: right;
      vertical-align: texttop;
      }
/*-------- 7. iframes --------*/


iframe#fixtures_calendar
      {
      width: 189px;
      height: 600px;
      }
#footer_right iframe
      {
      border-top: 3px solid black;
      margin-left: 10px;
      padding: 15px 6px 0 20px;
      }
   
/*-------- 8. Fixtures Live Specific Styles --------*/

#fl /* ID of main Fixtures Live API area */
      {
      float: left;
      width: 520px;
      }