/*---------------------layout and scrolling---------------*/

html{overflow:auto;width:1007px;text-align:center;}
body {margin:0; padding:0; border:0; background: url(files/background.gif); background-color: #fff; background-attachment:fixed; background-repeat: no-repeat; width:1007px;}
#header{display: block; height:150px; width:100%; padding:0; overflow:hidden;}
#content {position:absolute; text-align:justify; padding:1em 1em 1em 1em; margin:0; z-index:0; top:160px; 
left:165px; display:block; right:0; background-color:#fff;max-width:815px;}
.corner{position:absolute; top:0px; left:0px;}

/*------------------Hot-------------------*/
#hot img {width:24%;text-align:center; margin:auto;}
/*------------------Upcoming events-------------------*/
#next-events {left:0; padding:0 5px 5px 5px; margin-right:220px; border: 3px solid #8080C0;}
#next-events ul {margin-left:1em;padding-left:0.5em;}
#tool-logo{float:right;margin-right:5px;margin-left:5px;}
/*--------------------navigation----------------------*/
#navigation {
margin:auto;
position:fixed;
display:block;
left:10px;
top:157px;
padding:0.1em;
width:140px;
z-index:10;}
.imglink a, .imglink img {text-decoration:none; border-style:none;}
.menu {position:relative;z-index:900;font-size:1em;margin:0px 0px 0px -1px; /* this page only */}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;width:138px;position:relative; z-index:900;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}
/* style the links */
.menu a, .menu a:visited {display:block;text-decoration:none;height:20px;line-height:20px;width:138px;color:#000;
border-bottom:1px solid #888;background:#EEEEEE;;margin-top:0px;border:1px solid black;}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#808080;}
.menu :hover > a {color:#fff; background:#808080;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; left:0px; z-index:1; }
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,.menu ul a:hover ul {visibility:visible; position: absolute; left:120px;background:#808080;z-index:900;}
.menu ul.top1 {top:46px;}
.menu a.chosen {color:#fff; background:rgb(119,151,208);}
.menu li {background:transparent; height:23px;}
* html .menu li {margin-left:-16px; margin-left:0;}
#valid {padding:0; margin-top:5px; text-align:center; font-size:0.7em; display:block;}
#valid img {border-style:none; padding-top:2px;}
#valid a {color:#373526;}
.info{border-style:none; padding-left:2px; padding-top:2px;background-color:transparent;}
.blog-front {float: right; margin-left:10px; width:180px; margin-right:0px; padding-right:0px;} 

#content a:visited {color:purple;}
#banner {margin:auto; text-align:center; display:block; padding-bottom:5px;height:105px;} /*pictures navigation*/
#tunnelshare {position:absolute; border: 3px outset #808080; text-align:center; padding:3%;  z-index:1000; margin:auto;
 top:3%; left:5%; width:84%; background:#fff; }
#tunnelshare table {text-align:center; margin:auto;} 
/*------------------------------font and various effects-----------------------*/
p {font-size: 1em; text-align: justify; margin:0; padding-top:0; padding-bottom:0.3em;}
h1, h2, h3, h4{padding-top:0.5em; padding-bottom:0.3em; margin:0}
b, u {display:inline;padding:0;}
ol{margin-top:0px; margin-bottom:0px; margin-left:2em;}/*mostly for coachinh/Events page*/
.indent {margin-left:7em;}
.u {text-decoration: underline;}
.space-list{line-height:1.5em; text-align:left;}
.doclink{font-size:0.7em;}
.newslink{font-size:0.9em;}
.smalllink{font-size:0.7em; color:#808080;}
.imgtext {padding-left:0.4em; padding-top:0.4em; float:right; border-style:none;}
.imgtext-l {padding-right:0.4em; padding-top:0.3em; float:left; border-style:none;}
.imgtext-c {padding:0.4em; text-align:center; border-style:none;}
.imgtext-r1 {position: relative; left: 20px; bottom: -12px; border:#808080 solid 1px;}
.imgtext-r2 {position: relative; left: 20px; bottom: -25px; border:#808080 solid 1px;}
.center-content {margin:auto; text-align:center; display:block;}
.big-center {margin:auto; text-align:center; display:block;font-size:1.4em;border:2px solid #808080; padding:0.2em;}
ul {margin-top:0em; padding-top:0em;}
.newtxt {font:0.8em; color:red;font-weight:bold;}
.sold {font:1.2em; color:red;font-weight:bold;}
/*---------------------------all tables---------------------------------------*/
#content table {empty-cells:show; text-align:center; margin:auto; border: 3px solid black; border-collapse: collapse; padding:0;}
  td, th {border: 2px solid #999; text-align:center; margin:2px; padding:2px 6px 2px 6px;}
.top {padding-top:0;}

/*---------------------------table schedule---------------------------------------*/
.title th {background-color:#408080;color:white;border-bottom:3px solid black; }
.jump {background-color:#fff; color:black; padding:2px; border:1px solid black;}
.tunnel {background-color:#D3D3D3; color:black;padding:2px; border:1px solid black;}
.event {background-color:#E7D69C; color:black;padding:2px; border:1px solid black;}
.nationals {background-color:#07B876; color:black;padding:2px; border:1px solid black;}


/*----------------------------specific page bio--------------------------------*/
.table-bio {background:#EEEEF2; border: 3px solid black; text-align:center;}
.table-bio td {border:0px solid #EEEEF2; padding:0.3em;}
.table-bio th {border:2px solid black; padding:0.3em; font-size:1.5em; font-weight:bold;}
.hidebio {position:absolute; top:0em; left:47%; font-size:1em; padding:0; margin:0;}
.window {position:absolute; text-align:justify; padding:1em 1.5em 1em 1em; margin:0; z-index:3; top:160px; 
left:165px; display:block; right:0; background-color:#fff;}
.picture-bio{position:absolute ; right:2em; top:0.5em;}
.window ul {margin-top:0px; margin-bottom:0px; }
.window hr {width:70%; text-align:left; margin-left:0;}
.thumbnail{position: relative;z-index: 0;color:#800000;}
.thumbnail:hover{background-color: transparent;z-index: 50;}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #F8FAA3;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
text-align:center;
width:300px;
display:block;
left: 130px; top:-150px;/*position where enlarged image should offset horizontally */

}
/*---------------------------specific table NSL result-----------------------*/
.nsl-results {font-size: 0.8em; padding-left:3%; text-align:left;}
.dive-rd {color:white; background:black;}
.dive {color:white; background:blue;}
.dive-scrore {font-weight:bold; background:#DDDDFF}
.dive-result {font-weight:bold; background:#C0C0C0}

/*------------------------specific page Gallery-----------------------------*/
.hide {position:absolute; top:0.5em; right:0.5em; cursor: pointer; padding:0; margin:0;}
.window-video {position:absolute; border: 3px outset #808080; text-align:center; padding:3% 0 3% 0;  z-index:1000; margin:auto;
 top:3%; left:5%; width:90%; background:#fff; }
.window-picture {position:absolute; margin:auto; top:2%; left:2%; width:96%; height:92%; border: 3px outset #808080; text-align:center; z-index:1000; background:#fff; padding-top:2%;}

/*----------------------------tool-----------------------------*/
.tool_use th, .tool_use td {text-align:justify; vertical-align:top;}
ul.noindent {margin-left:1em;padding-left:0.5em; }

#topsponsors table, #topsponsors th, #topsponsors td {border: 0px solid black; text-align:center;}
#tool-help {background-color:#fff;}

/* begin styles for RSS Feed */

#blog-feeds {float:right;border: solid 3px #808080;margin:0 0 5px 8px;}
#blog-feeds h2 {color: #333; font-size: 115%; text-decoration: none font-weight: bold; font-family: FontName, Tahoma; }
#blog-feeds h3 {color: #333; font-size: 110%; text-decoration: none font-weight: bold; text-indent: 5em; font-family: FontName, Tahoma }
.rss_box {width:190px; background-color: white; margin: 3px 3px 3px 3px; padding: 5px 5px; }
.rss_title, rss_title a {color:#fff; font-size: 0%; text-align: center; margin:0; padding:0; font-family: FontName, Tahoma;}
.rss_items {text-align:left; list-style-type: none; margin:0; padding:0;}
.rss_item {color: black; font-size: 70%; font-family: Tahoma; font-weight: normal; margin: 8px 0 }
.rss_item a:link, .rss_item a:visited { color: #c60; font-weight: bold; font-size: 110%; text-decoration: none }
.rss_item a:hover {color: gray; text-decoration: underline }
.rss_date {color: gray; font-size: 80%; font-weight: normal }
.rss-box {width:190px; background-color: white; margin: 3px 3px 3px 3px; padding: 5px 5px; }
.rss-title, rss-title a {color:#fff; font-size: 0%; text-align: center; margin:0; padding:0; font-family: FontName, Tahoma;}
.rss-items {text-align:left; list-style-type: none; margin:0; padding:0;}
.rss-item {color: black; font-size: 70%; font-family: Tahoma; font-weight: normal; margin: 8px 0 }
.rss-item a:link, .rss-item a:visited { color: #c60; font-weight: bold; font-size: 110%; text-decoration: none }
.rss-item a:hover {color: gray; text-decoration: underline }
.rss-date {color: gray; font-size: 80%; font-weight: normal }
.title-blog, .title-blog a, .title-blog a:visited {font-weight: bold; text-decoration:none; color:#000; padding: 5px 0 0 0;font-family: FontName, Tahoma; letter-spacing: 1px; display:block; text-align: center;}