html, body, div, header, footer, aside, nav, article, section, figure, figcaption { margin: 0; padding: 0; }
header, footer, aside, nav, article, section, figure, figcaption { display: block; }
body { color: #333; font: 14px Helvetica, Arial, sans-serif; background-color: ; min-width:; }
blockquote { font-family:cursive; line-height:1em; font-style:oblique; color:#FFF; font-size:1.2em; text-align:justify;}
img, figure { vertical-align:middle; }
iframe { position:fixed; top:0; right:0; z-index:1001; background-color:transparent; border:0; }
h2 { color: #333; margin-top:0; }
a { color: #FF0; /*color: #337810;*/ }
p { margin: 0 0 18px; }
figcaption { position:relative; float:left; font-size: 1em; color:#666; margin:0 .5em; }
figcaption.homepg { position:relative; top: -10px; background-color:#000; width:90%; margin-left: 5%; font-size:2em; color: #66F; font-weight:bold; text-align:center;}
#container { position:relative; width:100%; margin:0 0 4em 0; }
#wrapper { position:relative; top:0; left: 150px; float: left; max-width:55%; margin-left:0px; margin-bottom:4em; min-width:300px; z-index:10; background-color:transparent;}
#wrapperphoto { float: left; width: 99%; }
/* Header */
header h1 { color: #0FF; margin: 0 0 3px; padding: 24px 18px; background-image:url('images/hopi_sun_shield.gif'); background-repeat:no-repeat; }
header p { color: #ccc; font-size: 11px; font-weight: bold; padding: 0 18px; }
header { border-bottom: 2px solid #009; background-color:#C00;
border-radius:50px 0 0 50px;
background: -webkit-linear-gradient(left, #C00, #C00, #FFF, #66F, #66F); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #C00, #C00, #FFF, #66F, #66F); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #C00, #C00, #FFF, #66F, #66F); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #C00, #C00, #FFF, #66F, #66F); /* Standard syntax (must be last) */
z-index: 100; position:relative; left:0; width:100%; min-width:1000px; }
object.headblock1 { position:absolute; top:0px; right:.1em; width:130px; /*width:268px; height:67px;*/ margin:0; padding: 0; background-color:transparent; z-index:1000; }
object.headblock2 { display:none; position:relative; top:40px; right:0px; width:246px; height:40px; color:#FFF; background-color:#FFF; border:0px solid #F00; padding:5px 10px; margin:2px 5px; -moz-box-shadow: inset 0px 0px 5px 3px transparent, 0px 0px 5px 3px #F00; -webkit-box-shadow: inset 0px 0px 5px 3px transparent, 0px 0px 5px 3px #F00; box-shadow: inset 0px 0px 5px 3px transparent, 0px 0px 5px 3px #F00; }
body.headblk { position:relative; right:0px; background:transparent; /*background-image: url('images/trisports-logo.png'); background-repeat:no-repeat;*/ border:0px solid blue; border-radius: 0px; margin: 0px; padding: 0; }
iframe.headblock4 {display:none; background-color:red; border-radius:10px; width:263px; height:68px; background-color:transparent; margin:0px; padding: 0px; border-radius:0 0 0 10px; -moz-box-shadow: inset 0px 0px 2px 1px #00F, 0px 0px 2px 1px #00F; -webkit-box-shadow: inset 0px 0px 2px 1px #00F, 0px 0px 2px 1px #00F; box-shadow: inset 0px 0px 2px 1px #00F, 0px 0px 2px 1px #00F; }
.headerbanner { max-height:100px; }
/* Content Style */
#content { padding-left: 18px; font-size:12px; font-weight:normal; }
#contentart { padding-left: 0px; font-size:12px; font-weight:normal; }
#content2014 { padding-left: 0px; font-size:12px; font-weight:normal; }
#content2017 { padding-left: 0px; font-size:12px; font-weight:normal; }
#content2014events { padding-left: 0px; font-size:12px; font-weight:normal; }
#content2016events { padding-left: 0px; font-size:12px; font-weight:normal; }
#content2017events { padding-left: 0px; font-size:12px; font-weight:normal; }
#content2018events { padding-left: 0px; font-size:12px; font-weight:normal; }
#extra { border-bottom: 0px solid #ccc; color: #FFFFFF; font-size: 14px; background:yellow; }
#extra small { font-size: 11px; line-height: 18px; }
#content p, #extra p { padding-right: 18px; }
.commentbox { display:none; position:absolute; left:0; top:300px; background-color:#900; max-width:128px; border:1px solid #66F; border-radius: 1em; }
.commenthead { font-size:1.3em; line-height:1em; color:#66F; text-emphasis:circle; text-align:center; border-bottom:.1em solid #66F; }
form { padding:.2em; color: #FFF; line-height:1em; }
input { margin: 0 .5em .4em; width:8em; background-color:#66F; }
textarea { width: 7.9em; height:8em; margin:0 0 .4em .4em; background-color:#66F; }
/* Content Positioning and Size */
#content { position:relative; top:100px; margin: 0 30% 36px 0px; }
#contentart { position:relative; top:00px; margin: 0 0 36px 0px; }
#content2014 { position:relative; top:00px; margin: 0 0 36px 0px; }
#content2014events { position:relative; top:00px; margin: 0 0 36px 0px; min-width:400px; width:100%; }
#content2016events { position:relative; top:00px; margin: 0 0 36px 0px; max-width:1230px; }
#extra { position:relative; float:right; max-width:30%; }
#content div { display:block; color: #CCCCCC; font-size:12px; padding: 0 15px; }
#content dl { font-weight:bold; font-size:14px; color: #C00;}
#content dt { font-weight:bold; font-size:14px; }
#content dd { font-weight:normal; font-size:12px; }
#contentart div { display:block; color: #CCCCCC; font-size:12px; padding: 0px; }
#content2014 div { display:block; color: #CCCCCC; font-size:12px; padding: 0px; }
#content2014 dl { font-weight:bold; font-size:14px; color: #C00;}
#content2014 dt { font-weight:bold; font-size:14px; }
#content2014 dd { font-weight:normal; font-size:12px; text-indent:.2em; }
#content2014events div { display:block; color: #CCCCCC; font-size:12px; padding: 0px; }
#content2014events dl { display:block; font-weight:bold; font-size:14px; color: #C00; margin-top:3px; background-color:transparent; }
#content2014events dt { display:inline-block; font-weight:bold; font-size:14px; color:#000; margin-bottom:.3em; padding:1px; border-radius: 3px; background-color:#C00;
background: -webkit-linear-gradient(left, #C00, #C00, #FFF, #66F, #66F); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #C00, #C00, #FFF, #66F, #66F); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #C00, #C00, #FFF, #66F, #66F); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #C00, #C00, #FFF, #66F, #66F); /* Standard syntax (must be last) */
-moz-box-shadow: inset 0px 0px 1px 1px #FFF, 0px 0px 5px 3px #FFF;
-webkit-box-shadow: inset 0px 0px 1px 1px #FFF, 0px 0px 5px 3px #FFF;
box-shadow: inset 0px 0px 1px 1px #FFF, 0px 0px 5px 3px #FFF;}
#content2014events dd {display:block; font-weight:normal; font-size:12px; }
#content2016 div { display:block; color: #CCCCCC; font-size:12px; padding: 0px; background-color: transparent; }
#content2016 dl { font-weight:bold; font-size:14px; color: #C00;}
#content2016 dt { font-weight:bold; font-size:14px; }
#content2016 dd { font-weight:normal; font-size:12px; text-indent:.2em; }
#content2017 div { display:block; color: #CCCCCC; padding: 0px; }
#content2017 dl { font-weight:bold; font-size:14px; color: #C00;}
#content2017 dt { font-weight:bold; font-size:14px; }
#content2017 dd { font-weight:normal; font-size:12px; text-indent:.2em; }
#content2016events div { display:block; color: #CCCCCC; font-size:12px; padding: 0px; }
#content2016events dl { display:block; font-weight:bold; font-size:14px; color: #C00; margin-top:3px; background-color:transparent; }
#content2016events dt { display:inline-block; font-weight:bold; font-size:13px; color:#000; margin-left:1px; margin-bottom:.3em; padding:.1em .2em; border-radius: 3px; background-color:#099;
background: -webkit-linear-gradient(left, #C00, #C00, #FFF, #66F, #66F); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #C00, #C00, #FFF, #66F, #66F); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #C00, #C00, #FFF, #66F, #66F); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #C00, #C00, #FFF, #66F, #66F); /* Standard syntax (must be last) */
-moz-box-shadow: inset 0px 0px 1px 1px #FFF, 0px 0px 1px 1px #FFF;
-webkit-box-shadow: inset 0px 0px 1px 1px #FFF, 0px 0px 1px 1px #FFF;
box-shadow: inset 0px 0px 1px 1px #FFF, 0px 0px 1px 1px #FFF;}
#content2016events dd {display:block; font-weight:normal; font-size:12px; }
#content2017events {display:block; font-weight:normal; font-size:12px; background-color:transparent; padding:0; }
#content2017events h2.white { margin-bottom:2px; }
nav { position:relative; top:0; left: 0px; float: left; width:; }
nav { position:absolute; top:0px; border: 1px solid transparent; font-size:1em; padding: 0; z-index:100; width:9em; }
/* nav img { max-width:100px; position:relative; bottom:0; }*/
nav ul { padding: 0 0px 9px; }
nav li { border:1px solid transparent; }
nav a:link { color:#33C; font-weight:bold; width:100%; }
nav a:visited { color:#669; }
nav a:hover { color:#99F; background-color:#099 /*#9F5000*/; border-radius: 5px; -moz-box-shadow: 0px 0px 5px 3px #099; -webkit-box-shadow: 0px 0px 5px 3px #099; box-shadow: 0px 0px 5px 3px #099; }
nav a:active { color:#000033; background-color: #000; border-radius: 5px; -moz-box-shadow: 0px 0px 5px 3px #000; -webkit-box-shadow: 0px 0px 5px 3px #000; box-shadow: 0px 0px 5px 3px #000; }
nav li.nhtrwb { display:none; list-style-type:none; background-color:#111; padding:2%; border-radius: 2em; }
/* Footer */
footer { display:none; position:fixed; bottom:0; clear: both; background-color:; border-top: 1px solid #009; width:100%; z-index:100; }
footer a { color: #fff; }
footer p { position:relative; right:.5em; bottom:-25px; background-color:transparent; color: #ccc; margin: 0; padding: 0px; }
footer ul { position:relative; float:left; list-style: none; margin: 0 0px 0px 0px; padding: 10px 0 10px 115px ; }
footer li { display: inline; font-size: 11px; font-weight: bold; padding: 0 1px; }
footer li.copyright { float:right; margin:0px 0 0; padding:0;}
footer a:link { color:#66F; background-color:#400000; padding:0 2px 1px; border-radius: 3px; }
footer a:visited { color:#999999; }
footer a:hover { color:#F66; background-color: #099; border-radius: 2px; -moz-box-shadow: 0px 0px 8px 4px #099; -webkit-box-shadow: 0px 0px 8px 4px #099; box-shadow: 0px 0px 8px 4px #099; }
footer a:active { color:#000033; background-color: #fff; border-radius: 5px; -moz-box-shadow: 0px 0px 15px 13px #fff; -webkit-box-shadow: 0px 0px 15px 13px #fff; box-shadow: 0px 0px 15px 13px #fff; }
#footer { position:fixed; bottom:0; clear: both; background-color:#000000; border-top: 1px solid #009; height:2em; width:100%; z-index:100; overflow:hidden; }
object.footobj { width: 100%; height:2em; border: 0; }
p.footcopyright { display:block; position:fixed; left:0; bottom:4px; font-size:10px; width: 110px; text-align: center; }
/* adjust header height-top position together */
/*.stpatresults { position:relative; top:100px; color:#FFFFFF; }*/
.home { /*background-image:url('images/NHTbkgrndhome600w.jpg');*/ background-color:#009; background-image:url('images/NHTRedHawk001V02eCR300.png'); background-position:center; background-repeat: no-repeat; background-attachment:fixed; min-width:790px; }
.otherpages { /*background-image:url('images/NHTbkgrndother150edge600w2.jpg');*/ background-color:#009; background-image:url('images/NHTRedHawk001V02eCR300BW.gif'); background-position: center; background-repeat: no-repeat; background-attachment:fixed; min-width:790px; }
/*.otherpages { background-image:url('images/IronArrow/test101a600w.gif'); background-position: 80px 102px; background-repeat: no-repeat; background-attachment:fixed; }*/
/* adjust end */
.article { position:relative; float:left; width:70%; margin:0 1em; background-color: #9F5000; border-radius: 5px; -moz-box-shadow: 0px 0px 5px 3px #9F5000; -webkit-box-shadow: 0px 0px 5px 3px #9F5000; box-shadow: 0px 0px 5px 3px #9F5000; }
h3.articleh { position:relative; float:left; margin:0 .1em; width:97%; font-size:2em; color:#FFF; }
p.articlep { width:96%; margin: 1em; font-size:1.2em; color:#FFF; text-align:justify; }
.artphotoc1 { position:relative; float:left; clear:both; margin:0; padding:2px; background-color:#FFF; }
.artphotol { position:relative; float:left; clear:right; margin:0 .5em 0 1em; padding:2px; background-color:#FFF; }
.artphotor { position:relative; float:right; clear:left; margin:0 1em 0 .5em; padding:2px; background-color:#FFF; }
.artphc1 { display:inline-block; float:none; text-align:justify; padding:0px; width: 500px; margin-left: auto; margin-right:auto; }
.artph250 { display:inline-block; float:left; text-align:justify; padding:5px; width: 270px; }
.artph250r { display:inline-block; float:right; text-align:justify; padding:5px; width: 270px; }
.baablk1 { display:inline-table; width:11em; text-align:right;}
.baablk2 { display:inline-table; width:4em; text-align:right; }
.baablk3 { display:inline-table; width:4em; text-align:right; }
.baablk4 { display:inline-table; width:6em; text-align:center; }
.bgfff {background-color:#FFFFFF; }
.boldtext { font-weight:bold; }
.borrad10 { border-radius: 10px; }
.center { text-align:center; }
.clear { clear:both; }
.copyright { display:block; position:fixed; left:0; bottom:8px; font-size:10px; width: 110px; text-align: center; }
div.count2 { position:fixed; top:5px; width: 320px; height: 46px; text-align:center; background-color:#00F; border-radius: 0em; border: 0px solid #C00; -moz-box-shadow: inset 0px 0px 5px 3px #C00, 0px 0px 5px 3px #C00; -webkit-box-shadow: inset 0px 0px 5px 3px #C00, 0px 0px 5px 3px #C00; box-shadow: inset 0px 0px 5px 3px #C00, 0px 0px 5px 3px #C00; margin: 0 5px; padding:0 3px 6px; z-index: 1001; }
.count2 { position:relative; top:5px; right:0; width:258px; height:38px; z-index:1001; background-color:transparent; text-align:center; padding:0em; border:0; border-radius: 0; }
iframe.countdown { position:relative; top:2px; right:-76px; display:inline; font-size:8px; background-color:transparent; border-radius:5px; width:84px; height:12px; margin:0px; padding: 0px;
/*-moz-box-shadow: inset 0px 0px 2px 1px #00F, 0px 0px 2px 1px #00F; -webkit-box-shadow: inset 0px 0px 2px 1px #00F, 0px 0px 2px 1px #00F; box-shadow: inset 0px 0px 2px 1px #00F, 0px 0px 2px 1px #00F;*/
}
iframe.countdown2 { display:inline-block; position:relative; top:3px; right:0px; font-size:8px; background-color:transparent; border-radius:5px; width:76px; height:12px; margin:0px; padding: 0px; }
.currentpage { color: #C00; list-style-type:square; }
.currentrace { margin-left:15px; background-color: #000000; border-radius: 5px; -moz-box-shadow: 0px 0px 5px 3px #000; -webkit-box-shadow: 0px 0px 5px 3px #000; box-shadow: 0px 0px 5px 3px #000; line-height: 1.5; color:#66F; }
dd.currentrace { background-color:transparent; -moz-box-shadow: 0px 0px 5px 3px transparent; -webkit-box-shadow: 0px 0px 5px 3px transparent; box-shadow: 0px 0px 5px 3px transparent; }
.currentplace { background-color: #000000; border-radius: 5px; -moz-box-shadow: 0px 0px 5px 3px #000; -webkit-box-shadow: 0px 0px 5px 3px #000; box-shadow: 0px 0px 5px 3px #000; line-height: 1.5; color:#C00; }
dl.crdl1 { margin-top: 0px; position:relative; left:00px; max-width:100%; color:#FF8000; }
dl.crdl2result { position:relative; left:50px; top: 1px; margin:0; color:#FF8000; }
.crdd { position:relative; left:.2em;}
.crdd1 { position:relative; left:-70px; }
.crdd2 { position:relative; left:-20px; }
.dlcen dd { position:relative; left:-1em;}
.detail1 { margin-left:1em; font-weight:bold; color:#66F; }
.eventcurrent { position:relative; top:-1em; left:0px; width:480px; }
.eventcurrent2 { position:relative; top:7em; left:0px; }
.eventhd { position:relative; top:0; left:0; color:#C00; font-size:20px; font-weight:normal; text-decoration:underline; margin-bottom:0; margin-top:0; }
.fadeinset { -moz-box-shadow: inset 0px 0px 15px 8px #000; -webkit-box-shadow: inset 0px 0px 15px 8px #000; box-shadow: inset 0px 0px 15px 8px #000; }
h1 { font-size: 6em; height:100px; }
h3 { color:#FFFFFF; }
h4 { margin: 0px; }
.highlight { background-color: #FF0; padding:0px; border-radius: 3px; -moz-box-shadow: 0px 0px 5px 3px #FF0; -webkit-box-shadow: 0px 0px 5px 3px #FF0; box-shadow: 0px 0px 5px 3px #FF0; line-height: 1; color:#000000; }
.highlight2 { margin:1em; background-color: #FF0000; padding: 0 .5em; line-height: 1; color:#9F9; font-weight:bold; }
.hopipdf { width:830px; height:2188px; }
.img2011linklogo { display:block; float:left; position:relative; top: .6em; left:-.7em; border: 0px dotted #FF0000; text-align:center; }
.img2012linklogo { display:block; float:left; position:relative; top: .6em; left:-.7em; border: 0px dotted #FF0000; text-align:center; }
.img2013linklogo { display:block; float:left; position:relative; top: .6em; left:-.7em; border: 0px dotted #FF0000; text-align:center; }
.img2015linklogo { display:block; float:left; position:relative; top: 0; left:0; border: 0px dotted #FF0000; text-align:center; }
.img2014linklogo { display:block; float:left; position:relative; top: 0; left:0; border: 0px dotted #FF0000; text-align:center; }
.img2017linklogo { display:block; border: 0px dotted #FF0000; text-align:center; padding:0; background-color:transparent; }
.img2018linklogo { display:block; border: 0px dotted #FF0000; text-align:center; padding:0; background-color:transparent; }
.imgindex { margin:1em; border-radius: 50px; -moz-box-shadow: 0px 0px 20px 12px #339; -webkit-box-shadow: 0px 0px 20px 12px #339; box-shadow: 0px 0px 20px 12px #339; }
.imgindex2 { margin:1em; border-radius: 0px; -moz-box-shadow: 0px 0px 20px 12px #FFF; -webkit-box-shadow: 0px 0px 20px 12px #FFF; box-shadow: 0px 0px 20px 12px #FFF; }
.i2013sr { display:block; text-align:center; margin:15px; max-width:370px;}
.i2014sr { display:block; text-align:center; margin:15px; max-width:370px;}
.i2014pfc { margin: 10px 10px 0; background-color:transparent; }
.i2014pfc2 { margin: 1px 5px 0 1px; background-color:transparent; height:175px; }
.i2016 { display:inline-block; margin: 1px 1px 0; height:162px; background-color:transparent; }
.i2016trifam { display:inline-block; margin: 1px 1px 0; height:162px; max-width:90px; background-color:transparent; }
.i2017 { display:block; margin: 1px 1px 0; background-color:transparent; clear:both; }
.i2018 { display:block; margin: 1px 1px 0; background-color:transparent; clear:both; }
.i2015 { margin: 1px 1px 0; height:164px; min-width:100px; }
.i2015 a:hover { background-color:#339; -moz-box-shadow: 0px 0px 4px 3px #339; -webkit-box-shadow: 0px 0px 4px 3px #339; box-shadow: 0px 0px 4px 3px #339; }
.i2015rs { clear:both; display:block; text-align:center; margin:0; max-width:400px;}
.is2013w120 { max-width:120px; }
.is2014 { max-height:100px; }
.is2014allaz { max-width:150px; }
.is2015 { max-height:100px; max-width:100px; }
.is2015flgbp { max-height:100px; max-width:100px; background-color:#FFF; }
.is2015runstrong { max-height:100px; max-width:150px; }
.is2014xcountry { max-height:100px; max-width:100px; }
.is2014landis { max-height:170px; }
.is2014ragtrl { max-height:150px; }
.is2013srvert { max-width:100px; float:left; margin-left:13px;}
.is2014trifam { max-height:160px; }
.is2016trifam { max-height:130px; }
.is2017 { margin:0 auto; max-height:100px; max-width:184px; }
.is2018 { margin:0 auto; max-height:90px; max-width:100%; }
.lastyr { display:none; color:#008000; }
.leftmargin160 { margin-left: 160px; }
.linkoutlinelogos { float:left; text-align:center; }
.linkoutlinec { float:none; border: 1px dotted #FF0000; border-radius: 5px; background-color: #008000; padding: 2px; text-decoration:none; font-size: 8pt; }
.linkoutlinel { float:left; border: 1px dotted #FF0000; border-radius: 5px; background-color: #008000; padding: 2px; text-decoration:none; font-size: 8pt; }
.linkoutliner { float:right; border: 1px dotted #FF0000; border-radius: 5px; background-color: #008000; padding: 2px; text-decoration:none; font-weight:bold; font-size: 8pt;}
#content2016events a.linkoutliner, #content2016events a.linkresultsr { margin:0 .5em 0 0; }
.linkresultsc { float:none; border: 1px dotted #FF5300; border-radius: 5px; padding: 2px; background-color:#FF9F71; color:#004000; font-weight:bold; text-decoration:none; font-size: 8pt; }
.linkresultsl { float:left; border: 1px dotted #FF5300; border-radius: 5px; padding: 2px; background-color:#FF9F71; color:#004000; font-weight:bold; text-decoration:none; font-size: 8pt; }
.linkresultsr { float:right; border: 1px dotted #FF5300; border-radius: 5px; padding: 2px; background-color:#FF9F71; color:#004000; font-weight:bold; text-decoration:none; font-size: 8pt; }
#content2017events a.linkoutlinel, #content2017events a.linkresultsl { margin:0 0 0 1em; }
#content2017events a.linkoutliner, #content2017events a.linkresultsr { margin:0 0 0 0; }
#content2018events a.linkoutlinel, #content2018events a.linkresultsl { margin:0 0 0 1em; }
#content2018events a.linkoutliner, #content2018events a.linkresultsr { margin:0 1em 0 0 ; }
a.linkres:link { color: #004000; }
a.linkres:visited { color:#FFFF00; }
a.linkres:hover { color:#F33; background-color: #FF0; border-radius: 5px; -moz-box-shadow: 0px 0px 15px 13px #FF0; -webkit-box-shadow: 0px 0px 15px 13px #FF0; box-shadow: 0px 0px 15px 13px #FF0; }
a.linkres:active { color:#000033; background-color: #fff; border-radius: 5px; -moz-box-shadow: 0px 0px 15px 13px #fff; -webkit-box-shadow: 0px 0px 15px 13px #fff; box-shadow: 0px 0px 15px 13px #fff; }
a.linkout:link { color:#FF0; }
a.linkout:visited { }
a.linkout:hover { color:#F66; background-color: #008000; border-radius: 5px; -moz-box-shadow: 0px 0px 15px 13px #008000; -webkit-box-shadow: 0px 0px 15px 13px #008000; box-shadow: 0px 0px 15px 13px #008000; }
a.linkout:active { color:#FFF; background-color: #fff; border-radius: 5px; -moz-box-shadow: 0px 0px 15px 13px #fff; -webkit-box-shadow: 0px 0px 15px 13px #fff; box-shadow: 0px 0px 15px 13px #fff; }
.logotrisport { display:none; max-height:90px; background-color:transparent; }
.logotrisport2 { display:none; width: 320px; max-height:110px; background-color:transparent; }
.omupcom { display:inline; background-color:white; float:right; margin-right:1em; height:1.1em; border-radius: 1em;}
/*.ombgupcom {background-image:url('images/2019/ONELogo_Site_Reverse.png'); }*/
.ormepdf { width:830px; height:4276px; }
.outlinereddot { border:1px dotted #FF0000; background-color:#800000; }
.phocntr { text-align:center; }
.phocntr img { margin: 8px 4px; }
.photohead { padding:0; margin:5px 10px; }
.photohead1 { padding:.2em 0; margin:0; }
.photohead2 { display:inline; padding:.2em .4em; margin:0; background-color:#000; color:#FFF; border-radius: 0 0 .5em 0; }
.photohead3 { display:inline-block; padding:.2em .4em; margin:0; background-color:#000; color:#FFF; border-radius: 0 0 .5em 0; }
.photocontent { margin:0 4px 8px; }
.photocontent2 { margin:8px 4px 8px; }
.photocontent200 { max-width: 200px; max-height:200px; }
.photofade1 { background-image:url('images/2014ragnartrail/050teamphoto400.jpg'); background-repeat:no-repeat; margin:0 auto; height:400px; width:400px; font-weight:bold; font-size:14px; border: 0px solid #000; border-radius: 0px; -moz-box-shadow: inset 0px 0px 100px 90px #000, 0px 0px 140px 125px #000; -webkit-box-shadow: 0px 0px 100px 90px #000 inset, 0px 0px 140px 125px #000; box-shadow: 0px 0px 100px 90px #000 inset, 0px 0px 140px 125px #000; }
.photohomepg { width:98%; margin-left:1%; border-radius:0px; -moz-box-shadow: inset 0px 0px 15px 15px #000, 0px 0px 15px 15px #000; -webkit-box-shadow: 0px 0px 15px 15px #000 inset, 0px 0px 15px 15px #000; box-shadow: 0px 0px 15px 15px #000 inset, 0px 0px 15px 15px #000; }
.photos { clear:both; float:left; border: 2px outset #CCCCCC; margin:0 0 1em 1em; height:100%; width: 85%; min-width:240px; padding: 25px; }
/*
.photosboston { float:left; border: 2px outset #CCCCCC; margin:1em; height:100%; width: 100%; min-width:240px; padding: 1em; }
*/
#content2017 .photos { border:1pt solid #FFF; width:100%; padding: 0 0 .4em ; }
.phocntr a:link { text-decoration:none; }
.phocntr figure { background:#FF0; margin:3em; padding-top:1em; height:202px; }
.phofig { padding:; }
.phofig img { max-height:150px; max-width:150px; }
.phofig figure, figcaption { display:inline-block; width:200px; padding:0; margin:.2em; text-align:center; border:0px dashed transparent; background-color:#000; }
.phofig figcaption { position:relative; left:0; margin:0; width:; height:2em; padding:.5em 0; color:#F80; background-color:#000; font-weight:bold; border-top:1px solid #F80; }
.phobos figure, figcaption { background-color:#FF0; }
.phobos figcaption { color:#00F; background-color:transparent; border-top:1px solid #00F; }
.photosarjnr { background-color:#00B3B3; } /* Light Turquoise */
.photosboston { background-color:#0000CC; } /* Royal Blue */
.photoschelly { background-color:#6B6B6B; } /* Medium Grey */
.photoshotchoc { background-color:#804000; } /* Chocolate Brown */
.photosia { background-color:#272727; } /* Charcoal Grey */
.photosim703sc { background-color:#000080; }
.photosimaz { background-color:#F39F15; } /* Goldenrod */
.photoslostdutch { background-color:#DF7000; } /* Orange */
.photosltf { background-color:#FF8000; } /* Orange */
.photosmesatt { background-color:#FE5B00; } /* Orange */
.photosMTC { background-color:#004080; } /* Dark Blue */
.photosnewyr { background-color:#8DA169; } /* Light Olive */
.photosnyc { background-color:#1E2C5F; } /* Dark blue */
.photosorme { background-color:#300000; } /* Dark Burgundy */
.photospfcrnr { background-color:#B01C8A; } /* Lavender */
.photospride { background-color:#0080FF; } /* Medium Blue/Teal */
.photosragnar { background-color:#FF6000; } /* Orange */
.photosrdshalf { background-color:#324160; } /* Light Burgundy */
.photosrdpr { background-color:#CC2126; } /* Light Burgundy */
.photosrmh { background-color:#00D7D7; } /* Teal (lighter) */
.photossancarlos { background-color:#800000; } /* Sedona Red */
.photossdrnr { background-color:#B01C8A; } /* Lavender */
.photosshiprock { background-color:#1DB6EA; } /* Teal Blue */
.photosstpat { background-color:#006600; } /* Green */
.photosswtc { background-color:#FFCC33; } /* Light Yellow-Orange */
.phofltleft { display:block; float:left; padding: 0px; margin:5px; }
.phofltright { display:block; float:right; padding: 0px; }
.quote { font-size:14px; font-weight:bold; font-style:italic;}
.racedate { position:absolute; float:left; margin-top:-1.1em; width:10em; text-align:center; color:#FFF; background-color:#66F; border-radius: 0 0 .5em 0em;}
.racename { clear:right; margin-left:8%; width: 90%; font-style:oblique; text-indent:-.6em; }
.raceplan { font-weight:bold; color:#C00; }
.racerun { font-weight:bold; background-color:#9F9; border-radius: 2px; color:#060; padding: 0 .3em; }
.racetimes { position:relative; left:15px; }
.ragnarimg { border:4px ridge orange; max-width: 700px; }
.ragtrlpdf { width:1069px; height:1660px; }
.resdate { display:block; max-width:35%; margin-top:-.1em; /*text-align:center;*/ font-weight:bold; font-size:14px; border-radius: 0 0 .5em 0; background-color:#66F; color:#FFF; padding:0 .5em 1px; }
.resdate2016 { display:block; max-width:35%; margin-top:0em; /*text-align:center;*/ font-weight:bold; font-size:14px; border-radius: 5px 0 10px 0; background-color:transparent; color:#99F; padding:0 .5em 1px 3px; }
.resdate2017 { display:block; margin:0; text-align:center; font-weight:bold; font-size:14px; border-radius: 0px 0 0px 0; background-color:transparent; color:#99F; padding:0 .5em 0px 3px; }
.resdate2018 { display:block; margin:0; text-align:center; font-weight:bold; font-size:2em; border-radius: 0px 0 0px 0; background-color:transparent; color:#CCF; padding:0 .5em 0px 3px; }
.resu1 { color:#33F; text-decoration:underline; font-weight:bold; }
.results { float:left; border-left: 2px solid #66F; border-top: 2px solid #66F; margin:0 0 1em 1em ; min-height:200px; width:400px; }
.results2017 { float:left; border-radius: 0px; /*border-left: 2px solid FFF; border-top: 2px solid #FFF; border:0;*/ margin:0 4px 4px 0; padding:0; height:330px; width:200px; border-bottom:1px dotted transparent; color: #99F; background-color:#800000;
background: -webkit-linear-gradient(top, #800000, #800000, transparent, transparent, #800000, #800000); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom, #800000, #800000, transparent, transparent, #800000, #800000); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom, #800000, #800000, transparent, transparent, #800000, #800000); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom, #800000, #800000, transparent, transparent, #800000, #800000); /* Standard syntax (must be last) */
}
.results2017 dl { clear:both; line-height:1; margin-top:.3em; padding: 0 5px 0; }
.results2017 dt { display:block; font-weight:bold; color:#800000; font-size:10pt; text-align:center; padding:2px 0; margin:0 2px 2px; background-color:#99F; -moz-box-shadow: inset 0px 0px 1px 1px #FFF, 0px 0px 2px 2px #FFF; -webkit-box-shadow: inset 0px 0px 1px 1px #FFF, 0px 0px 2px 2px #FFF; box-shadow: inset 0px 0px 1px 1px #FFF, 0px 0px 2px 2px #FFF; }
.results2017 dd { display:inline-block; font-size:smaller; margin:0; width:188px; background-color:transparent; }
.results2017 .racerun { background-color:#FF8080; color:#800000; }
.results2017 .detail1 { margin:.5em; }
.results2017 a:link { border-radius:2px; }
.results2018 { float:left; border-radius: 0px; /*border-left: 2px solid FFF; border-top: 2px solid #FFF;*/ border: 3px #CCC ridge; border:0; margin:0 1em 1em 0; padding:0 0 0px; height:360px; width:320px; /*border-bottom:1px dotted transparent;*/ color: #F33; background-color:#000080; overflow:hidden;
background: -webkit-linear-gradient(top, #000080, transparent, #000080); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom, #000080, transparent, #000080); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom, #000080, transparent, #000080); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom, #000080, transparent, #800000); /* Standard syntax (must be last) */
}
.results2018 dl { clear:both; margin:.1em .5em 0; }
.results2018 dt { display:block; font-weight:bold; color:#C00; font-size:1.5em; text-align:center; margin:.3em 0; background-color:#CCF; -moz-box-shadow: inset 0px 0px 1px 1px #FFF, 0px 0px 2px 2px #FFF; -webkit-box-shadow: inset 0px 0px 1px 1px #FFF, 0px 0px 2px 2px #FFF; box-shadow: inset 0px 0px 0px 0px #CCF, 0px 0px 2px 2px #CCF; }
.results2018 dd { display:block; color:#CCF; font-size:1em; margin:0 .5em; background-color:transparent; }
.results2018 .racerun { background-color:#009; color:#99F; }
.results2018 .detail1 { margin:.5em; }
.results2018 a:link { border-radius:2px; }
.results2019 { height:380px; }
.results2016 { float:left; border-radius: 2px; /*border-left: 2px solid FFF; border-top: 2px solid #FFF; border:0;*/ margin:0 1em 1em 0 ; min-height:198px; width:396px; background-color:#003;
background: -webkit-linear-gradient(top, #006, transparent, #006); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom, #006, transparent, #006); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom, #006, transparent, #006); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom, #006, transparent, #006); /* Standard syntax (must be last) */
}
.results2015 { float:left; border-radius: 5px 0 0 0; border-left: 2px solid #66F; border-top: 2px solid #66F; margin:0 0 1em 1em ; min-height:190px; width:400px; }
.results2013 { float:left; border-left: 2px solid #66F; border-top: 2px solid #66F; margin:0 0 1em 1em ; min-height:180px; width:400px; }
.results2012 { float:left; border-left: 2px solid #66F; border-top: 2px solid #66F; margin:0 0 1em 1em ; min-height:152px; width:400px; }
.results2011 { float:left; border-left: 2px solid #66F; border-top: 2px solid #66F; margin:0 0 1em 1em ; min-height:125px; width:400px; }
.results2014ymca { border: 2px outset #CCCCCC; margin-bottom:10px; min-height:150px; min-width:350px; max-width:400px; }
.runningpdf { width:830px; height:3207px; }
.sbrlogo { position:absolute; left:10px; top:22px; max-width:76px; max-height:28px; }
.sbrlogo2 { position:relative; left:0px; max-width:76px; max-height:28px; }
.sponsor { display:none; position:absolute; top:0; right:5px; width:100%; height:100%; color:#FFF; font-weight:bold; text-align:right; }
div.st { max-width: 400px; min-width:300px; background-color:#000; -moz-box-shadow: 0px 0px 50px 30px #000; -webkit-box-shadow: 0px 0px 50px 30px #000; box-shadow: 0px 0px 50px 30px #000; }
div.st p { padding:0 1em; }
A.st:link { color:#000080; background-color:#FFF; }
A.st:visited { color:#CC0000; }
A.st:hover { color:#FF9; background-color:#099;
-moz-box-shadow: inset 0px 0px 1px 1px #099, 0px 0px 5px 3px #099; -webkit-box-shadow: inset 0px 0px 1px 1px #099, 0px 0px 5px 3px #099; box-shadow: inset 0px 0px 1px 1px #099, 0px 0px 5px 3px #099; }
A.st2:link { color:#00F; background-color:transparent; }
A.st2:visited { color:#F00; }
A.st2:hover { color:#800000; background-color:#099;
-moz-box-shadow: inset 0px 0px 1px 1px #099, 0px 0px 5px 3px #099; -webkit-box-shadow: inset 0px 0px 1px 1px #099, 0px 0px 5px 3px #099; box-shadow: inset 0px 0px 1px 1px #099, 0px 0px 5px 3px #099; }
.stfigure { position:relative; float:right; width:190px; text-align:center; font-size: 1em; color:#000; padding:10px 0 0; margin: 0 auto; background-color:#FFF; border-radius: 1em;}
/*
#content2019 figure, figcaption { display:inline-block; width:150pt; height:150pt; text-align:center; border:10pt dashed #FFF; }
#content2019 figcaption { position:relative; right:0; height:0; color:#00F; font-weight:bold; border-color:transparent; }
*/
.stfigcap { width:170px; padding:10px; margin:0; text-align:center; background-color:#FFF; border-radius: 0 0 1em 1em;}
.trindent { line-height:.95; text-indent: 1em; }
.underline { text-decoration:underline; }
.underlinesuper { border-bottom: 1px solid #FFFFFF; color:#FFFFFF; padding:0; }
.upcomingeventhead1 { display:block; border-radius: 5px; color:#400000; padding:0 1px 0 21px; text-indent:-20px; font-weight:bold; width:300px; background-color:#C00;
background: -webkit-linear-gradient(left, #66F, #099, #C00); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #66F, #099, #C00); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #66F, #099, #C00); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #66F, #099, #C00); /* Standard syntax (must be last) */ }
#content2014coming { position:absolute; left:00px; margin:0; padding: 0 6px 0 0; background-color:transparent; }
#content2014coming a:hover { color: #66F; background-color:#FF0; border-radius:2px; -moz-box-shadow: 0px 0px 5px 3px #FF0; -webkit-box-shadow: 0px 0px 5px 3px #FF0; box-shadow: 0px 0px 5px 3px #FF0; }
#content2014coming div { display:block; color: #CCCCCC; font-size:11pt; padding: 0px; }
#content2014coming dl { color: #FFFFFF; font-weight:bold; font-size:11pt; margin-left:5px; }
#content2014coming dt { display:table; font-weight:normal; font-size:9pt; margin:.1em 0em .1em .5em; border-radius: 0px; color:#FFFFFF; background-color:inherit; }
/*
#content2014coming dt { display:inline-block; font-weight:bold; font-size:11pt; border-radius: 6px; -moz-box-shadow: 0px 0px 5px 3px #099; -webkit-box-shadow: 0px 0px 5px 3px #099; box-shadow: 0px 0px 5px 3px #099; line-height:1; background-color:transparent; color:#FFFFFF; margin-bottom:.3em;}
*/
#content2014coming dd { display:table; font-weight:normal; font-size:9pt; margin:.1em 0em .1em .5em; border-radius: 0px; color:#FFFFFF; background-color:inherit; }
.upcomingeventhead { display:block; border-radius: 5px; color:#400000; margin-left:.2em; padding:4px 4px 4px 21px; text-indent:-16px; font-weight:bold; width:300px; background-color:#099;
background: -webkit-linear-gradient(left, #66F, #66F, #FFF, #C00, #C00); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #66F, #66F, #FFF, #C00, #C00); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #66F, #66F, #FFF, #C00, #C00); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #66F, #66F, #FFF, #C00, #C00); /* Standard syntax (must be last) */
-moz-box-shadow: inset 0px 0px 1px 1px #FFF, 0px 0px 1px 1px #FFF; -webkit-box-shadow: inset 0px 0px 1px 1px #FFF, 0px 0px 1px 1px #FFF; box-shadow: inset 0px 0px 1px 1px #FFF, 0px 0px 1px 1px #FFF; }
.upcomingeventhead2019 { display:block; border-radius: 5px; color:#400000; margin-left:.2em; padding:4px 4px 4px 21px; text-indent:-16px; font-weight:bold; width:300px; background-color:#099;
background: -webkit-linear-gradient(left, #66F, #66F, #FFF, #C00, #C00); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #66F, #66F, #FFF, #C00, #C00); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #66F, #66F, #FFF, #C00, #C00); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #66F, #66F, #FFF, #C00, #C00); /* Standard syntax (must be last) */
-moz-box-shadow: inset 0px 0px 1px 1px #FFF, 0px 0px 1px 1px #FFF; -webkit-box-shadow: inset 0px 0px 1px 1px #FFF, 0px 0px 1px 1px #FFF; box-shadow: inset 0px 0px 1px 1px #FFF, 0px 0px 1px 1px #FFF; }
.upcoming { color:#FFFFFF; padding:0; margin:0 auto; }
body.coming { background-color: transparent; }
.upcomingdl { margin-top: .4em; }
.upcoming ul { padding:0 0 0 0px; }
.upulhead1 { padding:0 0 0 0px }
ul.upulhead2 { padding:0 20px }
.upcoming li { color:#FFFFFF; list-style-type:none; }
.upcomingobj { position:absolute; top:0; right:0; color:#FFFFFF; width:340px; min-height:1680px;
/* border-radius: 0 0 0 0px; -moz-box-shadow: 0px 0px 5px 3px #000; -webkit-box-shadow: 0px 0px 5px 3px #000; box-shadow: 0px 0px 5px 3px #000;*/ }
#content2017coming { position:absolute; left:00px; margin:0; padding: 0 6px 0 0; background-color:transparent; max-width:400px; min-width:200px; text-align:center; }
#content2017coming a:hover { color: #66F; background-color:#FF0; border-radius:2px; -moz-box-shadow: 0px 0px 5px 3px #FF0; -webkit-box-shadow: 0px 0px 5px 3px #FF0; box-shadow: 0px 0px 5px 3px #FF0; }
#content2017coming div { display:block; float:left; color: #000; font-size:11pt; margin:0 6px; margin-bottom:.5em; padding:0 3px; width:140px; height:126px; background-color:#099;
background: -webkit-linear-gradient(left, #66F, #099, #C00); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #66F, #099, #C00); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #66F, #099, #C00); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #66F, #966, #C00); /* Standard syntax (must be last) */
-moz-box-shadow: inset 0px 0px 1px 1px #966, 0px 0px 5px 3px #966; -webkit-box-shadow: inset 0px 0px 1px 1px #966, 0px 0px 5px 3px #966; box-shadow: inset 0px 0px 1px 1px #966, 0px 0px 5px 3px #966; }
#content2017coming dl { color: #FFFFFF; font-weight:bold; font-size:11pt; margin-left:10px; max-width:100%; }
#content2017coming dt { display:block; font-weight:normal; font-size:9pt; color:#333; border-bottom:1px solid #900; /*border-radius: 6px; -moz-box-shadow: 0px 0px 5px 3px #099; -webkit-box-shadow: 0px 0px 5px 3px #099; box-shadow: 0px 0px 5px 3px #099; line-height:1; background-color:transparent; color:#FFFFFF; margin-bottom:.3em;*/}
#content2017coming dd { display:block; font-weight:normal; font-size:9pt; margin:.1em 0em .1em .2em; border-radius: 3px; color:#FFFFFF; }
#content2017coming .upcomingeventhead { display:inline-block; width:90%; min-width:100px; margin:0; padding:0; overflow-x:hidden; text-indent:0; background: -webkit-linear-gradient(left, #66F, #099, #C00); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #66F, #099, #C00); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #66F, #099, #C00); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #66F, #099, #C00); /* Standard syntax (must be last) */
background:none;
-moz-box-shadow: inset 0px 0px 1px 1px #966, 0px 0px 5px 3px #966; -webkit-box-shadow: inset 0px 0px 1px 1px #966, 0px 0px 5px 3px #966; box-shadow: inset 0px 0px 1px 1px #966, 0px 0px 5px 3px #966;
-moz-box-shadow:none; -webkit-box-shadow: none; box-shadow: none;
}
#content2017coming dd.date { color:#000; }
#content2017coming .upcomingdl { margin:0; padding:0; }
#content2017coming .raceplan { color:#B90000; }
#content2017coming .upcoming { display:block; float:left; }
#weather {display: block; margin:1.1em 0 0 35px; height:70px; overflow:hidden; background-color:#FFF; font: 14px Helvetica, Arial, sans-serif; font-weight:bold; color:#400000; -moz-box-shadow: 0px 0px 15px 13px #fff; -webkit-box-shadow: 0px 0px 15px 13px #fff; box-shadow: 0px 0px 15px 13px #fff; }
#weatherimg { width:260px; }
.white { color:#FFFFFF; }
table.white { border-collapse: collapse; }
table.white td { padding: 0; border-collapse:collapse; }
table.white th { border-bottom: 1px dotted #FFF; }
.whitetextleft150 { position:relative; left:-150px; color:#FFFFFF; }
h2.whitetextleft150 { position:relative; left:-150px; color:#FFFFFF; font-size: 24px; padding: 0; text-decoration:underline; }
h2.white { font-size: 22px; color:#FFFFFF; text-decoration:underline; }
.yellow { color:#FFFF00; }
pre { margin:0; }
pre.res { font-size: .8em; }
pre.results0 { background-color:transparent; margin:0; color:#FFF; font-weight:bold; font-size:.9em; line-height:.9em; }
pre.results1 { background-color:#000; margin:0; color:#FFF; }
pre.results2 { background-color:#000; margin:1em; color:#FFF; }
.hide { display:none; }
.hideforum { display:none; position:absolute; left:0; }
.hidetemp { display:none; }
.hidecdc { display:block; }
.hideheadcount { display:inline; }
.hidem2f { display:none; }
.hidenabi { display:none; }
.hidesrm { display:none; }
.hidewater { display:none; }
.hide2014ymca { display:block; }
.hide2014ymcaUP { display:none; }
.vishide { visibility:hidden; }
.boston2019 { width:410px; }
figure.boston2019 { position:relative; float:left; background:transparent; border:2px solid #000; height:620px; }
figcaption.boston2019 { width:400px; max-height:1em; }
img.boston2019 {width:402px; }