@CHARSET "UTF-8";
/*
*  Title: Bowl.com Global CSS
*  Author: Chem Swift (chem.swift@bowl.com)
*  Copyright (c) 2009 United States Bowling Congress
*  Date: 2/10/2009
*  Description:  This stylesheet describes global styles for the Bowl.com website based on the Bowl.com styleguide.
*                The target media is "Screen, Projection".  Refer any questions to chem.swift@bowl.com.
*/

/* Start Global Styles */
body{
   color: #333;
   margin: 0;
   padding: 0;
   font-size: medium;
   width: 100%;
   background: #c8d7e4;
   font-family: Arial, Helvetica, sans-serif;
}

#container{
   margin: 0;
   padding: 10px;
   width: 1024px;
}

* html #container{
   width: 1024px;
}

h1, h2, h3{
   color: #036;
}

h1{
   font-size: 150%;
}

h2{
   font-size: 130%;
}

h3{
   font-size: 110%;
}

p{
   color: #333;
}

ul, li{
   font-size: 95%;
}

a:link{
   color: #036;
   text-decoration: underline;
}

a:visited{
   color: #666666;
   text-decoration: underline;
}

a:hover{
   color: #39c;
}

a:active{
   color: #036;
}

/* Branding Styles */

#branding{
   margin: 0;
   padding: 0;
}

/* Navigation Styles */

#nav-primary{
   margin: 0;
   padding: 0;
}

#nav-primary a{
   color: #f0f0f0;
   margin: 0;
   padding: 4px 8px;
   text-decoration: none;
   background: #0f2e48;
}

#nav-primary a:hover{
   color: #fff;
   text-decoration: none;
   background: #1e090c;
}

#nav-secondary a{
   color: #036;
   margin: 0;
   padding: 4px 8px;
   text-decoration: none;
   background: #566e99;
}

#nav-secondary a:hover{
   color: #7d0c1c;
   text-decoration: none;
   background: #656c76;
}

/*Main Content Area */

#content-main{
   float: left;
   margin-bottom: 5px;
   width: 662px;
}

.module-main{
   background: #eaeaea;
}

/* Side-bar Content */

#content-sidebar{
   float: right;
   margin-bottom: 5px;
   width: 324px;
}

.module-sidebar{
   margin: 0;
   background: #eaeaea;
}

.module-sidebar h2{
   padding: 5px 0;
   background: #dae6f2;
}

.module-sidebar ul{
   padding-left: 0;
   list-style: none;
}

.module-sidebar .odd{
   padding: 5px 0;
   background: #d3e1ef;
}

.module-sidebar .even{
   padding: 5px 0 5px 0;
   background: #e7eff5;
}

#site-info{
   clear: both;
   color: #ccc;
   margin: 5px 0 0 0;
   background: #004c8a;
}

#site-info a{
   color: #ccc;
   text-decoration: none;
}

#site-info a:hover{
   color: #39c;
   text-decoration: none;
}