@charset "utf-8";
/* CSS Document */

body a:link {background-color: transparent;	color: #ff6702;	text-decoration: none;}
body a:visited{ background-color: transparent; color: #ff6702; text-decoration: none;}
body a:hover{ background-color: transparent; color: #0073bc; text-decoration: none;}
body a:active{ background-color: transparent; color: #0073bc; text-decoration: none; }

#right-col #bio a:link {background-color: transparent;	color: #ffffff;	text-decoration: none;}
#right-col #bio a:visited{ background-color: transparent; color: #ffffff; text-decoration: none;}
#right-col #bio a:hover{ background-color: transparent; color: #ff3702; text-decoration: none;}
#right-col #bio a:active{ background-color: transparent; color: #ff3702; text-decoration: none; }

#footer a:link {background-color: transparent;	color: #999999;	text-decoration: none;}
#footer a:visited{ background-color: transparent; color: #999999; text-decoration: none;}
#footer a:hover{ background-color: transparent; color: #333333; text-decoration: none;}
#footer a:active{ background-color: transparent; color: #333333; text-decoration: none; }

#skyviewbb a:link {background-color: transparent;	color: #ffffff;	text-decoration: none;}
#skyviewbb a:visited{ background-color: transparent; color: #ffffff; text-decoration: none;}
#skyviewbb a:hover{ background-color: transparent; color: #000000; text-decoration: none;}
#skyviewbb a:active{ background-color: transparent; color: #000000; text-decoration: none; }

body{
font: 11px Verdana, Arial, Helvetica, sans-serif;
background-image:url(images/header-bg.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#ffffff;
text-align: center;
margin: 0;
}

#instructorpic{
width: 90px;
height: 100px;
margin: 0 10px 0 0;
float: left;
}

#index{
width: 960px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}

#header{
width: 960px;
height: 270px;
float: left;
}

#header #top{
background-image:url(images/index_02.jpg);
background-position:right;
background-repeat:no-repeat;
width: 880px;
height: 70px;
margin: 0 40px 0 40px;
float: left;
}

#header #bottom{
background-image:url(images/header-bg.jpg);
background-position:center;
background-repeat:no-repeat;
width: 960px;
height: 200px;
float: left;
}

#header #bottom #left{
background-image:url(images/index_05.jpg);
background-position: center;
background-repeat:no-repeat;
width: 580px;
height: 200px;
margin-left: 40px;
float: left;
}

#header #bottom #right{
background-image:url(images/index_06.jpg);
background-position: center;
background-repeat:no-repeat;
width: 300px;
height: 200px;
margin-right: 40px;
float: left;
}

#navigation{
background-image:url(images/content-bg.gif);
background-position:center;
background-repeat:repeat-y;
width: 960px;
height: 50px;
float: left;
}

#navigation ul{
list-style: none;
padding: 0;
margin: 0 0 0 20px;
text-align: center;
float: left;
}

#navigation ul li{
text-decoration: none;
text-align: center;
float: left;
margin: 0 24px 0 24px;
}

#navigation #nav-links{
background-image:url(images/menu-bg.gif);
background-position: center;
background-repeat:repeat-x;
width: 880px;
height: 50px;
margin: 0 40px 0 40px;
float: left;
}

#content{
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #003e7e;
line-height: 1.4em;
text-align: left;
background-image:url(images/content-bg.gif);
background-position:center;
background-repeat:repeat-y;
width: 960px;
float: left;
}

#content-bottom{
background-image:url(images/content-bottom-bg.gif);
background-position:bottom;
background-repeat:no-repeat;
width: 960px;
float: left;
}

#content #left-col{
width: 540px;
margin: 0 0 0 40px;
padding: 20px 20px 0 20px;
float: left;
}

#content #left-col #pics{
width: 540px;
height: 160px;
margin: 20px 0 0 0;
float: left;
}

iframe{
color: #003e7e;
}

#left-category{
font: 900 11px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background-color: #003e7e;
width: 510px;
height: 14px;
padding: 3px 20px 3px 10px;
margin: 0 0 20px 0;
float: left;
}

#content #right-col{
width: 300px;
float: left;
}

#content #right-col #bio{
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
line-height:1.4em;
background-image:url(images/index_10.jpg);
background-position:center;
background-repeat:no-repeat;
width: 150px;
height: 110px;
padding: 20px 20px 20px 130px;
float: left;
}

#content #right-col #signup{
color: #ffffff;
width: 300px;
height: 150px;
float: left;
}

#content #right-col #bio h3{
font: 900 11px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
color: #ff3702;
}

#right-category{
font: 900 11px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background-color: #003e7e;
width: 270px;
height: 14px;
padding: 3px 20px 3px 10px;
margin: 0 0 20px 0;
float: left;
}
#skyviewbb{
font: 11px Verdana, Arial, Helvetica, sans-serif;
background-color:#CCCCCC;
width: 260px;
height: 14px;
text-align:center;
margin: 126px 0 0 0;
padding: 3px 0 3px 0;
}

/* Sponsor Rollovers*/
#remo
{  display: block;
  width: 130px;
  height: 66px;
  background: url("images/index-rollover_23.gif") no-repeat 0 0;
  float: left;
}

#remo:hover
{   background-position: 0 -66px;}

#remo span
{  display: none;}

#vicfirth
{  display: block;
  width: 130px;
  height: 54px;
  background: url("images/index-rollover_26.gif") no-repeat 0 0;
  float: left;
}

#vicfirth:hover
{   background-position: 0 -54px;}

#vicfirth span
{  display: none;}

#offworld
{  display: block;
  width: 130px;
  height: 66px;
  background: url("images/index-rollover_24.gif") no-repeat 0 0;
  float: left;
}

#offworld:hover
{   background-position: 0 -66px;}

#offworld span
{  display: none;}

#zildjian
{  display: block;
  width: 130px;
  height: 54px;
  background: url("images/index-rollover_27.gif") no-repeat 0 0;
  float: left;
}

#zildjian:hover
{   background-position: 0 -54px;}

#zildjian span
{  display: none;}

#promark
{  display: block;
  width: 130px;
  height: 54px;
  background: url("images/promark_rollover.gif") no-repeat 0 0;
  float: left;
}

#promark:hover
{   background-position: 0 -54px;}

#promark span
{  display: none;}

#content #right-col #sponsors{
color: #ffffff;
width: 300px;
height: 120px;
float: left;
}

#content #right-col #sponsors #links{
color: #ffffff;
width: 260px;
height: 120px;
padding: 0 20px 0 20px;
margin: 0;
float: left;
}

#socialbuttons{
width: 300px;
margin: 20px 0 0 0;
float: left;
}

#footer{
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #999999;
text-align: center;
background-image:url(images/footer-bg.gif);
background-position: center;
background-repeat:repeat-x;
width: 852px;
height: 22px;
margin-left: auto;
margin-right: auto;
padding: 14px;
}

#designby{
width: 880px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 20px;
text-align:right;
}

.designbystyle{
color: #5d3b23;
font-size:10px;

}