/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

strong {font-weight: bold;}
em {font-style: italic;}

body {background: rgb(66, 66, 66); color: #fff; font-family:Georgia,"Times New Roman", Times, serif;
font-size: 13px; line-height: 20px; margin: 0px 0 50px 0; text-align: center; }
#container {margin: 0 auto; position: relative; text-align: left; width: 810px;}
#footer {text-align: center;}

a, a:visited {color: #b0252a; text-decoration: none;}
a:hover, a:active {color: #2D2D2D; text-decoration: underline;}
.button {border: 1px solid #b0252a; padding: 7px 12px;}

h1, h2 {text-transform: uppercase; letter-spacing: 1px; font-size: 14px; line-height: 1.2; font-weight: bold; padding-bottom: 14px;}
h3 {letter-spacing: 1px; font-size: 14px; line-height: 1.2; font-weight: bold; padding-bottom: 7px;}
h4, h5 {font-size: 17px;}

.post-edit-link {font-size: 7px !important; padding: 2px 3px; border: 1px solid #b0252a; position: absolute; bottom: 7px; right: 7px;}

.full {background-color: #D3D3D3; color: #333; position: relative; text-align: left; padding: 16px 16px 32px;}
.left {float: left; width: 160px; padding: 20px;}
.left ul li a {display: block; color: #fff; background:#2D2D2D;  padding: 5px 7px; text-decoration: none; margin-bottom: 11px; text-transform: uppercase; letter-spacing: 1px; font-size: 11px;}
.left ul li a:hover, .left ul li a.selected , .left ul li.current_page_item a, .left ul li.current_page_parent a {background-color:#b0252a ;}
.right {padding: 20px 20px 20px 210px; position: relative;}

.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}

#header {background-color: transparent; color: #fff; position: relative; text-align: left; padding: 20px 0 20px;}
#header .container{margin: 0 auto; position: relative; text-align: left; width: 810px;}
#header .heading {float: left; width: 500px; padding-left: 120px; height: 90px; background: url('images/logo.png') top left no-repeat;}
#header .heading h1, #header .heading .logo {line-height: 30px; padding: 19px 0 6px; color: #b0252a; font-weight: bold; font-size: 46px; text-transform: uppercase; letter-spacing: 4px; }
#header .heading a {color: #fff;}
#header .heading p {text-transform: uppercase; letter-spacing: 1px; font-size: 10px;}
#header .heading b {font-weight: bold; font-size: 12px;}
#header .sustain { float: right; text-align: left;  padding: 7px 8px; width: 160px; border: 0 !important;}
#header .sustain h3 {color: #fff; font-weight: bold; font-size: 14px;}
#header .sustain p {font-size: 12px; line-height: 18px; padding-top: 2px;}

#footer {margin-top: 20px;}
#footer p {font-size: 11px;}

ul#primary-nav {background-color: transparent; margin: 0px 0 20px; padding: 0px; display: block; }
ul#primary-nav li {display: inline; padding: 0px; margin: 0px; position: relative;}
ul#primary-nav li a {line-height: 47px; width: 100px;  display: block; float: left; text-align: center; height: 47px; background-color: #D3D3D3; color: #333; text-transform: uppercase; text-decoration: none; margin: 0px; border-right: 1px solid #F4F4F4; font-size: 11px; letter-spacing: 1px;}
ul#primary-nav li a:hover {color: #fff;}
ul#primary-nav li a.selected, ul#primary-nav li.current_page_item a, ul#primary-nav li.current_page_parent a, ul#primary-nav li.current_page_ancestor a {height: 49px; margin-top: -1px; border: 1px solid #F4F4F4; font-weight: bold; font-size: 11px;}
ul#primary-nav li a.last, ul#primary li:last-child a {border-right: 0px !important;}

/* Navigation on Home Page */

body.home ul#primary-nav li a {width: 114px;}
body.home ul#program-callouts li {height: 200px; padding-top: 12px; color: #b0252a;}
body.home #slideshow {position: relative; background: #000; height: 220px; width: 380px; border: 10px solid #000; float: left; overflow: hidden;}
body.home #slideshow embed {position: absolute; top: -75px; left: -50px;}

/* Home Page */
#home-content  {margin-bottom: 20px;}
#home-content .intro {background-color: #D3D3D3; color: #333; position: relative; text-align: left; padding: 20px 20px 20px 20px; margin-left: 420px;}
#home-content .intro p {margin-bottom: 12px;}
/* Generic Secondary Page Layout */
/*#content {background: url('images/line.png') 180px 0px repeat-y;} */
#content {background: url('images/bg2.jpg') 0px 0px repeat-y;}

#content .left {padding-top: 0px; padding-left: 0px; }
#content .left ul li a {border: 1px solid #f4f4f4; margin-bottom: 0px; border-bottom: 0px; }

#content .left ul li a.last, #content .left ul li:last-child a{border-bottom: 1px solid #f4f4f4;}
#content .left blockquote {margin-top: 53px; font-style: italic; font-size: 11px;}

blockquote:before {
    content: '"'; }
blockquote:after {
    content: '"'; }

#twitter {float: left; clear: left; width: 420px; display: inline; margin-top: 20px;}

#news-header {border-bottom: 1px solid #313131 !important; text-align: center; font-size: 21px; margin-bottom: 22px;}

#content .right {background-color: #D3D3D3; color: #333; position: relative; text-align: left; padding: 16px 16px 32px; margin-left: 200px;} 
#content .right h2, #content .right h1 {text-transform: uppercase; letter-spacing: 1px; font-size: 14px; line-height: 1.2; font-weight: bold; padding-bottom: 14px; margin-bottom: 17px; }
#content .right p {margin-bottom: 17px;}
#content .right ol {margin-bottom: 12px;}
#content .right ol p, #content .right ul p{margin-bottom: 6px;}
#content .right ol li {list-style-type: decimal;margin-left: 26px;}
#content .right ul {margin-bottom: 17px;}
#content .right ul li {margin-left: 7px; text-indent: -7px;}
#content .right ul ul li {margin-left: 30px;}

/* Programs - Overview */
ul#program-callouts {background-color: #D3D3D3; color: #333; position: relative; text-align: center; border: 1px solid #F4F4F4; margin-bottom: 20px; width: 807px;}
ul#program-callouts li {font-size: 12px; padding-top: 6px; line-height: 1.6; border-right: 1px solid #F4F4F4; float: left; width: 201px; overflow: hidden; height: 240px; background-color: #D3D3D3; position: relative; }
ul#program-callouts li.last {border-right: 0px !important;}
ul#program-callouts li h3 {color: #b0252a; font-weight: bold; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-size: 11px; }
ul#program-callouts li a {color: #333; text-decoration: none;}
ul#program-callouts li a img {position: absolute; bottom: 0px; left: 0px; border-top: 1px solid #F4F4F4;}
ul#program-callouts li a:hover img {filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
ul#program-callouts li a:hover h3 {color: #fff;}

div#program-content {background-color: #D3D3D3; color: #333; position: relative; text-align: left;}
div#program-content .right { float: left; padding-left: 12px;}

div#program-header {background-color: #D3D3D3; color: #333; position: relative; margin-bottom: 20px; text-align: center; color: #b0252a; font-size: 17px; padding: 12px 0 6px;}
div#program-header img {border: 0px solid #F4F4F4;}
div#program-header .images {height: 162px; width: 100%; overflow: hidden; text-align: left;}
div#program-header h1 {padding-bottom: 12px; text-transform: capitalize !important; letter-spacing: 1px; font-size: 17px; line-height: 1.2; font-weight: bold; padding-bottom: 7px;}
div#program-header h2 {padding-top: 12px; padding-bottom: 11px; font-size: 17px; font-weight: normal !important; line-height: normal; text-transform: capitalize !important;}

.paypal {width: 100%;}
.paypal form {margin: 12px auto 0px auto !important; display: block;}

/* Third Level Navigation - for Who We Are, Programs etc... */
ul#sub-nav {float: left; width: 100%; background-color: transparent; margin: 0 0 22px; padding: 0px; overflow: hidden;letter-spacing: 1px; font-size: 9px;}
ul#sub-nav li {float: left; margin-right: 2px; overflow: hidden; }
ul#sub-nav li a {display: block; color: #fff; background:#2D2D2D;  padding: 5px 7px; text-decoration: none;  text-align: center;text-indent: 0px; }
ul#sub-nav li a:hover, ul#sub-nav li a.selected , ul#sub-nav li.current_page_item a, ul#sub-nav li.current_page_parent a {background-color: #b0252a;}


/* Image Classes */
p img.centered,
img.centered,
img.aligncenter
{display:block;margin-left:auto;margin-right:auto;}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}
.alignright{float:right;}
.alignleft{float:left;}



/* SF Nike Women's Marathon Photo Gallery */
div#nike-gallery {margin: 20px 0;}
div#nike-gallery a img {border: 7px solid #fff; margin-right: 10px;}
div#nike-gallery a:hover img {border-color: #b0252a;}