html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
html, body {height: 100%; font: 300 12px Arial, Helvetica; color: #262626; margin: 0; padding: 0; border: 0;}

.clearb																	{clear: both;}
.fright																	{float: right;}
.fleft																	{float: left;}
.corners5                               {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
body																		{background: #FFF url("../images/main_bg.gif") scroll repeat top center; text-align: center;}
a:link, a:active, a:hover, a:visited		{color: inherit;}
h1																			{font: italic 300 22px Georgia, Arial, Sans-Serif; margin: 10px 0 5px;}
h2																			{font-size: 140%; border-bottom: 1px solid #CCC; margin: 10px 0 5px;}
h2 small																{font-size: 12px; font-weight: 300;}
h3																			{text-align: center; font: italic 300 22px Georgia, Arial, Sans-Serif; margin: 5px 0;}
p																				{margin: 5px 0 10px 0;}
#container															{margin: 0 auto; width: 780px; padding: 10px; text-align: left;}
#header #main-promo #logo								{display: block; position: absolute; top: 5px; left: 5px; height: 103px; width: 122px;}
#header #wor-logo												{float: right; margin: 10px;}
#header #nav,
#footer ul															{background: #262626; color: #CCC; overflow: hidden; border-top: 1px solid #fff;}
#footer ul li														{padding: 7px 10px;}
#header #nav li,
#footer ul li														{float: left;}
#header #nav li a												{display: block; padding: 7px 8px; color: inherit; font-size: 85%; text-decoration: none; text-transform: uppercase; border-top: 3px solid #262626;}
#header #nav li a:hover,
#header #nav li a.selected							{color: #262626; background: #FFF; border-top: 3px solid #2e72aa;}
#body #side-nav													{float: right; width: 250px; overflow: hidden; background: #262626; color: #CCC;}
#body #side-nav>div											{overflow: hidden; padding: 12px 8px; background: #2F2F2F url("../images/rightnav/bg.gif") scroll repeat-x top center;}
#body #side-nav #countdown							{text-align: center;}
#body #side-nav #countdown em						{font-size: 12px; display: block;}
#body #side-nav #countdown em#date			{font: 16px Georgia, Arial, Sans-Serif; margin-top: 3px;}
#body #side-nav #countdown em#date small{font: 11px;}
#body #side-nav #countdown #clock				{font-size: 20px; color: #FFF; margin-top: 3px;}
#body #side-nav #download, 
#body #side-nav #register								{display: block; text-decoration: none; font-size: 120%; font-weight: 900; background-color: #A20000; color: #FFF; border: double #660000; padding: 8px 5px; text-align: center; margin: 10px 5px;}
#body #side-nav #download span, 
#body #side-nav #register span					{display: block; font-size: 80%; font-weight: 300;}
#body #side-nav #download:hover, 
#body #side-nav #register:hover					{background-color: #515151; text-decoration: none; border: double #000;}
#related li															{padding-left: 10px; background: transparent url('../images/rightnav/arrow.gif') no-repeat 0 .5em;}
#body #content													{float: left; width: 520px; padding: 5px 5px 5px 0;}
#news li																{margin: 5px 0 15px 0; padding: 3px 15px 3px 3px;}
table.stewards td,
table.schedule td												{padding: 5px; border-bottom: 1px solid #EEE;}
table.schedule .header									{background-color: #CCC;}
#main-promo															{position: relative; font: 26px Georgia, Arial, Sans-Serif; color: #FFF; height: 250px; background: transparent url('/images/m-o1.jpg') scroll no-repeat top left;}
#main-promo div													{position: absolute; bottom: 0; padding: 10px; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.6); width: 760px;}
#main-promo div p												{font: 50% Arial, Sans-Serif; margin: 2px 0;}

/* component - socials */
#socials   																						{overflow: hidden; height: 30px; margin: 10px 35px;}
#socials li																						{float: left; margin: 0 9px;}
#socials li a span																		{display: none;}
#socials li a																					{display: block; background: transparent url('/images/social32.png') no-repeat 0 0;}
#socials li a#fb																			{width: 32px; height: 30px; background-position: 0 0;}
#socials li a#twtr																		{width: 32px; height: 30px; background-position: -32px 0;}
#socials li a#rss																			{width: 32px; height: 30px; background-position: -64px 0;}

#email-form                                           {margin: 10px 25px;}
#email-form input                                     {background-color: #ccc; border: 1px solid #ccc;}

.race-links                            {overflow: hidden; margin: 10px 0 0;}
.race-links li                         {line-height: 20px; font-style: italic;}
.race-links li a                       {font-style: normal; text-decoration: none;}
.race-links li a:hover                 {text-decoration: underline;}
.race-links li.small                   {font-size: 80%; text-align: right;}

#race-info															{margin: 10px 0 20px;}
#race-info div													{border: 1px solid #444; padding: 10px; background-color: #eee; clear: both;}
#race-info div ul												{padding-bottom: 10px;}
#race-info .register                  	{padding: 2px 5px; background-color: #CC0000; color: #fff; border: 1px solid #444; margin: 0 0 5px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#race-info .register a                  {font-weight: 900;}
#race-tabs li														{float: left; border: 1px solid #444; border-bottom-width: 0;}
#race-tabs li a													{display: block; padding: 4px 40px; background-color: #ccc; text-decoration: none; font-size: 120%; font-weight: 900;}
#race-tabs li a:hover										{background-color: #444; color: #fff;}
#race-tabs li.last											{border-left: 0px;}
#race-tabs li.active a									{position: relative; top: 1px; background-color: #eee;}
#race-tabs li.active a:hover						{color: #262626;}

/* component - news */
ul#news li																						{margin-bottom: 5px;}
ul#news li .date																			{background-color: #9C9C9C; padding: 1px 3px; margin-right: 4px; font-weight: 900; color: #FFF;}
ul#news h3																						{margin-top: 3px; font-size: 14px; text-align: left;}
ul#news h3 .head																			{font-weight: 900;}
ul#news p																							{margin-top: 2px;}

.type-pdx																							{background-color: #b53828; padding: 1px 5px; font-weight: 900; color: #FFF; text-decoration: none;}
.type-road-race																				{background-color: #0476bf; padding: 1px 5px; font-weight: 900; color: #FFF; text-decoration: none;}

#pdx-steps a														{padding: 1px 4px; border: 1px solid #444; background-color: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}