@import 'reset.css';

body{font: 12px/16px Arial, Helvetica, SanSerif; color: #000; background-color: #e8e8e8; margin:0; padding:0;
	background-image: url('/images/nav/bg.gif'); background-repeat:repeat-x; line-height:1.5em;}
	
.container{width:968px; margin:0 auto; padding:0 6px; background-image: url('/images/nav/shadow.png'); background-repeat:repeat-y;}
.containerBottom{width:980px; margin:0 auto; padding:0; height:14px; background-image:url("/images/nav/footerBG.gif"); background-repeat:no-repeat; background-position:left top;}

.logoMobile, .logoPrint, .footerPrint{display:none}

a, a:active{color: #003366; text-decoration:none;}
a:hover{color: #cc0000; text-decoration:underline;}

h1{margin:0 0 1em 0; color: #2f505d; font-size: 24px; font-weight: normal; line-height:1.1em;}
h2{margin-bottom:1em; color: #751419; font-size: 19px; font-weight: normal; line-height:1.2em;}
h2 a, h2 a:active{text-decoration:underline;}
h2 a:hover{text-decoration:underline;}
h3{margin-bottom:1em; color: #000; font-size: 15px; font-weight: normal;}
h3 a, a:active{text-decoration:underline;}
h3 a:hover{text-decoration:underline;}

h4{}
h5{}

img{border:none;}

.header{width:100%; height:112px; background-color:#fff;}
.header ul {list-style: none;}
.logo{float:left; padding:0; margin:0;}
.logo img{width:423px; height:112px;}

.headerFlash{float:left; padding:0; margin:0; width:545px; height:112px;}


.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
.floatRightCenter{float:right; text-align:center; margin:0 0 15px 15px;}
.imageRight{float:right; padding:0 0 25px 25px;}
.imageLeft{float:left; padding:0 25px 25px 0;}
.thumbFloat{float:left; padding:0 10px 10px 0;}
.thumbFloat img{width:250px; height:auto;}

.gridFloat{float:left; padding:0 10px 10px 10px; margin:0 15px 15px 0; width:210px; text-align:center;}

.caption{ font-style:italic; font-size:11px; line-height:1.2em;}


/*-------  main menu  --------*/
.mainNav{margin:0; padding:0; width:100%; font-size:14px; background-color:#fff; border-top:solid #52606b 1px;}

.mainNav td{padding:0; text-align:center; background-image:url("/images/nav/nav_bar.gif"); background-repeat:no-repeat; background-position:right top;}
.mainNav td.last{background-image:none;}

.mainNav td a{color:#000; text-decoration:none; padding:5px 12px; display:block;}
.mainNav td a:hover{color: #000; text-decoration:none; background-image:url("/images/nav/navHover.gif"); background-repeat: repeat-x;}

.mainNav td.active{color: #000; text-decoration:none; background-image:url("/images/nav/navHover.gif"); background-repeat: repeat-x;}
.mainNav td.active a{color: #000;}




/*-------   Content  --------*/
.content{clear:both; overflow: hidden; background-color:#fff; padding:15px 15px 30px 15px; margin:0;}
.content th{ background-color:#ccc; color:#000; padding:3px 6px; font-weight:bold; text-align:left;}
.content td{ background-color:#fff; padding:3px 6px;}
.content td.row1{ background-color:#fff;}
.content td.row2{ background-color:#f0f0f0;}

.content .leaderReader th{ background-color:#fff; color:#666; padding:3px 6px 3px 0; white-space:nowrap;}
.content .leaderReader td{ background-color:#fff; padding:3px 0 3px 6px;}


div.clear{clear: both; width:0px; height: 0px; overflow: hidden;}

.leftColumn{width:180px; float:left; margin:0; padding:0;}
.rightColumn{width:743px; float:right; margin:0; padding:0;}

.content p{margin:1em 0;}
.content ul{margin:0;}
.content ul ul{margin:0 0 1em 1em;}
.content ol{margin:1em;}
.content ol ol{margin:0 0 1em 1em;}
.content li{margin:auto 0;}


/*-------   Home  --------*/

.homeBox{float:left; width:302px; padding:15px 15px 0 0;}
.homeBox.last{padding-right:0;}
.homeBox-top{background-image:url("/images/nav/homeBox-top.gif"); background-repeat:no-repeat; width:302px; height:9px;}
.homeBox-mid{background-image:url("/images/nav/homeBox-mid.gif"); background-repeat:repeat-y; width:272px; padding:3px 15px 5px 15px;}
.homeBox-bot{background-image:url("/images/nav/homeBox-bot.gif"); background-repeat:no-repeat; width:302px; height:9px;}

.homeBox h2{padding:0; margin:0; font-weight:bold; color:#333333; font-size:18px;}
.homeBox ul, .homeBox ol{padding:0; margin:1em 0 0 1em;}
.homeBox li{padding:0; margin:0 0 0 1em;}
p.learn-more{margin-bottom:0;}

/*-------  Hero  --------*/	

.heroLeft{width:222px; height:232px; float:left; margin:0; background-color:#203240; padding:15px;
	background-image:url("/images/pics/heroLeft.gif"); background-repeat:no-repeat; }
.heroLeft h1{color:#fff; font-weight:bold; font-size:18px; margin:0; padding:0 0 10px 0;}
.heroLeft p{color:#fff; font-size:12px; margin:0; padding:0 0 10px 0;}
.heroLeft ul{margin:0; padding:0 0 0 1em;}
.heroLeft li{margin:0; padding:0; color:#fff; font-size:12px;}
.heroLeft a{color:#fff; text-decoration:underline;}
.heroLeft a:hover{color:#fff; text-decoration:underline;}
.heroRight{width:686px; height:262px; float:left; margin:0;}
.newScroller {width:686px; margin:0; padding:0;}
.newScroller-menu { display:none;}
.newScroller-buttons{position:relative; z-index: 102; padding: 0px; left: 400px; top: -31px; width: 59px; height: 21px;}

.newScroller a {text-decoration:none;}
.newScroller a:hover {text-decoration:none;}
.newScroller a:active, .newScroller a:focus {outline: none;}

.scroller {width: 686px; height: 262px; overflow: hidden; margin:0px; background-color:Yellow;}

.ico {padding:0; margin:0;}
.ico-prev {width: 23px; height: 19px; background-image: url('/images/hero/paginate-prev2.gif'); background-repeat:no-repeat;}
.ico-next {width: 24px; height: 19px; background-image: url('/images/hero/paginate-next2.gif'); background-repeat:no-repeat;}

.left { float: left; }
.right { float: right; }

#content-1 {width: 10000px;}
.slide {width: 686px; height: 263px; float: left; background-color: #FFF; padding:0; margin:0;}

.hero-sign{width:563px; height:322px; background-repeat:no-repeat; padding:0; margin:0; background-color:#000;}
.hero-sign h1{float:left; clear:both; width:543px; margin:0; padding:235px 10px 10px 10px; font-weight:normal; font-size:24px; color:#FFFFFF;}
.hero-sign p{float:left; clear:both; width:543px; margin:0; padding:0px 10px 0px 10px; font-size:11px; font-weight:normal; color:#FFFFFF; line-height:1.3em;}
.hero-sign a{text-decoration:none; color:#fff;}
.hero-sign a:hover{text-decoration:underline; color:#fed567;}

.hero-video{width:563px; height:322px; background-repeat:no-repeat; padding:18px 0 0 0; margin:0; background-color:#000;}
.hero-video h1{float:left; clear:both; width:543px; margin:0; padding:10px 10px 10px 10px; font-weight:normal; font-size:24px; color:#FFFFFF;}
.hero-video p{float:left; clear:both; width:543px; margin:0; padding:0px 10px 0px 10px; font-size:11px; font-weight:normal; color:#FFFFFF; line-height:1.3em;}
.hero-video a{text-decoration:none; color:#fff;}
.hero-video a:hover{text-decoration:underline; color:#fed567;}

.video-item{float:left; width:217px; text-align:center; height:205px; padding:0 12px 0 40px; margin:0;}
.video-item a{text-decoration:none; color:#2f505d; font-size:18px;}
.video-item a:hover{text-decoration:underline; color:#cc0000;}

/*-------  Nav  --------*/	

.leftNav{ line-height:1.2em;}
.leftNav h2{font-size:13px; padding:0 0 0 0; margin:0 0 8px 0;}
.leftNav h2.active{font-weight:bold;}
.leftNav h2 a{text-decoration:none;}
.leftNav h2 a:hover{text-decoration:underline;}
.leftNav h3{font-size:13px; padding:0 0 12px 0; margin:0; line-height:1.4em; color:#996600;}
.leftNav ul li{font-size:11px; padding:4px 0; margin:0 0 0 15px;}
.leftNav ul{border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; margin:0 0 12px 0; padding:4px 0 4px 0; list-style-image:url("/images/nav/nav_arrow.gif");}

.leftNav ul ul li{font-size:11px; padding:4px 0; margin:0 0 0 25px;}
.leftNav ul ul{border-top:none; border-bottom:none; margin:0 0 0 0; padding:4px 0 4px 0; list-style-image: none;}


.leftNav ul li.active a, .leftNav ul ul li.active a{font-weight:bold;}

.leftNav ul li.active ul li a{color:#996600;}
.leftNav ul li a.active ul li{color:#996600;}

.breadcrumb{padding-bottom:2em; font-size: 10px;}
.breadcrumb p{margin:0; padding:0;}


/*-------  TABBED PANEL STYLES  --------*/

.TabbedPanels{margin: 0px; padding: 0px; float: left; clear: none; width: 100%;}
.TabbedPanelsTabGroup{margin: 0px; padding: 0px;}
.TabbedPanelsTab{position: relative; top: 1px; float: left; padding: 5px 10px; margin: 0 5px 0 0; background-color: #cccccc;
	border: solid 1px #CCC; border-bottom: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; width: auto;
	height: auto; text-align: center;}
.TabbedPanelsTabHover{background-color: #fff;}
.TabbedPanelsTabSelected{background-color: #fff; border-bottom: none;}
.TabbedPanelsTab a{color: black; text-decoration: none;}
.TabbedPanelsContentGroup{clear: both; border: solid 1px #CCC; background-color: #fff;}
.TabbedPanelsContent{padding:15px;}


/*-------  basic training weeks  --------*/


.content .weekContainer td{padding:0px;}

.weeks1{float:left; padding:0px; width:324px;}
.weeks1 .noTopMargin{margin-top:0; padding-top:0;}
.weeks2{float:right; width:366px;}
.quote{background-color:#203344; padding:15px;}

.quote-text{margin:0; font-size:16px; line-height:1.5em; color:#fff; font-style:italic;}
.quote-author{margin:10px 0 0 0; font-size:13px; text-align:right; width:100%; color:#fff; font-style:italic;}


/*-------  print/email links  --------*/
.share{margin: 80px 0 0 0; text-align:left;  text-transform:uppercase; font-size: 10px;}
.share p{padding:0 0 5px 0;}
a.translate, a.print, a.email{height: 11px; padding-left: 17px; color:#666666;}
a.translate{background-image: url('/images/nav/translate.gif'); background-position: left center; background-repeat: no-repeat;}
a.print{background-image: url('/images/nav/print.gif'); background-position: left center; background-repeat: no-repeat;}
a.email{background-image: url('/images/nav/email.gif'); background-position: 0px 2px; background-repeat: no-repeat;}


/*-------   Footer  --------*/

.footer{padding:12px 15px 5px 15px; margin:0px auto; color: #333; font-size: 11px; clear:both; background-color:#fff; border-top:solid 1px #cccccc;}
.footer p{margin:0; padding:0;}
.footer a{color: #333; text-decoration: none; }
.footer a:hover{text-decoration: underline;}