html, body, ul, li {
margin: 0;
padding: 0;
list-style: none;
}
#flash .object{
border:thick #0FC solid;
}
#title{
position: absolute;
width: 1003px;
left: 0px;
height: 25px;
background-color:#F00;
padding-left:30px;
padding-top:5px;
}
#title h1{
font: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#FFF;
font-size:14px;
}
#info_headline2{
position: absolute;
left: 19px;
top: 890px;
width: 279px;
height: 58px;
}
.style1{
color:#FF0;
}
#flash{
position: absolute;
width: 806px;
height: 320px;
left: 212px;
top: 228px;
border-color: #088B9F;
border-width: 1px;
}
#flash2{
position: absolute;
width: 806px;
height: 320px;
left: 107px;
top: 230px;
z-index:auto;
border-color: #000;
border-width: 2px;
}
body, h1 {
font: bold 25px "Trebuchet MS", Arial, Helvetica, sans-serif;;
margin: 0;
padding: 0;
color: #000;
}
h2{
font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif; ;
margin: 0;
padding: 0;
font-weight: bold;
;
}
h3{
font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; ;
margin: 0;
padding: 0;
color: #000000;
font-weight: bold;
}
p{
font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;;
text-decoration: none;
}
a {
font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;;
text-decoration: none;
color: #000000;
}
a2{
font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;;
text-decoration: none;
color: #fff;
}
a:hover {
color: #FF0;
}
body {
background: url(images/checkbg.gif) repeat;
text-align: center;
}
#countdown{
position:absolute;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
;
font-size:11px;
color: #FF0;
width: 172px;
height: 40px;
left: 240px;
top: 8px;
}
#wrapper {
position:relative;
text-align: left;
padding: 0;
margin:0 auto;
width:1032px;
height:950px;
background-color: #FFF;
}
#wrapper2 {
position:relative;
text-align: left;
padding: 0;
margin:0 auto;
width:1032px;
height:1100px;
background-image:url(images/center_bg.jpg) ;
}
#wrapper3 {
position:relative;
text-align: left;
padding: 0;
margin:0 auto;
width:1032px;
height:1460px;
background-image:url(images/center_bg.jpg) ;
}
#header2 {
background: url(images/logo_new.jpg) no-repeat;
height: 176px;
position: absolute;
width: 1032px;
top: 0px;
left: 0px;
}
#header {
background: url(images/logo.jpg) no-repeat;
height: 176px;
position: absolute;
width: 1032px;
top: 0px;
left: 0px;
}
#main_top {
padding:0;
width: 1032px;
height: 398px;
position: absolute;
left: 0px;
top: 174px;
background-color: #000;
}
#top_logo{
width:194px;
height:30px;
position:absolute;
left: 18px;
top: 7px;
color: #FFF;
}
#nav{
height: 26px;
position: absolute;
width: 351px;
top: 150px;
left: 665px;
font: "Trebuchet MS", Arial, Helvetica, sans-serif;
;
color:#FFFFFF;
font-size: 14px;
word-spacing: 5px;
}
#nav2{
height: 24px;
position: absolute;
width: 281px;
top: 11px;
left: 559px;
font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;;
color:#FFFFFF;
}
#nav a{
font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;;
color:#FFFFFF;
}
#nav a:hover{
color: #FF0;
}
#nav img {
float: left;
padding-right:20px;
}
#nav_left a {
}
#nav_left a:hover {
color: #FFFFFF ;
}
#nav_left{
padding:8px 15px 15px 15px;
width: 164px;
height: 271px;
position: absolute;
left: 30px;
top: 78px;
color: #000000;
line-height:30px;
}
#info_left {
width:285px;
height:245px;
position:absolute;
top: 600px;
color: #000000;
font-size:20px;
border: #fff;
padding:40px 10px 0 10px;
left: 18px;
background: #fff;
background-color: #FFF;
}
#info_left a{
}
#info_center {
width:200px;
height:235px;
position:absolute;
top: 600px;
color: #000000;
border: #FFF;
padding:40px 10px 10px 10px;
left: 326px;
line-height:8px;
}
#info_center a {
color: #000000;
margin-top:10px;
}
#info_center img {
padding: 5px 0 5px 0;
}
#info_right{
position: absolute;
padding:40px 10px 10px 10px;
left: 549px;
top: 426px;
width: 436px;
height: 235px;
line-height:8px;
}
#info_right img{
float:left;
display:inline;
}
#info_right a{
color: #000000;
margin-top:20px;
}
#info_right h3{
padding-bottom:15px;
}
#info_left_headline{
position: absolute;
background-image:url(images/nav_top.jpg);
left: 28px;
top: 426px;
width: 285px;
height: 30px;
}
#info_headline{
position: absolute;
background-image:url(images/nav_top2.jpg);
left: 336px;
top: 426px;
width: 200px;
height: 30px;
}
#info_headline_right{
position: absolute;
left: 559px;
top: 427px;
width: 436px;
height: 30px;
background-image: url(images/nav_top3.jpg);
}
#link_1{
position: absolute;
left: 198px;
top: 684px;
width: 118px;
height: 15px;
padding-top:0;
}
#link_1 a{
font-size:14px;
color:#000;
}
#link_1 a:hover{
color:#ccc ;
}
#link_2{
position: absolute;
left: 440px;
top: 684px;
width: 96px;
height: 15px;
padding-top:0;
}
#link_2 a{
color:#000;
}
#link_2 a:hover{
color:#ccc ;
}
#link_3{
position: absolute;
left: 889px;
top: 684px;
width: 96px;
height: 15px;
padding-top:0;
}
#link_3 a{
color:#000;
}
#link_3 a:hover{
color: #CCC;
}
#footer {
color: #FFFFFF;
background: #42453D url(images/footer_bg.gif) repeat-x;
padding: 6px 0 5px 0;
margin-top:0px;
font-weight: bold;
}
#footer p {
margin: 0 auto;
padding: 0;
font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;;
margin: 0;
padding: 0;
color: #FFFFFF;
}
#footer a {
margin: 0 auto;
padding: 0;
font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;;
margin: 0;
padding: 0;
color: #FFFFFF;
}
#footer a:hover {
color:#0a90a0;
}
#page_top{
position:absolute;
width:922px;
height:125px;
background:url(images/page_top.png) no-repeat;
top: -125px;
left: 0px;
}
#page_top_trackdir{
position:absolute;
width:922px;
height:125px;
background:url(images/page_top_trackdir.png) no-repeat;
top: -125px;
left: 0px;
}
#page_top_trackspecs{
position:absolute;
width:922px;
height:125px;
background:url(images/page_top_trackspecs.png) no-repeat;
top: -125px;
left: 0px;
}
#page_top_sessions{
position:absolute;
width:922px;
height:125px;
background:url(images/page_top_practice.png) no-repeat;
top: -125px;
left: 0px;
}
#page_top_membership{
position:absolute;
width:922px;
height:125px;
background:url(images/page_top_membership.png) no-repeat;
top: -125px;
left: 0px;
}
#page_top_rivaltracks{
position:absolute;
width:922px;
height:125px;
background:url(images/page_top_rivaltracks.png) no-repeat;
top: -125px;
left: 0px;
}
#page_top_business{
position:absolute;
width:922px;
height:125px;
background:url(images/page_top_business.png) no-repeat;
top: -125px;
left: 0px;
}
#page_top_swregional{
position:absolute;
width:922px;
height:125px;
background:url(images/page_top_swregional.png) no-repeat;
top: -125px;
left: 0px;
}
#page_top_nationals{
position:absolute;
width:922px;
height:125px;
background:url(images/page_top_nationals.png) no-repeat;
top: -125px;
left: 0px;
}
#page_top_messages{
position:absolute;
width:922px;
height:125px;
background:url(images/page_top_messages.png) no-repeat;
top: -125px;
left: 0px;
}
#page{
position:absolute;
margin:0 auto;
height:607px;
width:922px;
background-image:url(images/page_center.png);
background-repeat:repeat-y;
left: 54px;
top: 340px;
}
#page_top{
position:absolute;
width:922px;
height:125px;
background:url(images/page_top.png) no-repeat;
top: -125px;
left: 0px;
}
#page_bottom{
position:absolute;
width:922px;
height:125px;
background:url(images/page_bottom.png) no-repeat;
top: 607px;
left: 0px;
}
#page_large{
position:absolute;
margin:0 auto;
height:990px;
width:922px;
background-image:url(images/page_center.png);
background-repeat:repeat-y;
left: 54px;
top: 340px;
}
#page_bottom_large{
position:absolute;
width:922px;
height:148px;
background:url(images/page_bottom.png) no-repeat;
top: 990px;
left: 0px;
}
.pages{
position:absolute;
width: 392px;
margin: 0 auto;
text-indent: 70px;
left: 299px;
top: 909px;
height: 33px;
}
.pages a{
color:#000;
}
.pages span.style1{
color:#00FFFF;
}
.pages2{
position:absolute;
width: 392px;
margin: 0 auto;
text-indent: 70px;
left: 299px;
top: 199px;
height: 33px;
}
.pages2 a{
color:#000;
}
.pages2 span.style1{
color:#00FFFF;
}
#mail {
padding:8px 15px 15px 15px;
width: 548px;
height: 464px;
position: absolute;
left: 105px;
top: 43px;
}
#mail a:hover {
color: #000000;
}
#page_content {
padding:8px 15px 15px 15px;
width: 774px;
height: 886px;
position: absolute;
left: 74px;
top: 64px;
}
#page_content2 {
padding:8px 15px 15px 15px;
width: 774px;
height: 871px;
position: absolute;
left: 74px;
top: -12px;
}
.gallery {
zoom:1;
width:769px;
margin:auto;
position:absolute;
left: 137px;
top: 169px;
}
.gallery a {
display:block;
float:left;
margin:5px;
opacity:0.87;
text-align:center;
}
.gallery a:hover {
opacity:1;
}
.gallery a img {
border:none;
display:block;
}
.gallery a#vlightbox{display:none}
.gallery object{
padding-right:10px;
}
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #151410;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
#lightbox{
position: absolute;
top: 20px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
color:#151410;
line-height:0;
}
#lightbox a, #lightbox a:hover {
border-bottom:none;
color:#151410;
text-decoration:underline;
}
#lightbox a img{ border: none; }
#outerImageContainer{
width: 250px;
height: 250px; /* without this line error in IE8 detected */
margin: 0 auto;
position: relative;
}
#imageContainer{
width:100%;
background-color: #fff;
position: relative;
/* border-style:solid;
border-color:#fff;
border-width:1px;*/
font-size:0;/* ie fix - big info bar*/
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#loadingLink {
display:block;
margin:0 auto;
padding:0;
width:32px;
height:32px;
background:url("engine/images/loading.gif") center center no-repeat;
text-indent:-9999px;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLinkImg, #nextLinkImg{
width: 49%;
height: 100%;
background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
display: block;
text-indent:-9999px;
}
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover {
background: url("engine/images/prev.png") 5% center no-repeat;
_background-image:url("engine/images/prev_ie6.gif")
}
#nextLinkImg:hover, #nextLinkImg:visited:hover {
background: url("engine/images/next.png") 97% center no-repeat;
_background-image:url("engine/images/next_ie6.gif")
}
#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
font-family: "Lucida Grande",tahoma,verdana,arial,sans-serif;
font-size:13px;
background-color: #fff;
width:100%;
}
#imageData{
overflow:hidden;
width:100%;
}
#imageDetails{ width: 70%; float: left; text-align: left; padding:10px 10px 0 0;}
#caption{ font-weight: bold; display:block;}
#numberDisplay{ display: block; float: left; padding:3px 10px 0 0;}
#detailsNav{display:block; float:left; padding:0; }
#prevLinkDetails { margin:3px; margin-top:0px; display:block; width:22px;height:22px; background: url("engine/images/prevlabel.gif") left center no-repeat; float:left; }
#nextLinkDetails { margin:3px; margin-top:0px; display:block; width:22px;height:22px; background: url("engine/images/nextlabel.gif") right center no-repeat; float:left; }
#slideShowControl.started{
background-image:url("engine/images/pause.gif");
}
#slideShowControl{
display:block;
width:22px;
height:22px;
float:left;
background:url("engine/images/start.gif");
background-position:center center;
background-repeat:no-repeat;
}
#close{
padding:16px 0 0;
float:right;
}
#closeLink {
display:block;
margin:0;
padding:0px;
text-decoration:none;
width:32px;
height:32px;
background:url("engine/images/close.gif") no-repeat;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html>body .clearfix {
display: inline-block;
width: 100%;
}
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}
#outerImageFrame{
border:solid 1px red;
height:100%;
width:100%;
position:absolute;
}
#outerImageContainer{
overflow:visible;
}
#outerImageContainer td{
text-align:center;
padding:0;
}
#lightboxFrameBody{
background-color: #fff;
border:solid 1px #fff; /* hack for opera table small cell width */
_vertical-align:top;
_height:90%;
//vertical-align:top;
//height:90%;
}
#outerImageContainer td{
font-size:0;
}
/* frame style */
#outerImageContainer td.tl, #outerImageContainer td.br{
height:21px;
width:21px;
}
#outerImageContainer td.tl{
background-image:url(engine/images/borderTopLeft.png);
_background-image: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderTopLeft.png', sizingMethod='scale');
}
#outerImageContainer td.tc{
background-image:url(engine/images/borderTopCenter.png);
_background-image: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderTopCenter.png', sizingMethod='scale');
}
#outerImageContainer td.tr{
background-image:url(engine/images/borderTopRight.png);
_background-image: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderTopRight.png', sizingMethod='scale');
}
#outerImageContainer td.ml{
background-image:url(engine/images/borderMiddleLeft.png);
_background-image: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderMiddleLeft.png', sizingMethod='scale');
}
#outerImageContainer td.mr{
background-image:url(engine/images/borderMiddleRight.png);
_background-image: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderMiddleRight.png', sizingMethod='scale');
}
#outerImageContainer td.bl{
background-image:url(engine/images/borderBottomLeft.png);
_background-image: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderBottomLeft.png', sizingMethod='scale');
}
#outerImageContainer td.bc{
background-image:url(engine/images/borderBottomCenter.png);
_background-image: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderBottomCenter.png', sizingMethod='scale');
}
#outerImageContainer td.br{
background-image:url(engine/images/borderBottomRight.png);
_background-image: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderBottomRight.png', sizingMethod='scale');
}
/* style for fly out menu */
.menu2{
width:240px;
height:270px;
position: absolute;
z-index:100;
left: 14px;
top: 47px;
color: #FFF;
}
.menu2 ul li.photos ul{
z-index:10;
}
.menu2 ul {
padding:0; margin:0; list-style-type: none; background:transparent; width:100px; height:180px;
}
.menu2 ul li ul {
visibility:hidden;
position:absolute;
height:0;
overflow:hidden;
top:-2px;
left:86px;
}
.menu2 ul li {
float:left;
}
.menu2 ul li a, .menu2 ul li a:visited {
display:block; float:left; text-decoration:none; color:#fff; width:120px; height:30px; line-height:29px; background:transparent; padding-left:10px;
}
* html .menu2 ul li a, * html .menu2 ul li a:visited {width:100px; w\idth:140px;}
.menu2 table {
border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;
}
/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu2 ul li a{
color:#FFF
}
.menu2 ul li a:hover{
background:transparent; color:#fff;
}
.menu2 ul li:hover {position:relative; z-index:90;}
* html .menu2 ul li a:hover {position:relative; z-index:100;}
.menu2 ul li:hover ul,
.menu2 ul li a:hover ul {
visibility:visible; position:absolute; height:auto; background:transparent ; overflow:visible;
}
.menu2 ul li:hover ul li a,
.menu2 ul li a:hover ul li a{
display:block; background:transparent; color: #FFFFFF; line-height:15px; padding:5px 0 5px 10px; height:auto; text-decoration:none;
}
.menu2 ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover {
background:transparent;
color: #FF0;
}
.menu2 ul li:hover ul li ul,
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:85px;
}
.menu2 ul li:hover ul li:hover ul,
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; height:auto; color:#fff; padding:0; border:none; list-style-type:none; background:transparent;
}
.menu2 ul li:hover ul li:hover ul li a,
.menu2 ul li a:hover ul li a:hover ul li a {
display:block; background:transparent; color:#fff;
}
.menu2 ul li:hover ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover ul li a:hover {
background:transparent; color:#fff;
}
ul#maincon2{
width:700px;
}
ul#maincon2 li.clearfix {
padding:0 20px 30px 10px;
}
ul#maincon2 li.clearfix p{
color: #666666;
display:inline;
margin-top:10px;
}
ul#maincon2 li.clearfix img{
margin: -10px 10px 0px 0px;
float:left;
display:inline;
}
#content_scroll2{
width:750px;
height: 743px;
overflow: auto;
border: 1px #999999 solid;
padding: 20px 8px 8px 8px;
margin:auto 0;
margin-top:10px;
}