@import 'pages.css';
@import '/js/fancybox/jquery.fancybox-1.3.4.css';

body {
   color:#68696a;
   background: #00549a url('/images/ui/bg.jpg') no-repeat center top;
   font: 62.5%  Arial, Verdana, Times ;}


body.minwidth #container{overflow:hidden !important;}
/* Remove or Reset Default Styles
-------------------------------------------------------------------------*/
* { margin:0; padding:0; list-style-type:none;}

img { border: none; }
ul#acc-links{display:none;}


/* Clear Floats
--------------------------------------------------------------------------*/
.clear{
 clear: both;
 font-size: 0;
 height: 0;
 line-height: 0;
 overflow: hidden;}

.clearfix,ul.tweet_list li,ul.list-books li{display:inline-block;}
.clearfix,ul.tweet_list li,ul.list-books li{display: block;}

.clearfix:after,
ul.tweet_list li:after,
ul.list-books li:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

/* General Form Styles 
-------------------------------------------------------------------------*/
input, textarea, select { color:#7F7F7F;font:11px Arial, Helvetica, sans-serif;outline:none;}
fieldset br{ clear:both;}
fieldset{ border:none;}


/* General Link Styles 
--------------------------------------------------------------------------*/
a:link, a:visited {
 color:#00549a;
 text-decoration:none;}

a:hover{color:#00549a; text-decoration:underline;}

.right{float:right !important;}

a.button{
 background:#ff0000;
 display:block;
 float:left;
 font: 10px Arial;
 -moz-border-radius: 3px;
 border-radius: 3px;
 color:#FFF !important;
 padding:4px 10px 6px 10px;}
/*-------------------------------------------------------------------------
                        PAGE STYLES
*-------------------------------------------------------------------------*/
#container{
 width:920px;
 margin:0 auto;} 
 
/*-------------------------------------------------------------------------
                       HEADER
*-------------------------------------------------------------------------*/
#header{
 padding:15px 0 0 0;
 height:125px;
 position:relative;}
 
#home #header{height:auto !important;}

#header h1 {
 width:331px;
 position:absolute;
 bottom:-20px;
 left:300px;}

#header h1 a{
 display:block;
 width:331px;
 text-indent:-999px;
 overflow:hidden;
 height:144px;
 background:url('/images/ui/logo_sub.png') no-repeat top left;}
 
ul#main-nav{
 font-size:17px;
 padding: 0 0 0 5px;
 color:#44709c;}
 
ul#main-nav li{
 float:left;
 padding: 0 14px;}

ul#main-nav li a{color:#44709c !important;}
ul#main-nav li a:hover{color:#FFF !important;}
 
ul#list-social{
 position:absolute;
 right:0;
 top:17px;}
 
ul#list-social li{
 float:left;
 padding: 0 7px 0 0;}

ul#list-social li a{
 display:block;
 width:16px;
 height:16px;
 float:left;
 text-indent:-9999px;
 overflow:hidden;
 background:url('/images/ui/icon_social.png') no-repeat top left;} 
 
ul#list-social li a.nav-fb{background-position: 0 -16px !important;}

#dropdown-training {
 position:absolute;
 top:35px;
 left:65px;
 width:550px;
 display:none;
 z-index:100;
/* -moz-border-radius: 0 0 5px 5px;
 border-radius: 0  0 5px 5px;
 border:1px solid red; 
 background-color:white; */
 padding: 0 0px;
 background:url('/images/ui/bg_nav_dropdown.gif') no-repeat top left;
 }
 
 #nav_training:hover div#dropdown-training {
 	display:block !important;
 }

#dropdown-training #tbl_Training {
 	margin:0 auto;
 }
 
 #dropdown-training #tbl_Training td {
 	background: url('/images/ui/header-sliver-half.gif') repeat-x;
	/* border:1px solid #4f89b9; */
	font-size:12px;
 }
 
 #dropdown-training #tbl_Training td h3 {
 	padding-top:2px;
	font-size:12px;
	font-weight:bold;
 	color:#fff !important;
	height: 20px;
 }
 
 #dropdown-training #tbl_Training td h3 a{
	color:#fff !important;
 }
 #dropdown-training #tbl_Training td h3 a:hover{
 	color:#f00 !important;
	text-decoration:none;
 }
 
 #dropdown-training #tbl_Training td li {
 	display:block;
	float:none;
	padding-top:2px;
}

#dropdown-training #tbl_Training td li a{
	color:#FFF !important;
	font-weight:bold;
 }
	
  #dropdown-store {
 position:absolute;
 top:35px;
 left:180px;
 width:160px;
 display:none;
 z-index:100;
 padding: 0;
 background:url('/images/ui/bg_nav_dropdown_narrow.gif') no-repeat top left;
 }
 
 #dropdown-marathon {
 position:absolute;
 top:35px;
 left:380px;
 width:160px;
 display:none;
 z-index:100;
 padding: 0;
 background:url('/images/ui/bg_nav_dropdown_narrow.gif') no-repeat top left;
 }
 
 #dropdown-half {
 position:absolute;
 top:35px;
 left:518px;
 width:160px;
 display:none;
 z-index:100;
 padding: 0;
 background:url('/images/ui/bg_nav_dropdown_narrow.gif') no-repeat top left;
 }
 
 #nav_marathon:hover div#dropdown-marathon,
 #nav_half:hover div#dropdown-half,
 #nav_store:hover div#dropdown-store {
 	display:block !important;
 }


 #nav_marathon:hover div#dropdown-marathon ul li,
 #nav_half:hover div#dropdown-half ul li,
 #nav_store:hover div#dropdown-store ul li{
	width:120px;
	text-align:center;
	float:none;	
	padding-top:4px;
	line-height:15px;
}
	
 #nav_marathon:hover div#dropdown-marathon ul li a,
 #nav_half:hover div#dropdown-half ul li a,
 #nav_store:hover div#dropdown-store ul li a{
	color:#fff !important;
	font-size:12px;
 	font-weight:bold;
}


/*-------------------------------------------------------------------------
                       CONTENT
*-------------------------------------------------------------------------*/
#content{
 background:url('/images/ui/bg_content_bottom.png') no-repeat bottom left;
 padding: 0 0 40px 0;}
 
#title{
 height:44px;
 padding:28px 0 0 30px;
 background:url('/images/ui/bg_content_top.png') no-repeat top left;}
 
#content-wrapper{
 min-height:300px;
 height:auto !important;
 height:300px;
 padding: 0 10px;
 background:url('/images/ui/bg_content.png') repeat-y top left;}
 
#title h2{
 font-size:24px;
 color:#00549a;} 
 
#content ul,
#content p{
 font-size:14px;
 line-height:17px;
 padding: 0 0 20px 0;}
 
#content li{
 padding: 0 0 12px 0;}
 
#content h3{
 font-size:18px;
 color:#ff0000;
 padding: 0 0 10px 0;}
 
#content h3.subtitle a{
 float:right;
 font-size:14px;
 color:#ff0000 !important;}
 
#main-content{
 float:left;
 width:540px;
 padding-top:20px;
 padding-left:20px;}

#sidebar{
 float:right;
 width:305px;
 padding-top:10px;
 padding-right:20px;}
 
/*-------------------------------------------------------------------------
                       SIDEBAR
*-------------------------------------------------------------------------*/
.box{
 width:282px;
 height:282px;
 padding:11px 12px 10px 11px;
 background:url('/images/ui/bg_box.png') no-repeat top left;}
 
.box h3{
 padding:6px 0 0 0 !important;
 height:37px;
 color:#FFF !important;
 font-size:24px !important;
 text-align:center;}
 
.box .content{text-align:center;}

#box-apps .content a{
 float:left;
 display:block;
 margin:20px 0 0 30px;}

#box-books .content a{display:block;margin-top:0px;}
 
#sidebar .content ul.training-plans-sidebar {
	padding-top:20px;
 }
 
 .marathon {
 	height:auto;
	background:url('/images/ui/bg_box_marathon.png') no-repeat top left;
	font-weight:bold;
	}
 .half {
 	height:auto;
	background:url('/images/ui/bg_box_half.png') no-repeat top left;
	font-weight:bold;
	}
 
 
/*-------------------------------------------------------------------------
                       FOOTER
*-------------------------------------------------------------------------*/
#footer {
 padding:20px 20px 60px 20px;
 position:relative;}


#footer p{
 float:left;
 font-size:9px;
 color:#6f9ec6;}
 
#footer p a{color:#6f9ec6 !important;}
 
#footer a.rs{
 width:50px;
 height:48px;
 display:block;
 text-indent:-999px;
 overflow:hidden;
 position:absolute;
 top:15px;
 left:430px;
 background:url('/images/ui/logo_rs.png') no-repeat top left;}
 
 
 
/*-------------------------------------------------------------------------
					WYSIWYG STYLES
*-------------------------------------------------------------------------*/
h5 {
	color: #ff0000;
	font-size : 18px;
	padding : 0 0 10px 0; }

h6 { 
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 10px 0;}

p.byline {
	color: #68696a;
	font-size: 12px;
	line-height: 14px;
	font-style: italic;
}