/*
Content-Type: text/css
*/

*  { font-family:arial, helvetica, sans-serif; }
body  { margin:0px; padding:0; text-align:center; font-size:.75em; background:url(../img04/bg_gradient.jpg) repeat-x; color:#333; }
img  { border:0; }
a  { color:#1a679b; text-decoration:underline; }
a:link  { color:#1a679b; }
a:visited  { color:#1a679b; }
a:active  { color:#000; }
a:hover  { color:#000; text-decoration:none; }

h1  { font-size:20px; font-weight:normal; margin-bottom:10px; }
h2  { font-size:16px; margin-top:10px; margin-bottom:5px; font-style:italic }
p  { margin:12px 0 0 0; }


#weather  { float:right; margin:0px 0px 0 0; width:220px; height:35px; padding:2px 0 0 2px;}

.headerlink a  { text-decoration:underline; font-style:normal; cursor:pointer; font-size:12px;}
.headerlink a:hover { text-decoration:none; color:#000; }

#videos { width:250px; float:left; margin:9px 0 40px 0;}
.movie { width:246px; height:175px; }

/*
#home_midCol { width:342px; float:right; }
#home_midColbuttom { background:url(../img04/midColButtom.gif) no-repeat; width:600px; height:16px; }
*/

.home_midCol { background:url(../img04/mid1ColRepeat.gif) repeat-y; width:600px; margin-top:10px; }
.home_midColbuttom { background:url(../img04/mid1ColBottom.gif) no-repeat; width:600px; height:18px; }

.home_midColtop { padding:5px 10px 5px 10px; color:#000; font-size:16px; font-style:italic; font-weight:bold; }
.home_midColtop a 	 { color:#000; text-decoration:none; }
.home_midColtop a:hover { color:#000; text-decoration:underline; }
.mid_img  { float:left; padding-right:10px;}


.indextext  { float:right; width:330px; padding:5px 5px 5px 0; }

#container  { position:relative; width:1019px; margin:0 auto; text-align:left; background:url(../img04/bg_content.jpg) repeat-y; }
#content  { float:left; width:815px; height:100%; padding:0; }
#header  { position:relative; width:815px; height:143px; background:url(../img04/header.jpg) no-repeat; }
.line  { border-bottom:solid 2px #d0d6e2; margin:12px 0 3px 0; }
#page  { position:relative; width:100%; }
#bgGLeft  { position:relative; float:left; left:2px; top:0px; width:13px; height:533px; background:url(../img04/bg_gradient_l.gif) no-repeat; }
#bgLeft  { display:none;position:relative; float:left; left:0; top:0px; width:12px; height:54px; background:url(../img04/bg_left.jpg) no-repeat; }
#bgRight  { position:absolute; left:986px; top:0; width:12px; height:54px; background:url(../img04/bg_right.jpg) no-repeat; }
#leftColumn  { float:left; position:relative; left:10px; width:165px; padding-left:12px; }
#calendar  { position:relative; left:0; top:0; }

/*
#hotLinks  { position:absolute; left:5px; top:210px; width:155px; z-index:1; }
#hotLinks a  { float:left; width:85px; height:85px; margin-top:1px; background:url(../img04/hl_blank.gif) no-repeat 0 0; }
#hotLinks a.link1 { background:url(../img04/hl_fuel.jpg) no-repeat; margin-right:1px; }
#hotLinks a.link2 { background:url(../img04/hl_weather.jpg) no-repeat; }
#hotLinks a.link3 { background:url(../img04/hl_sports.jpg) no-repeat; margin-right:1px; }
#hotLinks a.link4 { background:url(../img04/hl_google.jpg) no-repeat; }
#hotLinks a.link5 { background:url(../img04/hl_wikipedia.jpg) no-repeat; margin-right:1px; }
#hotLinks a.link6 { background:url(../img04/hl_ebay.jpg) no-repeat; }
#hotLinks a:hover { background-position:0 -85px; }
*/

#middleColumn  { float:left; position:relative; width:600px; margin:5px 0 0 15px; }
#gallery  { width:600px; height:230px; z-index:1; }
/*
#hotlinknweather { 
	position:relative; left:0; top:0; width:600px; height:32px; z-index:1; 
}
#weatherhere { float:right; width:148px; height:40px; padding:0 20px 0 0;}
#hotlinkhere { float:left; height:39px; overflow:hidden; width:370px; }
*/

#blocker  { background-color:#fff; width:100%; height:400px; z-index:99; display:none; }
#popup  { position:absolute; left:40px; top:60px; width:360px; height:180px; z-index:100; background-color:#FFF; display:none; border:2px solid #999; text-align:left }
#popupHead  { height:25px; line-height:25px; background-color:#777; padding-left:10px; color:#FFF; font-weight:bold; border-bottom:2px solid #999; }
#popupHead a { float:right; display:block; width:25px; height:25px; color:#FFF; text-decoration:none; text-align:center }
#popupHead a:hover { text-decoration:underline; }
#popupBody  { margin:10px; }
#popupBody ol { margin:15px 0 0 0; padding:0; }
#popupBody ol li { margin:0 0 10px 20px; padding:0; font-weight:bold; }
#popupBody ol li span { font-weight:normal; }
#newsList  { margin:0; padding:0; }
#newsList li  { margin:0 0 10px 20px; color:#000; }
#newsList li div { margin-left:-10px; color:#555; }


.topcol { font-size:16px; padding:5px 10px 5px 10px; color:#000; font-style:italic; font-weight:bold; }
.topcol a { color:#000; text-decoration:none; }
.topcol a:hover	 { color:#000; text-decoration:underline; }
.column2  { float:left; width:290px; margin:10px 20px 0px 0; background:url(../img04/mid2ColRepeat.gif) repeat-y;}
.smallCol  { background:url(../img04/mid2ColBottom.gif) no-repeat; width:290px; height:18px; }

.noRightMargin { margin-right:0; }
.text  { padding-left:4px; padding-right:8px; }
.text02  { padding-left:10px; padding-right:10px; height:185px; overflow:hidden; }
.main_text  { padding-left:10px; padding-right:8px; padding-bottom:5px; padding-top:3px; }

.news  { background:url(../img04/news_icon.gif) no-repeat; height:26px; padding:3px 0 0 35px; }
.imgBorder  { border:1px solid #555; }
.imgLeft  { margin-right:10px; }
.hilite  { color:#370; }
.sponsorheader { margin:10px 0 10px 0;}
#rightColumn  { width:204px; text-align:left; float:left; background:url(../img04/bg_topright.jpg) no-repeat; }

.errorRightColumn { height:400px; }
#makeHome                       { position:relative; top:18px; width:180px; height:60px; margin-bottom:18px; }
#makeHome a                     { position:absolute; left:0; top:0; width:180px; height:60px; background:url(../img04/makeHome.gif) no-repeat 0 -60px; }
#makeHome a:hover { background-position:0 0; }
.sponsors {display:none}
ul.sponsor  { margin:0 0 15px 0; padding:0; } /*gradient01.gif*/
ul.sponsor li  { margin-bottom:1px; list-style-type:none; width:160px; height:55px; }
ul.sponsor li a  { display:block; width:160px; height:51px; background-position:0 0; }
/*
ul.sponsor li a.item1 { background:url(../img04/sponsors/surf_23.png) no-repeat; }
ul.sponsor li a.item2 { background:url(../img04/sponsors/surf_24.png) no-repeat; }
ul.sponsor li a.item3 { background:url(../img04/sponsors/surf_25.png) no-repeat; }
ul.sponsor li a.item4 { background:url(../img04/sponsors/surf_26.png) no-repeat; }
ul.sponsor li a.item5 { background:url(../img04/sponsors/surf_27.png) no-repeat;}
ul.sponsor li a.item6 { background:url(../img04/sponsors/surf_28.png) no-repeat; }
ul.sponsor li a.item7 { background:url(../img04/sponsors/surf_29.png) no-repeat; }
ul.sponsor li a.item8 { background:url(../img04/sponsors/surf_30.png) no-repeat; }
ul.sponsor li a.item9 { background:url(../img04/sponsors/surf_34.png) no-repeat; }
ul.sponsor li a.item10 { background:url(../img04/sponsors/surf_37.png) no-repeat;}
ul.sponsor li a.item11 { background:url(../img04/sponsors/surf_40.png) no-repeat; }
ul.sponsor li a.item12 { background:url(../img04/sponsors/surf_43.png) no-repeat; }
*/
.space { margin-top:4px;}

#links  { float:left; position:relative; width:100%; height:27px; background:url(../img04/bg_content.jpg) repeat-y; z-index:10; }
#iconLinks { position:absolute; left:20px; top:26px; width:959px; height:0px; overflow:hidden; border-bottom:1px solid #9e9e9e;
 background:url(../img04/foot_grey.gif) no-repeat; z-index:1; }
#iconLinks img { margin:10px 0 0 10px; float:left; }
#extLink1 { display:block; position:relative; width:959px; background:url(../img04/foot_grey.gif) no-repeat; }
#extLink2 { display:none; position:relative; width:959px; background:url(../img04/foot_grey.gif) no-repeat; }
#extLink3 { display:none; position:relative; width:959px; background:url(../img04/foot_grey.gif) no-repeat; }
#extLink4 { display:none; position:relative; width:959px; background:url(../img04/foot_grey.gif) no-repeat; }
#extLink5 { display:none; position:relative; width:959px; background:url(../img04/foot_grey.gif) no-repeat; }
#extLink6 { display:none; position:relative; width:959px; background:url(../img04/foot_grey.gif) no-repeat; }
#extLink7 { display:none; position:relative; width:959px; background:url(../img04/foot_grey.gif) no-repeat; }

#bottom  { margin:0 auto; height:21px; background:url(../img04/bg_bottom.jpg) no-repeat; margin-bottom:10px; width:1019px; }

/*
Primary
*/
#menu .primary       { font-size:90%; padding:0px; margin:0px; width:150px; list-style-type:none; }
#menu .primary li       { position:static; margin:0; border-top:1px solid #BBB; }
#menu .primary li.selected     { background:url(../img04/menu_s.png) repeat-y right; text-decoration:none }
#menu .primary li.selected a span     { color:#333; }
/*#menu .primary li.first      { border-top:0; }*/
#menu .primary li a      { margin:0; display:block; width:150px; color:#666; position:relative; text-decoration:none; }
#menu .primary li a:hover      { background:url(../img04/menu_s.png) repeat-y right; color:#333; }
#menu .primary li a span      { padding:5px 7px; display:block; height:auto }
#menu .primary li a.cArrow     { position:absolute; left:136px; right:0; background:url(../img04/light_arrows.png) no-repeat right -27px; width:14px; height:24px; z-index:10; }
#menu .primary li a.cArrow:hover     { background:url(../img04/light_arrows.png) no-repeat right 10px; background-color:transparent; }
#menu .primary li.live a.cArrow, #menu .primary li.live a.cArrow:hover, #menu .primary li.live a.oArrow, #menu .primary li.live a.oArrow:hover { position:absolute; left:136px; right:0; background:url(../img04/arrows.png) no-repeat transparent right 10px; width:14px; height:24px; z-index:10; }
#menu .primary li a.oArrow     { position:absolute; left:136px; right:0; background:url(../img04/arrows.png) no-repeat transparent right 10px; width:14px; height:24px; z-index:10; }
#menu .primary li a.oArrow:hover     { background-position:right -27px; background-color:transparent; }
#menu .primary li a.title      { z-index:1; }
/* Show | Hide Children */
#menu .primary li ul.secondary     { display:none; }
#menu .primary li ul.open      { display:block; }
#menu .primary li.live ul.secondary      { display:block; }
/*
Secondary
*/
#menu .primary li ul.secondary     { padding:0; margin:0; width:150px; }
#menu .primary li ul.secondary li     { margin:0 0 0 15px; list-style-type:none; border-top:1px solid #BBB; }
#menu .primary li ul.secondary li a    { margin:0; display:block; width:135px; color:#666; position:relative; text-decoration:none; }
#menu .primary li ul.secondary li a:hover    { color:#333; }
#menu .primary li ul.secondary li a span    { padding:5px 7px; display:block; height:auto }
#menu .primary li ul.secondary li a.cArrow   { position:absolute; left:136px; right:0; background:url(../img04/light_arrows.png) no-repeat right -27px; width:14px; height:24px; z-index:10; }
#menu .primary li ul.secondary li a.cArrow:hover   { background-position:right 10px; background-color:transparent; }
#menu .primary li ul.secondary li a.oArrow   { position:absolute; left:136px; right:0; background:url(../img04/light_arrows.png) no-repeat transparent right 10px; width:14px; height:24px; z-index:10; }
#menu .primary li ul.secondary li.live a.cArrow, #menu .primary li ul.secondary li.live a.cArrow:hover, #menu .primary li ul.secondary li.live a.oArrow, #menu .primary li ul.secondary li.live a.oArrow:hover   { position:absolute; left:136px; right:0; background:url(../img04/arrows.png) no-repeat transparent right 10px; width:14px; height:24px; z-index:10; }
#menu .primary li ul.secondary li a.oArrow:hover   { background-position:right -27px; background-color:transparent; }
#menu .primary li ul.secondary li a.title    { z-index:1; }
/* Show | Hide Children */
#menu .primary li ul.secondary li ul.tertiary   { display:none; }
#menu .primary li ul.secondary li ul.open    { display:block; }
#menu .primary li ul.secondary li.live ul.tertiary  { display:block; }
/*
Tertiary
*/
#menu .primary li ul.secondary li ul.tertiary   { padding:0; margin:0; width:135px; }
#menu .primary li ul.secondary li ul.tertiary li   { margin:0 0 0 15px; list-style-type:none; border-top:1px solid #BBB; }
#menu .primary li ul.secondary li ul.tertiary li a  { margin:0; display:block; width:120px; color:#666; position:relative; text-decoration:none; }
#menu .primary li ul.secondary li ul.tertiary li a:hover  { color:#333; }
#menu .primary li ul.secondary li ul.tertiary li a span  { padding:5px 7px; display:block; height:auto }



/*
Footer Tabs
*/
#nav-foot  { position:absolute; left:0; top:-24px; width:900px; height:50px; padding-top:1px; background:transparent; font-weight:bold;
 margin-left:40px; z-index:2; }
#nav-foot ul { margin:0; padding:0; }
ul.foot-navs { position:absolute; list-style:none; letter-spacing:1px; }
ul#foot-nav { left:5px; bottom:0;	}
#foot-nav li { float:left; }
#foot-nav a, #tab-nav a:visited, #tab-nav a:focus, #tab-nav a:active
{ color:#778; font-weight:bold; text-decoration:none; }
#foot-nav a:hover { color:#556; }
#foot-nav a span { display:block; height:18px; padding:7px 10px 2px 6px; background:url(../img04/foot-r-normal.gif) 100% 0 no-repeat; }
#foot-nav a { position:relative; float:left; display:block; height:18px; padding:0 1px 9px 15px; background:url(../img04/foot-l-normal.gif) 0 0 no-repeat; }
#foot-nav a:hover { cursor:pointer; }

#foot-nav a.item0 { background-position:0 0; }
#foot-nav a.item0 span { background-position:100% 0; }
#foot-nav a.item1 { background-position:0 -27px; }
#foot-nav a.item1 span { background-position:100% -27px; }
#foot-nav a.item2 { background-position:0 -54px; }
#foot-nav a.item2 span { background-position:100% -54px; }
#foot-nav a.item3 { background-position:0 -81px; }
#foot-nav a.item3 span { background-position:100% -81px; }
#foot-nav a.item4 { background-position:0 -108px; }
#foot-nav a.item4 span { background-position:100% -108px; }
#foot-nav a.item5 { background-position:0 -135px; }
#foot-nav a.item5 span { background-position:100% -135px; }
#foot-nav a.item6 { background-position:0 -54px; }
#foot-nav a.item6 span { background-position:100% -54px; }


#footBottom { position:relative; width:959px; height:8px; background:url(../img04/foot_bottom.gif) no-repeat; }

/*
General
*/

.clear  { display:block; clear:both; width:0; height:0; border:0px solid #FFF; margin:0; padding:0; font-size:0; line-height:0; }

.tableBorder { background-color:#7e8f31; }
.tableContent th { background-color:#f8f4ce; }
.tableContent td { background-color:#FFF; }


/*

Gallery

*/
#thumbnails  { position:relative; width:570px; height:75px; border-bottom:1px solid #779; text-align:center; margin-right:5px; overflow:hidden; }
#thumbnails a { margin-right:5px; }
#thumbnails a img { border:1px solid #FFF; }
#thumbnails a:hover img { border:1px solid #779; }
#displayContainer { width:570px; text-align:center; margin-top:10px; }


/*

Other

*/

.footytippingbutton a  { display:block; width:150px; height:66px; background-position:0 0; background:url(../img/footybtn.gif) no-repeat; }
.footytippingbutton a:hover { background-position:0 -66px; }

#footytips  { float:left; position:relative; width:776px; margin:12px 0 0 20px; }#footytips .back2home { float:left; }
#footytips .footyadv { float:left; width:670px; height:105px; }
#footytips object { width: 100%; height: 100%;}
#footytips .linespace { margin:10px; }

.otherLinks  { width:150px; margin-top:8px; }

/*
Primary
*/
#flashheader  { position:relative; left:0; top:0; width:781px; height:126px; z-index:1; padding:14px 0 0 25px; }
#menu .primary    { font-size:95%; padding:0px; margin:0px; width:150px; list-style-type:none; letter-spacing:1px; }
#menu .primary li    { position:static; margin:0; border-top:1px solid #BBB; }
#menu .primary li.selected   { background:url(../img04/menu_s.png) repeat-y right; text-decoration:none }

#menu .primary li.current   { background-color:#e4e4e4; text-decoration:none }

#menu .primary li.selected a span   { color:#333; }
#menu .primary li.top   { border-top:0; }
#menu .primary li.topImg   { background:url(../img04/menu_t.png) no-repeat; width:150px; height:17px; border-top:0; }
#menu .primary li.botImg   { background:url(../img04/menu_b.png) no-repeat; width:150px; height:31px; border-top:0; }
#menu .primary li a   { margin:0; display:block; width:150px; color:#333; position:relative; text-decoration:none; }
#menu .primary li a:hover   { background:url(../img04/menu_s.png) repeat-y right; color:#333; }
#menu .primary li a span   { padding:5px 7px; display:block; height:auto }
#menu .primary li a.cArrow   { position:absolute; left:136px; right:0; background:url(../img04/light_arrows.png) no-repeat right -27px; width:14px; height:24px; z-index:10; }
#menu .primary li a.cArrow:hover   { background-position:right 10px; background-color:transparent; }
#menu .primary li a.oArrow   { position:absolute; left:136px; right:0; background:url(../img04/light_arrows.png) no-repeat transparent right 10px; width:14px; height:24px; z-index:10; }
#menu .primary li a.oArrow:hover   { background-position:right -27px; background-color:transparent; }
#menu .primary li a.title   { z-index:1; }
/* Show | Hide Children */
#menu .primary li ul.secondary   { display:none; }
#menu .primary li ul.open   { display:block; }
#menu .primary li.live ul.secondary   { display:block; }

/*
Secondary
*/
#menu .primary li ul.secondary   { padding:0; margin:0; width:150px; }
#menu .primary li ul.secondary li   { margin:0 0 0 15px; list-style-type:none; border-top:1px solid #BBB; }
#menu .primary li ul.secondary li a  { margin:0; display:block; width:135px; color:#666; position:relative; text-decoration:none; }
#menu .primary li ul.secondary li a:hover  { color:#333; }
#menu .primary li ul.secondary li a span  { padding:5px 7px; display:block; height:auto }
#menu .primary li ul.secondary li a.cArrow  { position:absolute; left:136px; right:0; background:url(../img04/light_arrows.png) no-repeat right -27px; width:14px; height:24px; z-index:10; }
#menu .primary li ul.secondary li a.cArrow:hover  { background-position:right 10px; background-color:transparent; }
#menu .primary li ul.secondary li a.oArrow  { position:absolute; left:136px; right:0; background:url(../img04/light_arrows.png) no-repeat transparent right 10px; width:14px; height:24px; z-index:10; }
#menu .primary li ul.secondary li a.oArrow:hover  { background-position:right -27px; background-color:transparent; }
#menu .primary li ul.secondary li a.title  { z-index:1; }
/* Show | Hide Children */
#menu .primary li ul.secondary li ul.tertiary  { display:none; }
#menu .primary li ul.secondary li ul.open  { display:block; }
#menu .primary li ul.secondary li.live ul.tertiary { display:block; }

/*
Tertiary
*/
#menu .primary li ul.secondary li ul.tertiary  { padding:0; margin:0; width:135px; }
#menu .primary li ul.secondary li ul.tertiary li  { margin:0 0 0 15px; list-style-type:none; border-top:1px solid #BBB; }
#menu .primary li ul.secondary li ul.tertiary li a { margin:0; display:block; width:120px; color:#666; position:relative; text-decoration:none; }
#menu .primary li ul.secondary li ul.tertiary li a:hover { color:#333; }
#menu .primary li ul.secondary li ul.tertiary li a span { padding:5px 7px; display:block; height:auto }



#links_bottom { background:url(../img04/otherlinks_bottom.gif) no-repeat 0 1px; height:34px; }
#quicksearchHead { background:url(../img04/googlesearch2.jpg) no-repeat 0 0; height:26px; }
.smallfont { font-size:8px; line-height:20px; float:left; width:20px; height:20px; }
#quicksearch { padding:0; height:61px; text-align:center}
.inputSearch { margin-top:0px; font-size:10px; width:130px; }
.searchbtn { background:url(../img04/searchbtn.gif) no-repeat; margin:10px 5px 0 0; height:16px; width:40px; font-size:8px;}
.inputResults { font-size:12px; width:350px; }
.resultsBtn { background:url(../img04/searchbtn.gif) no-repeat; margin:2px 0 0 0; height:16px; width:40px; font-size:9px;}

.thumbnail{
 position: relative;
 z-index: 0;
}

.thumbnail:hover{
 background-color: transparent;
 z-index: 50;

}

.thumbnail span{ /*CSS for enlarged image*/
 position: absolute;
 background-color:#fefefe;
 padding: 4px;
 /*left: -1000px;*/
 right:1px;
 border: 1px solid gray;
 visibility: hidden;
 color: black;
 text-decoration: none;
 cursor:pointer;

}

.thumbnail span img{ /*CSS for enlarged image*/
 border-width: 0;
 padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
 visibility: visible;
 bottom:-10px;
 right: 1px; /*position where enlarged image should offset horizontally */
 font-weight:bold;
 color:#333333;
 text-align:right;
 font-size:11PX;

}







.thumbnai2{
 position: relative;
 z-index: 30;
}

.thumbnai2:hover{
 background-color: transparent;
 z-index: 50;

}

.thumbnai2 span{ /*CSS for enlarged image*/
 position: absolute;
 background-color:#fefefe;
 padding: 5px;
 /*left: -1000px;*/
 right:1px;
 border: 1px solid gray;
 visibility: hidden;
 color: black;
 text-decoration: none;
 cursor:pointer;
}

.thumbnai2 span img{ /*CSS for enlarged image*/
 border-width: 0;
 padding: 2px;
}
.thumbnai2:hover span{ /*CSS for enlarged image on hover*/
 visibility: visible;
 bottom:1px;
 right: 1px; /*position where enlarged image should offset horizontally */
 font-weight:bold;
 color:#333333;
 text-align:right;
 font-size:11PX;

}





.thumbnai3{
 position: relative;
 z-index: 0;
}

.thumbnai3:hover{
 background-color: transparent;
 z-index: 50;

}

.thumbnai3 span{ /*CSS for enlarged image*/
 position: absolute;
 background-color:#fefefe;
 padding: 5px;
 /*left: -1000px;*/
 right:1px;
 border: 1px solid gray;
 visibility: hidden;
 color: black;
 text-decoration: none;
 cursor:pointer;

}

.thumbnai3 span img{ /*CSS for enlarged image*/
 border-width: 0;
 padding: 2px;
}

.thumbnai3:hover span{ /*CSS for enlarged image on hover*/
 visibility: visible;
 top:-50px;
 right: 1px; /*position where enlarged image should offset horizontally */
 font-weight:bold;
 color:#333333;
 text-align:right;
 font-size:11PX;

}
