/* Reset 
----------------------------------------------------------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* STRUCTURE
----------------------------------------------------------------------------------------------------------------------- */
body  {background: url(../images/global/bg.jpg) top left no-repeat #fff; font-size:75%; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align: left; color: #6a6a6a;}
#wrap {width: 935px; margin: 0 0 0 15px;}
#header { background: url(../images/global/hdr_bg.gif) repeat-x; height:100px;} 
#container {text-align: left; background: url(../images/global/main_content_bg.gif)  235px 0 no-repeat #fff;}
#mainContent { margin: 0 0 0 235px; padding:0;  } 
#sidebar {  padding:0 0 20px 0; float: left; width: 235px;}

/* TYPOGRAPHY
----------------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight:normal;color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif}
h1 {font-size:1.75em;margin-bottom:0.6em;}
h2 {font-size:1.5em;margin-bottom:.5em;}
h3 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
ul, li {list-style:none}
p {margin: 0 0 1.5em 0; line-height:1.8em; font-family: Tahoma, Arial, Helvetica, sans-serif}
a:focus {outline: none;}
a:link, a:visited {color:#000; text-decoration:underline}
a:hover {color:#2a89c5; text-decoration:none}
a img {border:none}

hr {color:#fff; height:1px; border-top:1px solid #CCCCCC; margin:7px 0 0 0;}

/* HEADER 
----------------------------------------------------------------------------------------------------------------------- */
#header h1 {line-height:18px; font-size:16px; margin:0}
#header h1 a {	background: url(../images/global/logo.png) no-repeat;text-indent: -900em;width: 535px;height: 44px;position: absolute; left: 30px;top:28px}
#header h2 {background: url(../images/global/logo_olympics.png) 0 0 no-repeat; height:51px;text-indent: -900em;float:right;margin:25px 15px 0 0; padding:0 0 0 0; width:103px; display:inline}

/* SIDEBAR  
----------------------------------------------------------------------------------------------------------------------- */
.quote { background:url(../images/global/quote_bg.gif) top left no-repeat ;padding: 20px 15px  5px 15px; margin: 0 0 2px 0}
.quote p { color: #939393; font-size:.9167em; line-height:1.64em; text-indent:27px; padding:0}
.quote p.author { color:#666666; text-indent:0; line-height:16px; font-family: Arial, Helvetica, sans-serif; letter-spacing:0; height:20px;  padding:0 27px 0 0; font-size:13px ; font-weight:bold;  background: url(../images/global/sdbr_end_quote.gif) 182px 2px no-repeat; }
.quote p.author a:link, p.author a:visited, p.author a:hover { text-decoration:none; font-weight:normal; text-transform:uppercase; font-size:11px; color:#2758a9}
 p.author a:hover {color:#000;}
.quote p span {text-transform:uppercase; font-size:10px; line-height:15px}
.quote p.author a:link img, .quote p.author a:visited img, .quote p.author a:hover img {float:right; margin:0 3px 5px 7px; border:3px solid #999999}
.quote p.author a:hover img {border:3px solid #000}

/* NAV  
----------------------------------------------------------------------------------------------------------------------- */
#nav  {margin:0; padding:0; width:235px}
#nav li {margin:0 0 0 0; padding:0; list-style:none; width:235px;}
#nav li a {height:45px; padding:0; margin:0; display:block;text-indent: -900em;}

#program  a {background: url(../images/global/nav/nav_prgrm.gif) 0 0 no-repeat}
#players  a {background:url(../images/global/nav/nav_plyrs.gif) 0 0 no-repeat}
#educational  a {background:url(../images/global/nav/nav_edu.gif) 0 0 no-repeat}
#involved a {background:url(../images/global/nav/nav_inv.gif) 0 0 no-repeat}
#home a {background:url(../images/global/nav/nav_home.gif) 0 0 no-repeat}

#nav li a:hover {background-position: 0 -45px; background-repeat: no-repeat}
#nav li div {border-bottom:1px solid #eee;padding:0}
#nav li ul {padding:3px 0}
#nav li div li a {text-indent:0; padding:5px 5px 5px 27px; height:auto; margin:0;  text-decoration:none; display:block; border-bottom:none; }

#nav li div li a:hover {text-decoration:underline}
#sbnv_program, #sbnv_players  {display:none;}


/* MAIN CONTENT  
----------------------------------------------------------------------------------------------------------------------- */
#bodyContent { margin:0; padding:10px 30px 30px 30px;}
#bodyContent h1 {color:#333; font-family:Arial, Helvetica, sans-serif; text-transform: uppercase}
#bodyContent h2 {color:#999999; text-transform:uppercase; font-weight:normal}
#bodyContent h3 {font-family: Arial, Helvetica, sans-serif; font-size:16px; margin:10px 0; text-transform:uppercase; color:#000 }

#bb_container { background: url(../images/global/bb_bg.gif) 50px 180px no-repeat; padding:10px 10px 20px 10px}
#billboard {background: #999999; height:160px;  margin:0 0 0 0; padding:0}

#bodyContent p.intro {font-size:1.3em; line-height: 1.5em; color:#333}
#bodyContent p.quote { background: url(../images/players/icn_quote_l.gif) 0 3px no-repeat ;padding: 5px 15px  5px 15px;color: #666666;  text-indent:20px;}
#bodyContent p.author {  margin-bottom:10px; text-indent:0; background: url(../images/global/sdbr_end_quote.gif)  590px 1px no-repeat; line-height:16px; font-family: Arial, Helvetica, sans-serif; letter-spacing:0; height:20px; text-align:right; padding:0 58px 10px 0; font-size:15px ; font-weight:bold; border-bottom:1px dashed #ccc; }

.box_go {border:1px solid #ccc; padding:10px}
.box_go p {margin:0}
.box_go a:link, .box_go a:visited {color:#666666; text-decoration:none;  background:url(../images/global/arrw_crcl_r.gif) top right no-repeat; display:block; height:28px}
.box_go a:link span, .box_go a:visited  span {font-size:18px; padding: 3px 35px 5px 0; text-decoration:none; color:#b82730; line-height:22px}
.box_go a:hover, .box_go a:hover span {color:#000}

p.go {margin-top:25px}
p.go a {font-size:18px; padding: 3px 0 5px 35px; text-decoration:none }
p.go a:hover {color:#000; text-decoration:underline}
a.go_blue:link, a.go_blue:visited {color:#2758a9; background:url(../images/global/arrw_crcl_bl.gif) no-repeat; text-decoration:none}
a.go_green:link, a.go_green:visited {color:#30a927; background:url(../images/global/arrw_crcl_gr.gif) no-repeat;  text-decoration:none}
a.go_red:link, a.go_red:visited {color:#b82730; background:url(../images/global/arrw_crcl_r.gif) no-repeat; text-decoration:none}

.img_right {float:right; margin: 6px 0 5px 10px}
.img_left {float:left; margin: 6px 15px 5px 0}

/* FOOTER  
----------------------------------------------------------------------------------------------------------------------- */
#footer {background: url(../images/global/ftr_bg.gif) top left no-repeat #fff; padding: 0px 0 10px 15px; margin:0;  display:block; clear:both;} 
#footer ul {margin: 0; padding:10px 0 0 0; height:18px; }
#footer ul li {float:left; margin-left:10px; color: #8A8A8A ; font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; padding-left:10px;  background: url(../images/global/ftr_div.gif)  0 3px no-repeat; text-transform:uppercase }
#footer ul li a { color: #8A8A8A ;  text-decoration:none; border:none}
#footer ul li a:hover {color:#000; text-decoration:underline}
#footer ul li a.ftr_sos_link:link {color:#000}
#footer ul li a.ftr_sos_link:hover {text-decoration:underline}

#footer ul li.ftr_start {background: none;  margin-left:0; padding-left:0}
#footer ul li.thinkmore a {color:#5ea5d9}
#footer ul li.thinkmore a:hover {color:#000}

#footer p {color: #B9B9B9; font-size:10px;  font-family:Verdana, Arial, Helvetica, sans-serif;}
#footer p a {color: #8A8A8A ; font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; border:none}


/* CLEARS  
----------------------------------------------------------------------------------------------------------------------- */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */clear:both;height:0;font-size: 1px;line-height: 0px;}