/* CSS Document */

body {
margin:0; padding:0; 
font-family: "Trebuchet MS"; color:#cccccc; font-weight: bold; background-color: #582424; background-image: url(images/bgtile1.gif);}

div#container {margin: 0 auto;
  padding: 0; 
  width: 800px; height:528px; background-color: #330000; 
  border-width: 1px; border-style:dotted; border-color: #99ccff;}
  
  div#container2 {margin: 0 auto;
  padding: 0; 
  width: 800px; background-color: #330000; 
  border-width: 1px; border-style:dotted; border-color: #99ccff;}
  
  div#containerbio {margin: 0 auto;
  padding: 1px; 
  width: 800px; min-height: 468px; background-color: #330000; 
  border-width: 1px; border-style:dotted; border-color: #99ccff;overflow: auto;}
  
  
 div#containerbio1 {margin: 0 auto;
  padding: 0px; 
  width: 800px; height: 528px; background-color: #330000; 
  border-width: 1px; border-style:dotted; border-color: #99ccff;}
  
  div#containerbio2 {margin: 0 auto;
  padding: 0px; 
  width: 800px; height: 678px; background-color: #330000; 
  border-width: 1px; border-style:dotted; border-color: #99ccff;}
 
 
div#bannerhp {width: 800px; padding: 0 0 58px 0; margin: 0; background-color: #330000; border:none;}

/* +++ Start of rounded corners section +++*/
.top div {background-image: url(images/top_left.gif); no-repeat; top left;}
.top {background-image: url(images/top_right.gif); no-repeat; top right;}
.bottom div {background-image: url(images/bottom_left.gif); no-repeat; bottom left;}
.bottom {background-image: url(images/bottom_right.gif); no-repeat; bottom right;}

.top div, .top, .bottom div, .bottom {width: 800px; font-size: 4px;}

/* +++ end of rounded corners section +++*/

/* +++ Start of navigation/links section +++*/

div#topnavbar {width: 404px; padding: 0; margin-top: -26px; margin-left: 14px; font-weight: bold; background-color:#330000; border-width: .5pt; border-style:solid; border-color: #99ccff;}

div#topnavbar2 {width: 456px; height: 26px; padding: 0; margin: 0; margin-top: -26px; margin-left: 8px; font-weight: bold; background-color:#330000; border-width: .5pt; border-style:solid; border-color: #99ccff;}

#dropmenudiv{
position:absolute;
margin-top: 4px;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
color: #330000;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
background-color: #4a1616;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #cccccc;
}

a.credits:link {
color:#99ccff; font-weight: bold; text-decoration: underline; padding: 0;}

a.credits:visited {
color:#99ccff; font-weight: bold; text-decoration: underline; padding: 0;}

a.credits:hover {color:#330000; font-weight: bold; text-decoration: underline; padding: 0;}

a.credits:active {color:#330000;  font-weight: bold; text-decoration: underline; padding: 0;}


a:link {
color:#99ccff; background-color: #330000; font-weight: bold; text-decoration: none; padding: 0;}

a:visited {
color:#99ccff; background-color: #330000; font-weight: bold; text-decoration: none;padding: 0;}

a:hover {color:#330000; background-color: #99ccff;font-weight: bold; text-decoration: underline; padding: 0;}

a:active {color:#330000; background-color: #99ccff; font-weight: bold; text-decoration: underline; padding: 0;}

a.two:link {padding: none; 
color:#000033; font-weight: bold; text-decoration: underline;}

a.two:visited {padding: none; 
color:#000033; font-weight: bold; text-decoration: underline;}

a.two:hover {padding: none; color:#000033; background-color: #FF99FF; text-decoration: underline;}

a.two:active {padding: none; color:#ffffff; background-color: #FF99FF; font-style: oblique; text-decoration: underline;}


/* +++ End of navigation/links sections +++*/

div#leftcolhp {position: absolute; margin: 6px 0 4px 0; width: 430px; height: 354px; padding-bottom: 6px; border-width: 0 .5pt 0 0; background-color: #330000; border-color: #000000; border-style:dashed;}

div#credits {margin: 0 auto; width:400px; padding: 8px; 
  background-image: url(images/bgtile1.gif);
  border:none;}
  
p#creditinfo {font-family: trebuchet ms, lucinda sans, arial, sans-serif; font-size: 68%; 
font-weight: normal; text-align: center; color: #cccccc;}

div#rightcolhp {position: absolute; margin: -92px 6px 4px 440px; width: 350px; height: 498px; padding:0; background-color: #330000; background-image: url(images/bandhp2.jpg); background-repeat:no-repeat; background-position: top; border: none;}

div#leftcol {float: left; width: 480px; margin: 2px 0 4px 0; border: none;}
div#leftcolwide {float: left; width: 790px; margin: 2px 0 4px 0; border: none;}

div#listboxleft {float: left; width: 158px; margin: 2px 0 4px 0; border:none;}
div#listboxcenter {float: left; width: 158px; margin: 2px 0 4px 0; border:none;}
div#listboxright {float: left; width: 158px; margin: 2px 0 4px 0; border:none;}

div#listboxleftwide {float: left; width: 360px; margin: 2px 0 4px 0; border:none;}
div#listboxcenterwide {float: left; width: 388px; margin: 2px 0 4px 0; border:none;}

div#rightcol {float: right; width: 300px; margin: -98px 2px 4px 4px; padding: 6px 2px 8px 6px; border:none;}

div#photoboxrighttop {float: right; margin: -4px 10px 10px 40px; border-width: 1px; border-color: #000000; border-style:solid; z-index:4}

div#photoboxmiddle {float: right; margin: -310px 4px 4px 376px; border-width: 1px; border-color: #000000; border-style:solid; z-index: 5}

div#photoboxleft {float: left; margin: 22px 2px 4px 20px; border-width: 1px; border-color: #000000; border-style:solid; z-index: 6}

div#photoboxleftlower {float: left; margin: 8px 2px 4px 180px; border-width: 1px; border-color: #000000; border-style:solid; z-index: 6}


div#photoboxbr {float: left; margin: 108px 2px 4px -52px; border-width: 1px; border-color: #000000; border-style:solid; z-index: 7}


div#rightcol2 {float: right; width: 300px; margin: -98px 2px 4px 4px; padding: 6px 2px 8px 6px; border:none;}

div#rightcol3 {float: right; width: 300px; margin: 12px 2px 4px 4px; padding: 6px 2px 8px 6px; border:none;}

div#rightcol4 {float: right; width: 280px; margin: 12px 2px 4px 10px; padding: 6px 2px 8px 6px; border-width: 1px; background-color: #330000; border-color: #000000; border-style:dashed;}

div#indent {margin-top: 2px; margin-left: 38px;}

div#imagetopright {float: right; width: 382px; margin: 0 0 8px 10px; padding: 1px 1px 8px 12px; z-index:50;}

h1 {font-size: 144%; color: #cccccc; 
font-weight: bold; margin-top: 12px; margin-bottom: 10px; margin-left: 14px; letter-spacing: .32em; word-spacing:8px;}

h1.names {font-size: 112%; color: #cccccc; 
font-weight: bold; margin-top: 8px; margin-bottom: 4px; margin-left: 16px; letter-spacing: .32em; word-spacing:6px;}

h1.tight {font-size: 124%; color: #000033; 
font-weight: bold; margin-top: 8px; margin-bottom: 6px; margin-left: 8px; letter-spacing: normal; word-spacing:normal;}

h2 {font-size: 110%; color: #000000; 
font-weight: bold; margin-top: 4px; margin-bottom: 2px; margin-left: 16px; letter-spacing: .20em; word-spacing:4px;}

h2.what {font-size: 100%; color: #cccccc; 
font-weight: bold; margin-top: 4px; margin-bottom: 10px; margin-left: 26px; letter-spacing: .20em; word-spacing:4px;}

div.float {position: absolute; margin-top: -34px; margin-left: 540px; padding: 1px; z-index: 50;}

div.rightbox {float:right; width: 204px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #000066; margin-left: 1px; margin-right: 1px; margin-top: 0; margin-bottom: 2px; background-color:#CCCCCC}

p#largetext {font-size: 90%; font-weight: bold; color: #cccccc; background-color: #330000; text-indent: none; margin-left: 24px; margin-right: 20px; margin-top: 8px; margin-bottom: 8px;}

p#largetextalt {font-size: 90%; font-weight: bold; color: #cccccc; background-color: #330000; text-indent: none; margin-left: 24px; margin-right: 10px; margin-top: 8px; margin-bottom: 8px;}

div.boxtopright {float: right; width: 268px; margin: 2px 4px 1px 8px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #000066;}

ul {font-family:Trebuchet, MS, Arial, Helvetica, sans-serif; font-size: 84%; font-weight: bold; color: #cccccc; margin-top: 4px; margin-bottom: 2px;}
li {margin-top: 4px; margin-bottom: 2px; list-style-type:none;}
ul#inner {font-family: Trebuchet, MS, Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; margin-top: 4px; margin-bottom: 2px;}
li#inner {margin-top: 4px; margin-bottom: 2px; margin-left: +14px; list-style-type:none;}

div.clearfloats {clear:both;}
 
div.box1 {float: left; width: 180px; margin-top: 0px; margin-right: 6px; margin-bottom: 12px; margin-left: 8px;}
div.box2 {float: left; width: 180px; margin-top: 0px; margin-right: 2px; margin-bottom: 12px; margin-left: 2px;}

h3.topquote {font-family: trebuchet ms, lucinda sans, arial, sans-serif; font-style:italic; font-size: 82%; line-height: 106%; font-weight: bold; color: #000066; margin-left: 8px; margin-right: 8px; margin-top: 0; margin-bottom: 4px;}

h3.header3 {font-family: trebuchet ms, lucinda sans, arial, sans-serif; font-size: 100%; line-height: 105%; text-indent: -14px; font-weight: bold; color: #000066; margin-left: 26px; margin-right: 5px; margin-top: 5px; margin-bottom: -2px;}


p {margin-left: 2px; margin-top: 1px; margin-right: 2px; margin-bottom: 2px; padding: 0;}