body
{ 
background:url(images/top_bg_blue.png) repeat-x top #F6F5E9;
margin:auto;
font-family: Arial, Verdana, Helvetica, sans-serif;
/*'lucida grande', tahoma, verdana, arial, sans-serif; ** facebooks*/
font-size:11px;
color:#221e1f;
-webkit-font-smoothing: antialiased;
}
img {
border: 0;    
}
h1{
font-size:20px;
font-weight:normal;
font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
color:#241e1e;
padding:5px 0 0 0;
margin:0px;
}
    h1 a
    {
        text-decoration: none;
        color: #241e1e;
    }
h2{
font-size:18px;
font-weight:normal;
color:#555;
padding:5px 0 5px 0;
margin:0px;
}
h3{
font-size:16px;
font-weight:normal;
color:#241e1e;
padding:5px 0 5px 0;
margin:0px;
}
h4{
font-size:14px;
font-weight:normal;
color:#241e1e;
padding:5px 0 5px 0;
margin:0px;
}
.clear {
clear:both;
overflow:hidden;
height:4px;
}

/* ************************* Added for the user-footer to work ********************* */
#main_container {
width:100%;
}
/* ************************* Added for the user-footer to work ********************* */

#main_content{
/*max-width:1200px;*/
width: 930px;
height: auto;
margin: 0 auto;
background-color:#FFF;
border:6px #E2E0D4 solid;
position: relative;
padding-bottom: 60px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}


/*------logo---------*/
#logo
{
    margin: 0;
    display: block;
    width: 367px; height: 70px;
}
    #logo .header_logo {  display: block; } 
        #logo a {
            text-decoration: none;
            overflow: hidden;
            text-indent: 400px;
            display: block;
            width: 367px;
            height: 70px; 
            /* height: 67px; */
            background: transparent url(/Content/images/logo_white_331_with_beta.png) no-repeat 0 0;
            /* background: transparent url(/Content/images/logo_white_331.png) no-repeat 0 0; */
        }

/*---------user menu---------*/
#user_menu { /* this will ba used as a wrapper for the nav_menu so we can center it (nav_menu). especially for IE */
	height:30px; /* fix bar's height */
	width:100%; /* use 100% of width */
	
	/* hide scrollbar for this wrapper */
	overflow:hidden;
}

	#user_menu .user_menu_inner { /* the menu itself */
		height:30px; /* fix bar's height */
		/*width:900px;  fixed width */
		width: 100%;
		/* center this div */
		margin-left:auto;
		margin-right:auto;	
		
		/* add effect */
		/* background-color:#0C6498; */
		background-color: #fff;
		border: 0;
	}
	
	/*
	 * menu links and link effects
	 */
		#user_menu .user_menu_inner ul {
			margin: 0;
			padding-top: 6px;
			list-style:none;
		}
		
		#user_menu .user_menu_inner li {
			display:inline;
		}
		
		#user_menu .user_menu_inner li a {
			padding-top:3px;
			padding-bottom:5px;
			padding-left:9px;			
			padding-right:30px;
			background-color: #fff;
		}
		
		#user_menu .user_menu_inner a:link, #user_menu .user_menu_inner a:visited {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#094e78;
			font-weight: bold;
			text-decoration:none;
			padding-left: 20px;
		}

		#user_menu .user_menu_inner a:hover {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			text-decoration:none;
			cursor: pointer;
			font-weight: bold;
		}

/*------top menu---------*/
#top_menu{
/*max-width:1200px;*/
width: 930px;
margin:auto;
padding:5px;
height: 75px;
position: relative;
}
ul.menu {
list-style-type:none; display:block; width: auto; height:18px; margin:auto; padding:0;}

ul.menu li {
display:inline;}

a.nav:link, a.nav:visited {
display:block; float:left; padding:4px 11px 0 26px; margin:0;width: auto; height:18px; text-align:center; line-height:18px; font-weight:bold; font-size:12px;
text-decoration:none; color:#fff; background:url(images/bt_bg.jpg) no-repeat left;}

a.nav:hover {
display:block; float:left; padding:4px 11px 0 26px; margin:0;width: auto; height:18px; text-align:center; line-height:18px;
text-decoration:none;  color:#fff; background:url(images/bt_bg_a.jpg) no-repeat left;}
/*----page content----*/
#page_content{
width:800px;
height:auto;
margin:auto;
}
#page_content_left{
width:400px;
height:auto;
float:left;
padding:10px;
border-right:1px #800000 dashed;
}
#page_content_right{
width:400px;
height:auto;
float:left;
padding:10px;
}
.title{
font-size:16px;
color:#808080;
clear:both;
padding-left:10px;
}
.content_text{
font-size:11px;
color:#333333;
height:auto;
text-align:justify;
padding:8px;
}
img.pic{
padding:0px;
margin-right:10px;
margin-bottom:10px;
border:5px #FFFFFF solid;
float:left;
}
img.map_pic{
padding:0px;
margin:10px;
border:5px #FFFFFF solid;
float:right;
}
img.gallery{
padding:0px;
margin:8px;
border:5px #FFFFFF solid;
float:left;
}
.more{
width:auto;
float:right;
height:20px;
}
.link_more a{
width:auto;
float:left;
text-decoration:none;
color:#990000;
font-size:12px;
padding:3px 23px 0 5px;
}
.link_more a:hover{
text-decoration:underline;
}
img.more{
float:left;
}
#page_bottom{
width:830px;
clear:both;
padding:10px;
height:auto;
}
img.inspiration{
padding:2px;
margin:3px;
border:2px #FFFFFF solid;
}
/*---------services---------*/
.details{
width: auto;
height:auto;
float:left;
padding-left:20px;
}
ul.services {
list-style-type:none;display:block; width:auto; height:auto; float:left; 
margin:0px; padding:10px 0 10px 2px;}

ul.services li {
display:inline;}

a.nav_services:link, a.nav_services:visited {
display:block; padding:1px 0 0 14px; margin:2px;width: auto; height: auto; text-align:left; line-height:17px;
text-decoration:none; background:url(images/bullet.png) no-repeat left; color:#000;}
a.nav_services_a {
display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:17px; font-weight:bold;
text-decoration:none; background:url(images/bullet_a.png) no-repeat left; color: #990000;}

a.nav_services:hover {
display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:17px;
text-decoration:none; background:url(images/bullet_a.png) no-repeat left; color:#000000;}



/*---------menu_navigation--------*/
.menu_navigation{
width:750px;
height:30px;
margin:auto;
clear:both;
}
#left{
width:auto;
float:left;
}
.left{
float:left;
}
.right{
float:left;padding:3px;
}
.right a{
text-decoration:none;
color:#990000;
}
#right{
width:auto;
float:right;
padding-right:25px;
}

/*-------form------*/

fieldset { border: 0; margin: 10px; }
fieldset label { position: absolute; text-align:right; width:100px; font-weight: bold; padding-top: 5px; font-size: 14px; color: #4f4444; }
input, textarea, select { margin-left: 120px; }
label.check, label.radio { position:relative; text-align:left;}
.large {padding: 5px 20px; margin: 0; font-size: 14px;}
.left {text-align: left; font-weight: normal;}
.toppadding {position: relative; top: 3px;}

#selectedactivity 
{
    padding: 1px; 
    border: solid 1px #eee; 
    height: 64px; 
    width: 64px;
}

#selectedactivitytext
{
    color: #4f4444;
    font-weight: bold;
    font-size: 45px;
    padding-left: 20px;
    position: relative;
    top: -18px;
}


/*-------footer-----*/
#footer
{
    width: auto;
    height:80px;
    clear:both;
    margin-top:40px;
    background-color: #221e1f;
}
    #footer_content
    {
        width: 930px;
        margin:auto;
        padding-top: 30px;
    }
        #footer_content ul
        {
            padding: 0;
            margin: 0;
        }    
            #footer_content ul li
            {
                display: inline;
                padding-right: 20px;
            }
                #footer_content ul li a
                {
                    color: #fff;
                    font-size: 16px;
                    font-family: Calibri;
                    text-decoration: none;
                }
                    #footer_content ul li a:hover
                    {
                        text-decoration: underline;
                    }
        
        #footer_content p
        {
            float: right;
            color: #fff;
            font-size: 16px;
            font-family: Calibri;
            margin: 0;
            padding: 0;
        }  

.menu_logout {background: #221e1f url(images/icons/16/logout.png) no-repeat 0 50%;}
.menu_leagues {background: #221e1f url(images/icons/16/team.png) no-repeat 0 50%;}
.menu_venue {background: #221e1f url(images/icons/16/pin.png) no-repeat 0 50%;}
.menu_players {background: #221e1f url(images/icons/16/users.png) no-repeat 0 50%;}
.menu_teams {background: #221e1f url(images/icons/16/users.png) no-repeat 0 50%;}
.menu_rules {background: #221e1f url(images/icons/16/rules.png) no-repeat 0 50%;}
.menu_games {background: #221e1f url(images/icons/16/schedule.png) no-repeat 0 50%;}
.menu_photos {background: #221e1f url(images/icons/16/photo.png) no-repeat 0 50%;}
.menu_seasons {background: #221e1f url(images/icons/16/seasons.png) no-repeat 0 50%;}
.menu_help {background: #221e1f url(images/icons/16/help.png) no-repeat 0 50%;}
.menu_schedule {background: #221e1f url(images/icons/16/schedule.png) no-repeat 0 50%;}
.menu_profile {background: #221e1f url(images/icons/16/profile.png) no-repeat 0 50%;}

/* ********************
    ALERT MESSAGE
******************** */

#alert
{
    overflow: hidden;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #bf260b;
    height: 0;
    color: #fff;
    font: 24px/85px 'Lucida Grande', sans-serif;
    font-weight: bold;
    opacity: .95;
    z-index: 300;
}