* {
	margin: 0; /* zero out margin */
	padding: 0; /* zero out padding */
}
html {
	height: 100%; /* gives layout 100% height */
	overflow:inherit; /* triggers 100% height in Opera 9.5 */
}
body {
	height: 100%; /* gives layout 100% height */
    background-color: #6c0800;
}
img 
{
    border-width: 0px;
}
/* Text Decoration */
.maintext {
    color: #ffffff;
    font-family:  Arial, Helvetica, sans-serif, Verdana, ;
    font-size: 10pt;
}
.maintextlarge {
    color: #ffffff;
    font-family:  Arial, Helvetica, sans-serif, Verdana, ;
    font-size: 14pt;
}

.roundboxalign {

      margin-left: 100px;
}
                

A {
color: #FF9933;
 text-decoration:  none;
}

A.hover {
  color: #5c1000;
 text-decoration:  none;
}

A.visited {
color: #FF9933;
 text-decoration:  none;
}

.boldheading {
    color: #ff9933;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
    text-decoration:  none;
    font-weight: bold;
}

.boldtext {
    color: #ff9933;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    text-decoration:  none;
    font-weight: bold;
}

.italictext {
    color: #ff9933;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    text-decoration:  none;
  font-style: italic;
    font-weight: bold;
}

.whitetext {
    font-weight: bold;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

/* End Text Decoration */

/* Navigation */
#navi {
background:url("images/navi_full_w_hover.jpg") no-repeat;
width:800px;
height:70px;
margin:0;
padding:0;
}

#navi span {
display: none;
}

#navi li, #navi a {
height:70px;
display:block;
}

#navi li {
float:left;
list-style:none;
display:inline;
}
#navi_Bio {width: 73px;}
#navi_Bio a:hover {background:url("images/navi_full_w_hover.jpg") 0px -70px no-repeat; }

#navi_InDAAMix {width: 124px;}
#navi_InDAAMix a:hover {background:url("images/navi_full_w_hover.jpg") -73px -70px no-repeat; }

#navi_MyJoints {width: 112px;}
#navi_MyJoints a:hover {background:url("images/navi_full_w_hover.jpg") -197px -70px no-repeat; }

#navi_Media {width: 88px;}
#navi_Media a:hover {background:url("images/navi_full_w_hover.jpg") -309px -70px no-repeat; }

#navi_Pics {width: 73px;}
#navi_Pics a:hover {background:url("images/navi_full_w_hover.jpg") -397px -70px no-repeat; }

#navi_Contact {width: 101px;}
#navi_Contact a:hover {background:url("images/navi_full_w_hover.jpg") -470px -70px no-repeat; }

#navi_Links {width: 81px;}
#navi_Links a:hover {background:url("images/navi_full_w_hover.jpg") -571px -70px no-repeat; }

#navi_Producer {width: 148px;}
#navi_Producer a:hover {background:url("images/navi_full_w_hover.jpg") -652px -70px no-repeat; }

/* End Navigation */

#wrapper {
	min-height: 100%; /* gives layout 100% height */
	width: 100%; /* centered div must be given a width */
	margin: 0 auto; /* centers #wrapper */
    background-color: #6c0800;
}
* html #wrapper {
	height: 100%; /* IE6 treats height as min-height */
}
#clearfooter {
	height: 261px; /* provides space for the #footer */
}
#header {
height: 351px;
width: 100%;
margin 0 auto 0 auto;
background-image: url(images/head-crate.jpg)
}

#InnerPad {
margin: 0 0 0 98px;
}


#footer {
	height: 261px;
	width: 100%; /* centered div must be given a width */
	margin: -261px auto 0 auto; /* -80px sucks it back in & auto centers it */;
  background-image: url(images/foot-djaa.gif)    ;
}

#footerInnerPad {
    position:absolute;
    margin-bottom: 0;
    margin-top: 150px;
    margin-left: 370px;
    margin-right: 0;
}

.footertext {

    font-weight: bold;
    color: #ff9933;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}


a.footer {
color: #ff9933;
font-family: Arial, Helvetica, sans-serif;
 font-size: 10pt;
 text-decoration:  none;
 font-weight: bold;
  border-style:none;
}
a.footer:hover {
color: #5c1000;
 text-decoration:  none;
}


/* Rounded Boxes (Large Inset) */
 /* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: transparent url(images/img.png) no-repeat bottom right;}
    .cssbox{
    /* intended total box width - padding-right(next) */
      width:780px !important; /* IE Win = width - padding */
      width: 800px;

    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto;
}

    /* set the top-right image */
    .cssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px;
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssbox_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:25px 0 15px 40px;
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */   
      padding:10px 0 15px 40px} /* mirror .cssbox_head right/left */

/* End Rounded Boxes */


/* Rounded Boxes (Small Inset) */
  /* set the image to use and establish the lower-right position */
    .rbs_cssbox, .rbs_cssbox_body, .rbs_cssbox_head, .rbs_cssbox_head h2{
      background: transparent url(images/light_rounded_edge.png) no-repeat bottom right}
    .rbs_cssbox{
    /* intended total box width - padding-right(next) */
      width:600px !important; /* IE Win = width - padding */
      width: 580px;
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto}

    /* set the top-right image */
    .rbs_cssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px;
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .rbs_cssbox_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:2px 0 1px 40px;
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .rbs_cssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */
      padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */

/* End Rounded Boxes */


/* Rounded Boxes (Front Page Inset) */
 /* set the image to use and establish the lower-right position */
    .fpcssbox, .fpcssbox_body, .fpcssbox_head, .fpcssbox_head h2{
      background: transparent url(images/img.png) no-repeat bottom right;}
    .fpcssbox{
    /* intended total box width - padding-right(next) */
      width:530px !important; /* IE Win = width - padding */
      width: 550px;

    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto;
}

    /* set the top-right image */
    .fpcssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px;
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .fpcssbox_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:25px 0 15px 40px;
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .fpcssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */
      padding:10px 0 15px 40px} /* mirror .cssbox_head right/left */

/* End Rounded Boxes */


/* Rounded Boxes (Front Left Inset) */
 /* set the image to use and establish the lower-right position */
    .flcssbox, .flcssbox_body, .flcssbox_head, .flcssbox_head h2{
      background: transparent url(images/img.png) no-repeat bottom right;}
    .flcssbox{
    /* intended total box width - padding-right(next) */
      width:280px !important; /* IE Win = width - padding */
      width: 300px;

    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
     /* margin:20px auto;                      */
}

    /* set the top-right image */
    .flcssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px;
    /* right-image-gap + right-inside padding */
      padding-right:20px}

    /* set the top-left image */
    .flcssbox_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:25px 0 15px 20px;
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .flcssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */
      padding:1px 0 15px 20px} /* mirror .cssbox_head right/left */

/* End Rounded Boxes */
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:0em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 0px solid #778;
 font: bold 16px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 0px solid #778;
 border-bottom: none;
 /*background: #DDE;*/
 text-decoration: none;
}

ul.tabbernav li a:link { color: #ff9933; }
ul.tabbernav li a:visited { color: #ff9933; }

ul.tabbernav li a:hover
{
 /*color: #000;
 background: #AAE;
 border-color: #227; */
}

ul.tabbernav li.tabberactive a
{
 background-color: #ff9933;
 color: #ffffff;
 /*border-bottom: 1px solid #fff;   */
}

ul.tabbernav li.tabberactive a:hover
{
 /*color: #000;
 background: white;
 border-bottom: 1px solid white;    */
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:0px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab
.tabberlive .tabbertab h2 {
 display:none;
}                                                                 */
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.twitter_div {
    border:solid 1px silver;
   width:200px;
   padding:15px;margin-bottom:6px;
}

.sidebar-title {
   color: #ff9933;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    text-decoration:  none;
    font-weight: bold;
}

.twitter_update_list {

}

#home {
/*background-image: url(images/home-main-bg.png);*/
background-repeat: no-repeat;
background-position:  top;
width: 970px;
}

.latestnews {
margin-left: 310px;
 margin-top: 40px;
}

.sociallinks {
margin-left: 370px;
 margin-top: 20px;
}

.leftcontent {
   position: absolute; top: 830px; left:45px;
}

.twitter_update_list {

}

a.twitter_update_list {
color:  #FF9933;
}

.jointsimage {
padding-right: 10px;
padding-bottom: 10px;
}



.html-preview{border:solid 1px silver;padding:15px;margin-bottom:6px;background-color:#fff;display:none;}
a#twitter-link{display:block;text-align:right;margin-top:4px;}.tip{margin:15px;}.code{font-weight:bold;font-family:monospace;font-size:120%;color:green;}