BODY {
	FONT-SIZE: 12px; MARGIN: 0px 0px 0px; COLOR: #000000; FONT-FAMILY: Verdana, Arial,Helvetica,Sans-Serif; BACKGROUND-COLOR: #ffcc33; 
}



TABLE.template {
BACKGROUND-COLOR: #ffffff; font-size:12px;
}
TABLE.template a:link{color:#000066;}
TABLE.template a:visited{color:#ff9933;}
TABLE.template a:active{color:#ff9933;}
TABLE.template a:hover{color:#00cc00;}

TD.template {
	BACKGROUND-COLOR: #cc0033
}
TD.hr {
	WIDTH: 100%; HEIGHT: 1px; BACKGROUND-COLOR: #cccccc
}
TD.blank {
	WIDTH: 100%; HEIGHT: 5px; BACKGROUND-COLOR: #ffffff
}
TABLE.schedule {
	BORDER-RIGHT: #ffffff 2px solid; BORDER-TOP: #666666 2px solid; BORDER-LEFT: #666666 2px solid; BORDER-BOTTOM: #666666 2px solid
}
TD.schedule {
	BORDER-TOP: #666666 1px solid
}
TD.vendor {
	VERTICAL-ALIGN: top; BACKGROUND-COLOR: #ffffcc
}
TD.vendor1 {
	VERTICAL-ALIGN: top; BACKGROUND-COLOR: #ffffff
}
TD.vendor2 {
	BORDER-TOP: #000000 1px solid; FONT-WEIGHT: bold; COLOR: #ffffff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #ff0000
}
TD.frame {
	BORDER-RIGHT: #cc0033 2px solid; BORDER-TOP: #cc0033 2px solid; BORDER-LEFT: #cc0033 2px solid; BORDER-BOTTOM: #cc0033 2px solid
}
TD.header {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: #000000; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffffff; spacing: 0px 0px 0px 0px
}

TD.nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 198px; COLOR: #000000; PADDING-TOP: 0px; BACKGROUND-COLOR: #cccccc
}


TD.main {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 562px; COLOR: #000000; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffffff
}





.breadcrumb{
	FONT-WEIGHT:normal; FONT-SIZE: 10px; COLOR: #006633;TEXT-DECORATION: none; 
}
A.breadcrumb:link {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #006633;TEXT-DECORATION: none;   }
A.breadcrumb:visited {
                  FONT-SIZE: 10px;; COLOR: #006633; TEXT-DECORATION: none;
}
A.breadcrumb:active {
	FONT-SIZE: 10px; COLOR: #006633; TEXT-DECORATION: none;
}
A.breadcrumb:hover {
	FONT-SIZE: 10px; COLOR: #cc0033;TEXT-DECORATION: underline;
}
A.sasha:link {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; WIDTH: 160px; COLOR: #006633; BORDER-TOP-STYLE: none; PADDING-TOP: 3px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none;TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none;
}
A.sasha:visited {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; WIDTH: 160px; COLOR: #006633; BORDER-TOP-STYLE: none; PADDING-TOP: 3px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none;
}
A.sasha:active {
	PADDING-RIGHT:0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; WIDTH: 160px; COLOR: #000000; BORDER-TOP-STYLE: none; PADDING-TOP: 3px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none;
}
A.sasha:hover {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; WIDTH: 160px; COLOR: #cc0033; BORDER-TOP-STYLE: none; PADDING-TOP: 3px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none;
}
A.navbtn:link {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 13px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; WIDTH: 160px; COLOR: #006633; BORDER-TOP-STYLE: none; PADDING-TOP: 3px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none;TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
A.navbtn:visited {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 13px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; WIDTH: 160px; COLOR: #006633; BORDER-TOP-STYLE: none; PADDING-TOP: 3px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
A.navbtn:active {
	PADDING-RIGHT:3px; DISPLAY: block; PADDING-LEFT: 13px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; WIDTH: 160px; COLOR: #000000; BORDER-TOP-STYLE: none; PADDING-TOP: 3px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
A.navbtn:hover {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 13px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; WIDTH: 160px; COLOR: #cc0033; BORDER-TOP-STYLE: none; PADDING-TOP: 3px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
A.pix:link {
       COLOR: #cc0000; FONT-SIZE: 10px
}
A.pix:visited {
       COLOR: #cc0000; FONT-SIZE: 10px
}
A.pix:active {
       COLOR: #cc0000; FONT-SIZE: 10px
}
A.pix:hover {
       COLOR: #cc0000; FONT-SIZE: 10px
}

A:link {
	COLOR: #0033cc; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
A:visited {
	COLOR: #0033cc; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
A:active {
	COLOR: #0033cc; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
A:hover {
	COLOR: #000000; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline
}
/*
TD.footer {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #000000; PADDING-TOP: 2px; BACKGROUND-COLOR: #ffffff
}

A.footer:link {
	COLOR: #ffffff; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
A.footer:visited {
	COLOR: #ffffff; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
A.footer:active {
	COLOR: #ffffff; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
A.footer:hover {
	COLOR: #ffffff; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline
}

*/
A.subnavbtn:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.subnavbtn:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.subnavbtn:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.subnavbtn:hover {
	COLOR: #ffffff; TEXT-DECORATION: underline
}
.navsm {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #333333; BACKGROUND-COLOR: #cc0033
}
.navmd {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; BACKGROUND-COLOR: #cc0033
}
H1 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN: 0px 0px 2px; COLOR: #cc0033
}
.bodylgbold {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; MARGIN: 0px 0px 2px; COLOR: #cc0033; BORDER-BOTTOM: #cc0033 1px solid
}
H2 {
	FONT-SIZE: 15px; MARGIN: 0px 0px 2px; COLOR: #cc0033; BORDER-BOTTOM: #000000 1px solid
}
H3 {
	DISPLAY: inline; FONT-SIZE: 12px; MARGIN: 0px 0px 2px; COLOR: #cc0033
}
BLOCKQUOTE {
	FONT-SIZE: 12px; MARGIN: 0px 0px 10px 20px; COLOR: #000000
}
P {
	FONT-SIZE: 12px; MARGIN: 0px 0px 10px; COLOR: #333333
}
P:sasha {
	FONT-SIZE: 12px; MARGIN: 0px 0px 0px; COLOR: #333333
}
OL {
	FONT-SIZE: 12px; MARGIN: 0px 0px 0px 30px; COLOR: #333333
}
UL {
	FONT-SIZE: 12px; MARGIN: 0px 0px 10px 20px; COLOR: #333333
}
HR {
	MARGIN: 0px 0px 10px; WIDTH: 100%; COLOR: #cc0033; HEIGHT: 1px
}

.nav {
	 color: #003366; FONT-WEIGHT: normal; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LINE-HEIGHT:15px;
}
.nav A:link {
	COLOR: #003366; TEXT-DECORATION: none;
}
.nav A:active {
	COLOR: #ffcc99; TEXT-DECORATION: none;
}
.nav A:visited {
	COLOR: #666666; TEXT-DECORATION: none;
}
.nav A:hover {
	COLOR: #00cc00; TEXT-DECORATION: none;
}

.myspacead { padding-left:15px; text-decoration:underline; font-weight:bold; font-family:arial;color:#0000ff;font-size:13px;}
.myspacead  a:link {text-decoration:underline; }
.myspacead  a:active {text-decoration:underline; }
.myspacead  a:visited {text-decoration:underline; }
.myspacead  a:hover {text-decoration:underline; color:#009900; }


.myspacenav a:link { padding-left:15px; text-decoration:underline;
	 color: #003366; FONT-WEIGHT: normal; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LINE-HEIGHT:18px;
}

.myspacenav A:active {padding-left:15px;
	COLOR: #ffcc99; TEXT-DECORATION: underline; FONT-WEIGHT: normal; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LINE-HEIGHT:18px;
}
.myspacenav A:visited {padding-left:15px;
	COLOR: #333333; TEXT-DECORATION: underline;  FONT-WEIGHT: normal; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LINE-HEIGHT:18px;
}
.myspacenav A:hover {padding-left:15px;
	COLOR: #00cc00; TEXT-DECORATION: underline;  FONT-WEIGHT: normal; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LINE-HEIGHT:18px;
}







td.footer {
	FONT-SIZE: 10px; COLOR: #ffcc33; PADDING-TOP: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; PADDING-BOTTOM:12px;
}
.footer A {
	FONT-SIZE: 10px; COLOR: #ffcc33; PADDING-TOP: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; PADDING-BOTTOM:12px;
}
.footer A:active {
	COLOR: #ffcc66; TEXT-DECORATION: underline
}
.footer A:visited {
                  COLOR: #ffcc99; TEXT-DECORATION: none
}
.footer A:hover {
	COLOR: #ff6666; TEXT-DECORATION: underline
}
.pages {
	CLEAR: left; PADDING-RIGHT: 1em; PADDING-LEFT: 1em; FONT-SIZE: 85%; PADDING-BOTTOM: 1em; MARGIN: 1em 0px; PADDING-TOP: 1em
}
.pages A {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #fff 1px solid; DISPLAY: block; PADDING-LEFT: 0.5em; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0.2em; BORDER-LEFT: #fff 1px solid; MARGIN-RIGHT: 0.1em; PADDING-TOP: 0.2em; BORDER-BOTTOM: #fff 1px solid
}
.pages SPAN {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #fff 1px solid; DISPLAY: block; PADDING-LEFT: 0.5em; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0.2em; BORDER-LEFT: #fff 1px solid; MARGIN-RIGHT: 0.1em; PADDING-TOP: 0.2em; BORDER-BOTTOM: #fff 1px solid
}
.pages SPAN.current {
	BORDER-RIGHT: #2e6ab1 1px solid; BORDER-TOP: #2e6ab1 1px solid; FONT-WEIGHT: bold; BACKGROUND: #2e6ab1; BORDER-LEFT: #2e6ab1 1px solid; COLOR: #fff; BORDER-BOTTOM: #2e6ab1 1px solid
}
.pages A {
	BORDER-RIGHT: #9aafe5 1px solid; BORDER-TOP: #9aafe5 1px solid; BORDER-LEFT: #9aafe5 1px solid; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none
}
.pages A:hover {
	BORDER-LEFT-COLOR: #2e6ab1; BORDER-BOTTOM-COLOR: #2e6ab1; BORDER-TOP-COLOR: #2e6ab1; BORDER-RIGHT-COLOR: #2e6ab1
}
.pages A.nextprev {
	FONT-WEIGHT: bold
}
.pages SPAN.nextprev {
	COLOR: #666
}
.pages SPAN.nextprev {
	BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; COLOR: #999; BORDER-BOTTOM: #ddd 1px solid
}
.btn{
   color:#036;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#fc6;
   border:1px solid;
   border-top-color:#069;
   border-left-color:#069;
   border-right-color:#036;
   border-bottom-color:#036;
   text-decoration:none;}
.thisbtn{
   color:#036;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#ffffff;
   border:1px solid;
   border-top-color:#069;
   border-left-color:#069;
   border-right-color:#036;
   border-bottom-color:#036;
   text-decoration:none;}

.host {
 position: relative; top:0; left:0;width:198px; height:276px; 
  background-image: url(http://www.surfersam.com/myspace_graphics/images/host.jpg); no-repeat top; overflow:hidden;}

.topnav a {  FONT-SIZE: 13px; COLOR: #fff; FONT-WEIGHT: bold;FLOAT: Left;
	PADDING-RIGHT: 12px; PADDING-LEFT: 12px; 
PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-TOP: 4px;  TEXT-DECORATION:none; 
BACKGROUND-COLOR: #336699;}
.topnav a:active {background-color: #0c3; }
.topnav a:visited {background-color: #369; color:#fff; TEXT-DECORATION:none; }  
.topnav a:hover{background-color: #0c3; FONT-SIZE: 13px; COLOR: #fff; FONT-WEIGHT: bold;FLOAT: Left;
	PADDING-RIGHT: 12px; PADDING-LEFT: 12px; 
PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-TOP: 4px;  TEXT-DECORATION:none; }

.promo {font-size:16px; line-height:22px;}
.promo A {color:#000000; text-decoration:none;font-size:16px; line-height:22px;}
.promo A:active{color:#000000; text-decoration:none;font-size:16px; line-height:22px;}
.promo A:visited{color:#000000; text-decoration:none;font-size:16px; line-height:22px; }
.promo A:hover{color:#000000; background-color: #0c3; text-decoration:none;font-size:16px; line-height:22px;}
.promotitle {font-weight:bold; color:#0000ff; text-decoration:none;font-size:16px; line-height:22px;}