body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #ffffff;
	}

.ahem {
	display: none
	}
strong, b {
	font-weight: bold
	}
p {
	line-height: 18px;
	margin-top: 16px;
	margin-bottom: 8px
	}

p.em {
	font-size: 12px;
	line-height: 18px;
	margin-top: 16px;
	margin-bottom: 8px; 
	font-style: italic
	}

p.remark {

	line-height: 15px;
	margin-top: 15px;
	margin-bottom: 8px; 
	text-align: justify;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	color : #0000AA;
	font-size: 9px
	}

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	text-decoration: underline;
	text-align: center
	}
h5 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	color: #00C;
	text-align: center
	}
h6 {
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	color: #F00;
	text-align: center
	}

blockquote {
	margin-left: 7%;
	margin-right: 7%;
	background-color: #ffffff;
	border-style: solid;
	border-color: blue;
	border-width: 0px;
	}
	
img {
	border: 0px none
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0
/* must be combined with nobr in html for ie5win */
	}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	font-size: 13px;
	font-weight: normal
}

.popText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	font-size: 12px;
	font-weight: normal
}
.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #FF0000;
	font-size: 13px;
	font-weight: normal
}

.tiText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	font-size: 11px;
	font-weight: normal
}

.note {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #0000AA;
	font-size: 9px;
	font-weight: normal
}

.whitenote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #ffffff;
	font-size: 9px;
	font-weight: normal
}

.note2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #0000AA;
	font-size: 8px;
	font-weight: normal
}


.bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	font-size: 13px;
	font-weight: bold
}

.smbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	font-size: 10px;
	font-weight: bold
}


.smText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	font-size: 10px;
	font-weight: normal
}

.sm2Text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #000;
	font-size: 9px;
	font-weight: normal
}

.highlight {
	background-color: #ffff66
}

.lowlight {
	background-color: #FEFFCF
}

.bgblue {
	background-color: #e7efff
}

.heading {
	font-family: Arial, Helvetica, sans-serif;
	color : #000000;
	font-size: 18px;
	font-weight: bold
}

.heading2 {
	font-family: Arial, Helvetica, sans-serif;
	color : #000000;
	font-size: 17px;
	font-weight: bold
}

.heading3 {
	font-family: Arial, Helvetica, sans-serif;
	color : #DD0000;
	font-size: 18px;
	font-weight: bold
}

.lgText {

	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	color: #000000; 
	font-weight: bold
}

.tHeading {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	font-weight: bold
}

.tiHeading {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	font-weight: bold
}

.text1 {
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	margin-top: 15px;
	margin-bottom: 5px
	}
.text2 {
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	margin-top: 15px;
	margin-bottom: 5px
	}

.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px 
	}	
.title {
	color:#00f;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px
	}
	
.whtitle {
	color:#ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px
	}
	
.title2 {
	color:#000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px
	}
.left {
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 19px;
	margin-bottom: 20px
	}


a  {
	color : #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 13px;
	font-weight: normal
}

a.hover {
	color : #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 13px;
	font-weight: normal
}

a.visited {
	color : #00f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 13px;
	font-weight: normal
}

a.visited:hover {
	color : #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 13px;
	font-weight: normal
}

a.boldLink:hover {
	color : #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 13px;
	font-weight: bold
}

a.boldLink  {
	color : #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold
}

a.boldLink:visited {
	color : #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 13px;
	font-weight: bold
}

a.boldLink:visited:hover {
	color : #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 13px;
	font-weight: bold
}

a.headLink:hover {
	color : #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 18px;
	font-weight: bold
}

a.headLink  {
	color : #0000FF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold
}

a.headLink:visited {
	color : #0000FF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 18px;
	font-weight: bold
}

a.headLink:visited:hover {
	color : #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 18px;
	font-weight: bold
}

a.musicLink:hover {
	color : #ff0000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 16px;
	font-weight: bold
}

a.musicLink  {
	color : #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold
}

a.musicLink:visited {
	color : #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 16px;
	font-weight: bold
}

a.musicLink:visited:hover {
	color : #ff0000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 16px;
	font-weight: bold
}

a.smLink  {
	color : #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 10px;
	font-weight: normal
}

a.smLink:hover {
	color : #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 10px;
	font-weight: normal
}

a.smLink:visited  {
	color : #00CC00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 10px;
	font-weight: normal
}

a.smLink:visited:hover {
	color : #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 10px;
	font-weight: normal
}

a.nav  {
	color : #0000DD;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal
}


a.nav:hover {
	color : #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 12px;
	font-weight: normal
}

a.nav:visited {
	color : #00AA00;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 12px;
	font-weight: normal
}

a.nav:visited:hover {
	color : #DD0000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 12px;
	font-weight: normal
}

a.nav1  {
	color : #0000CC;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 9px;
	font-weight: bold
}


a.nav1:hover {
	color : #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 9px;
	font-weight: bold
}

a.nav1:visited {
	color : #0000CC;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 9px;
	font-weight: bold
}

a.nav1:visited:hover {
	color : #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 9px;
	font-weight: bold
}

a.Leftnav  {
	color : #0000DD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold
}


a.Leftnav:hover {
	color : #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 10px;
	font-weight: bold
}

a.Leftnav:visited {
	color : #0000DD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 10px;
	font-weight: bold
}

a.Leftnav:visited:hover {
	color : #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 10px;
	font-weight: bold
}

a.Leftnav1  {
	color : #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 9px;
	font-weight: bold
}


a.Leftnav1:hover {
	color : #0000FF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 9px;
	font-weight: bold
}

a.Leftnav1:visited {
	color : #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 9px;
	font-weight: bold
}

a.Leftnav1:visited:hover {
	color : #0000FF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 9px;
	font-weight: bold
}

a.npLink  {
	color : #444444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold
}


a.npLink:hover {
	color : #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 10px;
	font-weight: bold
}

a.npLink:visited {
	color : #444444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-size: 10px;
	font-weight: bold
}

a.npLink:visited:hover {
	color : #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 10px;
	font-weight: bold
}


ul {
	list-style-type: square
}

hr {
	height: 0px; 
	border: solid #D1D7DC 0px; 
	border-top-width: 1px
}


#topnav {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	border-bottom: 0px solid #000;
	background: #fff url('images/topbar1.gif') repeat-x; padding-left:0px; padding-right:0px; padding-top:2px; padding-bottom:0px;
	height: 25px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit
	}
html>body #topnav {
	height: 25px /* ie5win fudge ends */
	}
#top {
	margin: 0px 0px 0px 145px;
	padding: 0px 0px 0px 0px;
	border-bottom: 0px solid #000;
	background: #ffffff;
	background-image: url(images/dropleft.gif); 
	background-repeat: repeat-y;
	height: 120px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit
	}
html>body #top {
	height: 120px /* ie5win fudge ends */
	}
#top2 {
	margin: 0px 2px 0px 2px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #000;
	background: #ffffff;
	height: 30px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 30px
	}
html>body #top2 {
	height: 30px /* ie5win fudge ends */
	}
#left {
	position: absolute;
	top: 30px;
	left: 0px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	border-top: 0px solid #000;
	width: 145px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit

	}
html>body #left {
	width: 143px; /* ie5win fudge ends */
	top: 30px;
	position: fixed
	}
	
#middle {
	margin: 0px 2px 0px 145px;
	padding: 10px 10px 10px 20px;
	border: 0px solid #000;
	background: #ffffff;
	background-image: url(images/dropleft.gif); 
	background-repeat: repeat-y
	}


	
/* START side by side boxes in mid section */	
#combo { 
   margin: 0px 20px 10px 20px;
   padding: 0px; 
   background-color: #ffffff; 
   border: solid 0px #00f
} 
#comboleft { 
   width: 46%; 
   float: left; 
   background: #fff;
   padding: 5px;
   border: solid 1px #0f0
} 
#comboright { 
   float: right; 
   width:46%;
   background: #fff;
   padding: 5px;
   border: solid 1px #0f0
} 
/* END side by side boxes in mid section */

/* 2 Column Container */

#container { background: url() repeat-y 0% 0%; margin: 20px;}
#div1 { float:left; width:50%;}
#div2 { margin-left:50%; width:50%;} 

/* End 2 Column Container */

#yellow {
	margin: 0;
	padding: 5px 0 5px 0;
	width: 98%;
	border: 1px solid #000;
	background: #ffff66;
	}

#grayrim {
	margin: 3px 2px 0px 2px;
	padding: 1px 0px 2px 0px;
	border: 1px solid #aaa;
	background: #ffffff;
	text-align: center;
	font-size: 10px
	}


#block {
	margin: 0px 20px 0px 20px;
	padding: 0px;
	border: 0px solid #000;
	background: #ffffff;
	text-align: left;
	}

#border {
	margin: 0px;
	padding: 0px;
	border: 2px solid #000;
	}

#quote {
	margin: 10px 5px 10px 5px;
	padding: 5px;
	border: 0px solid #000;
	background: #ffffff;
	background-image: url(); 
	background-repeat: no-repeat;
	text-align: center;
	color: #000;
	}

#block2 {
	margin: 3px 0px 3px 0px;
	padding: 0px;
	border: 2px solid #00f;
	background: #ffffff;
	text-align: center;
	}

#block3 {
	margin: 3px 0px 3px 0px;
	padding: 0px;
	border: 2px solid #00f;
	background: #000000;
	color: #ffffff;
	text-align: center;
	}


#box {
	margin: 10px 0px 10px 0px;
	padding: 10px;
	border: 3px inset #00f;
	background: #ffffff
	}
	
#subbox {
	margin: 10px 10px 10px 10px;
	padding: 10px;
	border: 2px inset #00f;
	background: #ffffff
	}
	
	
#thinbox {
	width: 450px;
	padding: 10px;
	border: 2px solid #00f;
	background: #ffffff
	}

#musicbox {
	width:320px;
	margin: auto;
	padding: 6px;
	border: 3px solid #0f0;
	background: #000
	}

#BG {
	margin: 20px;
	padding: 0px;
	height: 300px;
	border: 0px solid #000;
	background: #ffffff;
	background-image: url(images/surfin.jpg); 
	background-repeat: no-repeat;
	background-position: center;
	}

#BGbox {
	margin: 20px;
	height: 175px;
	overflow: auto;
	padding: 10px 10px 10px 10px;
	border: 2px inset #00f;
	background: #ffffff;
	background-image: url(); 
	background-repeat: no-repeat;
	}

#graybox {
	margin: 20px 10px 20px 10px;
	padding: 2px 2px 4px 2px;
	border: 1px solid #000;
	background: #e7ffe7;
	}
	
#redbox {
	margin: 50%;
	padding: 2px 2px 4px 2px;
	border: 0px solid #000;
	background: #FFD9D9;
	background-repeat: repeat-y
	}


#footer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 0px solid #000;
	background: #fff url('images/footbar1.gif') repeat-x;;
	height: 25px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 25px
	}
html>body #footer {
	height: 25px /* ie5win fudge ends */
	}

#popup {
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	border-top: 0px solid #000;
	background: #fff
	}

pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px
	}

/* TOP SIDE NAV BUTTONS  */

#navcontainer1
{background: #ffffff; width: 100%; margin: 0 auto; padding: 0 0; text-align: center; text-transform: uppercase}

ul#navlist1
{text-align: center; list-style: none; padding: 0; margin: 0 auto; width: 143px}

html>body #navlist1 {width: 143px /* ie5win fudge ends */}

ul#navlist1 li
{display: block; margin: 0; padding: 0}

ul#navlist1 li a
{display: block; width: 100%; padding: 0.5em 0 0.5em 0em; border-width: 1px; border-color: #ffe #aaab9c #ccc #ffffff; border-style: solid;
background: #f3F8FF; background-image: url(images/buttonBT.gif)}

#navcontainer1>ul#navlist1 li a {width: auto}

ul#navlist1 li#active a
{background: #ecffec}

ul#navlist1 li a:hover, ul#navlist1 li#active a:hover
{background: #D4E4FA; border-color: #aaab9c #fff #CFDBFB #cccccc; background-image: url(images/buttonBB.gif)}

/* END TOP SIDE NAV BUTTONS  */


/* SIDE NAV BUTTONS  */

#navcontainer
{background: #ffffff; width: 100%; margin: 0 auto; padding: 0 0; font-family: georgia, serif; font-size: 9px; text-align: center; text-transform: uppercase}

ul#navlist
{text-align: center; list-style: none; padding: 0; margin: 0 auto; width: 142px}

html>body #navlist
{width: 143px /* ie5win fudge ends */}

ul#navlist li
{display: block; margin: 0; padding: 0}

ul#navlist li a
{display: block; width: 100%; padding: 0.5em 0 0.5em 0em;
border-width: 1px; border-color: #ffe #aaab9c #ccc #ffffff; border-style: solid; color: #0000CC;
text-decoration: none; background: #EEFFEE; background-image: url(images/buttonGT.gif)}

#navcontainer>ul#navlist li a {width: auto}

ul#navlist li#active a
{background: #ecffec; color: #00CC00}

ul#navlist li a:hover, ul#navlist li#active a:hover {color: #FF0000; background: #e7ffe7; border-color: #aaab9c #e7ffe7 #a5e5a5 #cccccc; background-image: url(images/buttonGB.gif)}

/* END SIDE NAV BUTTONS  */

/* SIDE NAV YELLOW BUTTONS  */

#navcontainer2
{background: #ffffff; width: 100%; margin: 0 auto; padding: 0 0; font-family: georgia, serif; font-size: 9px; text-align: center; text-transform: uppercase}

ul#navlist2
{text-align: center; list-style: none; padding: 0; margin: 0 auto; width: 142px}

html>body #navlist2
{width: 142px /* ie5win fudge ends */}

ul#navlist2 li
{display: block; margin: 0; padding: 0}

ul#navlist2 li a
{display: block; width: 100%; padding: 0.5em 0 0.5em 0em;
border-width: 1px; border-color: #ffe #aaab9c #ccc #ffffff; border-style: solid; color: #0000CC;
text-decoration: none; background: #FEFFCF; background-image: url(images/buttonYT.gif)}

#navcontainer2>ul#navlist li a {width: auto}

ul#navlist2 li#active a
{background: #ecffec; color: #00CC00}

ul#navlist2 li a:hover, ul#navlist2 li#active a:hover {color: #FF0000; background: #FEFFCF; border-color: #aaab9c #e7ffe7 #a5e5a5 #cccccc; background-image: url(images/buttonYB.gif)}

/* END SIDE NAV YELLOW BUTTONS  */
