/* generated by csscreator.com */ 
html, body{ 
 padding:0; 
 text-align:center; 
 font-family: arial;
 font-size: 12px;
} 

h1, h3 {
left: 4px;
position: relative;
font-size: 14px;
font-weight: bold;
color: white;
margin: 0px;
padding: 0px;
padding-top: 3px;
}


h2 {
text-align: center;
position: relative;
font-size: 16px;
font-weight: bold;
color: black;
margin: 0px;
padding: 0px;
}
 
#pagewidth{ 
 width:741px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:97px; 
  background-color:#000066; 
 width:100%;
} 

#header2{
 position:relative; 
 height:97px; 
  background-color:#009999; 
 width:100%;
}

#header3{
 position:relative; 
 height:97px; 
  background-color:#990000; 
 width:100%;
}

#header4{
 position:relative; 
 height:97px; 
  background-color:#5b92cb; 
 width:100%;
}

#header5{
 position:relative; 
 height:97px; 
  background-color:#cc6600; 
 width:100%;
}

#header6{
 position:relative; 
 height:97px; 
  background-color:#660066; 
 width:100%;
}

#header7{
 position:relative; 
 height:97px; 
  background-color:#004445; 
 width:100%;
}
 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width: 100%; 
 }
 
#footer{
 height:20px; 
 clear:both;
 color: white;
 font-size: 10px;
 line-height: 20px;
 text-align: center;
 } 


#footer a:link {color: #FFFFFF; text-decoration: none; } 
#footer a:active {color: #FFFFFF; text-decoration: none;} 
#footer a:visited {color: #FFFFFF; text-decoration: none;} 
#footer a:hover {color: #FFFFFF; text-decoration: none;}
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


#brucelee {
width: 153px;
height: 60px;
float: left;
position: relative;
}

#jeetkunedo {
width: 468px;
height: 60px;
float: left;
position: relative;
background-color: yellow;
}

#topnav {
width: 100%;
height: 25px;
top: 12px;
float: left;
position: relative;
}



.jkd { display: none; }





















div.btnbrucelee1 {
width: 54px;
height: 25px;
top: 0px;
position: relative;
float: left;
}


#btnbrucelee1on {
width: 54px;
height: 25px;
background-image: url("brucelee/brucelee1.gif");
background-position: 0px -25px;
background-repeat: no-repeat;
float: left;
top: 0px;
position: relative;
}


a.rollbrucelee1 {
width: 54px; 
height: 25px; 
text-align: center;
background: url("brucelee/brucelee1.gif");
background-repeat: no-repeat;
display: block;
}


div.btnbrucelee1 a.rollbrucelee1:link {background-position: 0px 0px; color: black; text-decoration: none; }
div.btnbrucelee1 a.rollbrucelee1:visited {background-position: 0px 0px; color: black; text-decoration: none; }
div.btnbrucelee1 a.rollbrucelee1:hover {background-position: 0px -25px; color: black; text-decoration: none; }
div.btnbrucelee1 a.rollbrucelee1:active {background-position: 0px -0px; color: black; text-decoration: none; }





































div.btnbrucelee2 {
width: 158px;
height: 25px;
top: 0px;
position: relative;
float: left;
}


#btnbrucelee2on {
width: 158px;
height: 25px;
background-image: url("brucelee/brucelee2.gif");
background-position: 0px -25px;
background-repeat: no-repeat;
float: left;
top: 0px;
position: relative;
}


a.rollbrucelee2 {
width: 158px; 
height: 25px; 
text-align: center;
background: url("brucelee/brucelee2.gif");
background-repeat: no-repeat;
display: block;
}


div.btnbrucelee2 a.rollbrucelee2:link {background-position: 0px 0px; color: black; text-decoration: none; }
div.btnbrucelee2 a.rollbrucelee2:visited {background-position: 0px 0px; color: black; text-decoration: none; }
div.btnbrucelee2 a.rollbrucelee2:hover {background-position: 0px -25px; color: black; text-decoration: none; }
div.btnbrucelee2 a.rollbrucelee2:active {background-position: 0px -0px; color: black; text-decoration: none; }
























































div.btnbrucelee3 {
width: 112px;
height: 25px;
top: 0px;
position: relative;
float: left;
}


#btnbrucelee3on {
width: 112px;
height: 25px;
background-image: url("brucelee/brucelee3.gif");
background-position: 0px -25px;
background-repeat: no-repeat;
float: left;
top: 0px;
position: relative;
}


a.rollbrucelee3 {
width: 112px; 
height: 25px; 
text-align: center;
background: url("brucelee/brucelee3.gif");
background-repeat: no-repeat;
display: block;
}


div.btnbrucelee3 a.rollbrucelee3:link {background-position: 0px 0px; color: black; text-decoration: none; }
div.btnbrucelee3 a.rollbrucelee3:visited {background-position: 0px 0px; color: black; text-decoration: none; }
div.btnbrucelee3 a.rollbrucelee3:hover {background-position: 0px -25px; color: black; text-decoration: none; }
div.btnbrucelee3 a.rollbrucelee3:active {background-position: 0px -0px; color: black; text-decoration: none; }


































































div.btnbrucelee4 {
width: 139px;
height: 25px;
top: 0px;
position: relative;
float: left;
}


#btnbrucelee4on {
width: 139px;
height: 25px;
background-image: url("brucelee/brucelee4.gif");
background-position: 0px -25px;
background-repeat: no-repeat;
float: left;
top: 0px;
position: relative;
}


a.rollbrucelee4 {
width: 139px; 
height: 25px; 
text-align: center;
background: url("brucelee/brucelee4.gif");
background-repeat: no-repeat;
display: block;
}


div.btnbrucelee4 a.rollbrucelee4:link {background-position: 0px 0px; color: black; text-decoration: none; }
div.btnbrucelee4 a.rollbrucelee4:visited {background-position: 0px 0px; color: black; text-decoration: none; }
div.btnbrucelee4 a.rollbrucelee4:hover {background-position: 0px -25px; color: black; text-decoration: none; }
div.btnbrucelee4 a.rollbrucelee4:active {background-position: 0px -0px; color: black; text-decoration: none; }












































div.btnbrucelee5 {
width: 100px;
height: 25px;
top: 0px;
position: relative;
float: left;
}


#btnbrucelee5on {
width: 100px;
height: 25px;
background-image: url("brucelee/brucelee5.gif");
background-position: 0px -25px;
background-repeat: no-repeat;
float: left;
top: 0px;
position: relative;
}


a.rollbrucelee5 {
width: 100px; 
height: 25px; 
text-align: center;
background: url("brucelee/brucelee5.gif");
background-repeat: no-repeat;
display: block;
}


div.btnbrucelee5 a.rollbrucelee5:link {background-position: 0px 0px; color: black; text-decoration: none; }
div.btnbrucelee5 a.rollbrucelee5:visited {background-position: 0px 0px; color: black; text-decoration: none; }
div.btnbrucelee5 a.rollbrucelee5:hover {background-position: 0px -25px; color: black; text-decoration: none; }
div.btnbrucelee5 a.rollbrucelee5:active {background-position: 0px -0px; color: black; text-decoration: none; }















































div.btnbrucelee6 {
width: 130px;
height: 25px;
top: 0px;
position: relative;
float: left;
}


#btnbrucelee6on {
width: 130px;
height: 25px;
background-image: url("brucelee/brucelee6.gif");
background-position: 0px -25px;
background-repeat: no-repeat;
float: left;
top: 0px;
position: relative;
}


a.rollbrucelee6 {
width: 130px; 
height: 25px; 
text-align: center;
background: url("brucelee/brucelee6.gif");
background-repeat: no-repeat;
display: block;
}


div.btnbrucelee6 a.rollbrucelee6:link {background-position: 0px 0px; color: black; text-decoration: none; }
div.btnbrucelee6 a.rollbrucelee6:visited {background-position: 0px 0px; color: black; text-decoration: none; }
div.btnbrucelee6 a.rollbrucelee6:hover {background-position: 0px -25px; color: black; text-decoration: none; }
div.btnbrucelee6 a.rollbrucelee6:active {background-position: 0px -0px; color: black; text-decoration: none; }





















































div.btnbrucelee7 {
width: 48px;
height: 25px;
top: 0px;
position: relative;
float: left;
}


#btnbrucelee7on {
width: 48px;
height: 25px;
background-image: url("brucelee/brucelee7.gif");
background-position: 0px -25px;
background-repeat: no-repeat;
float: left;
top: 0px;
position: relative;
}


a.rollbrucelee7 {
width: 48px; 
height: 25px; 
text-align: center;
background: url("brucelee/brucelee7.gif");
background-repeat: no-repeat;
display: block;
}


div.btnbrucelee7 a.rollbrucelee7:link {background-position: 0px 0px; color: black; text-decoration: none; }
div.btnbrucelee7 a.rollbrucelee7:visited {background-position: 0px 0px; color: black; text-decoration: none; }
div.btnbrucelee7 a.rollbrucelee7:hover {background-position: 0px -25px; color: black; text-decoration: none; }
div.btnbrucelee7 a.rollbrucelee7:active {background-position: 0px -0px; color: black; text-decoration: none; }






#leftandmid {
width: 556px;
padding: 0px;
mardin: 0px;
float: left;
position: relative;
}

#rightcol {
width: 185px;
padding: 0px;
mardin: 0px;
float: left;
position: relative;
}


#leftcol {
width: 160px;
padding: 0px;
mardin: 0px;
float: right;
position: relative;
}

#centercol {
width: 396px;
padding: 0px;
mardin: 0px;
float: right;
position: relative;
}




#sitehighlights {
width: 153px;
float: left;
position: relative;
background: url("images/sitehighlightsmid.gif");
background-position: top center;
background-repeat: repeat-y;
clear: both;
}



#sitehighlightstop {
width: 153px;
height: 31px;
float: left;
position: relative;
top: 0px;
position: relative;
background: url("images/sitehighlightstop.gif");
background-position: top center;
background-repeat: no-repeat;
}


#sitehighlightsbtm {
width: 153px;
height: 24px;
float: left;
position: relative;
top: 0px;
position: relative;
background: url("images/sitehighlightsbtm.gif");
background-position: top center;
background-repeat: no-repeat;
}


#highlights {
left: 7px;
position: relative;
width: 140px;
color: white;
font-size: 10px;
}


#highlights a:link { font-size: 12px; color: #ffffff; font-weight: bold; margin-top: 8px; text-decoration: underline; } 
#highlights a:active { font-size: 12px; color: #ffffff; font-weight: bold; margin-top: 8px; text-decoration: underline;} 
#highlights a:visited { font-size: 12px; color: #ffffff; font-weight: bold; margin-top: 8px; text-decoration: underline;} 
#highlights a:hover { font-size: 12px; color: #ffffff; font-weight: bold; margin-top: 8px; text-decoration: underline;}







#bluestrip {
background-color: #000066;
width: 389px;
height: 22px;
position: relative;
margin: 0px;
padding: 0px;
}

#redstrip {
background-color: #990000;
width: 389px;
height: 22px;
position: relative;
margin: 0px;
padding: 0px;
}

#greenstrip {
background-color: #009999;
width: 389px;
height: 22px;
position: relative;
margin: 0px;
padding: 0px;
}

#purplestrip {
background-color: #660066;
width: 389px;
height: 22px;
position: relative;
margin: 0px;
padding: 0px;
}

#orangestrip {
background-color: #CC6600;
width: 389px;
height: 22px;
position: relative;
margin: 0px;
padding: 0px;
}


#enterthedragon {
width: 100%;
height: 12px;
float: left;
position: relative;
background-color: white;
}

#bruce {
width: 389px;
margin: 0px;
padding: 0px;
}



.txtlink a:link { font-size: 12px; color: #000000; text-decoration: none; } 
.txtlink a:active { font-size: 12px; color: #000000; text-decoration: none; } 
.txtlink a:visited { font-size: 12px; color: #000000; text-decoration: none; } 
.txtlink a:hover { font-size: 12px; color: #000000; text-decoration: none; }



.formtd {
border-left: 1px solid #315994; 
border-right: 1px solid #315994; 
border-bottom: 1px solid #315994;
padding: 1px;
}

.formleft {
border-left: 1px solid #315994; 
border-bottom: 1px solid #315994;
background-color: #CCD6E5;
padding-bottom: 1px;
}

.formright {
color: #315994;
border-right: 1px solid #315994; 
border-bottom: 1px solid #315994;
background-color: #CCD6E5;
}


.pollfield {
width: 170px;
}

#pollquestion {
text-align: left;
color: #315994;
padding-bottom: 10px;
}

.lee {
top: 2px;
position: relative;
border: 1px black solid;
}

#filmreeltop {
width: 153px;
height: 25px;
background-image: url("images/filmreeltop.gif");
background-position: top center;
background-repeat: no- repeat;
}

#filmreel {
width: 153px;
background-image: url("images/filmreel.gif");
background-position: top center;
background-repeat: repeat-y;
}

#filmreelbtm {
width: 153px;
height: 16px;
background-image: url("images/filmreelbtm.gif");
background-position: top center;
background-repeat: no- repeat;
}

.screenshot {
position: relative;
left: 10px;
}