body{font-family:arial,helvetica,sans-serif; font-size: 12px; background-color: #000000 ;margin: 0; text-align: center; /* to correct the centering IE bug*/ 
background-image: url(http://www.nami.org/soloist/body_bg3.jpg);background-repeat: no-repeat;background-attachment: fixed; background-position: top center;}

#global { position: relative; /* container positioning */ margin-left: auto; margin-right: auto; width: 980px; text-align: left;}

#header {width:980px; height: 149px; margin: 0px 0px 3px 0px; text-align:center; clear:both; background-image: url(http://www.nami.org/soloist/header_06.jpg);background-repeat: no-repeat;}
#topnavcontainer {width:980px; height:30px; margin: 0px 0px 3px 0px; background:#DADADA; background-color:#DADADA; clear:both; background-image: url(http://www.nami.org/soloist/top_nav_bg.gif);background-repeat: no-repeat;}

a.topnav1:link {font-family: arial,helvetica,sans-serif; font-size: 14px; font-weight: bold; color: #000000; text-decoration: none}
a.topnav1:active {font-family: arial,helvetica,sans-serif; font-size: 14px; font-weight: bold; color: #000000; text-decoration: none}
a.topnav1:visited {font-family: arial,helvetica,sans-serif; font-size: 14px; font-weight: bold; color: #000000; text-decoration: none}
a.topnav1:hover {font-family: arial,helvetica,sans-serif; font-size: 14px; font-weight: bold; color: #505050; text-decoration: none}


.topnav {padding: 8px 30px 5px 0px; float: left; text-align:center;}
.topnavstart {padding: 8px 20px 5px 45px; float: left; text-align:center;}
.topnavend  {padding: 8px 0px 5px 0px; float: left; text-align:center;}

#bottomnavcontainer {width:980px; height:30px; margin: 0px 0px 0px 0px; background:#D6A22D; background-color:#D6A22D; clear:both; background-image: url(http://www.nami.org/soloist/bottom_nav_bg.gif);background-repeat: no-repeat;}

a.bottomnav1:link {font-family: arial,helvetica,sans-serif; font-size: 14px; font-weight: bold; color: #000000; text-decoration: none}
a.bottomnav1:active {font-family: arial,helvetica,sans-serif; font-size: 14px; font-weight: bold; color: #000000; text-decoration: none}
a.bottomnav1:visited {font-family: arial,helvetica,sans-serif; font-size: 14px; font-weight: bold; color: #000000; text-decoration: none}
a.bottomnav1:hover {font-family: arial,helvetica,sans-serif; font-size: 14px; font-weight: bold; color: #846B28; text-decoration: none}

.bottomnav {padding: 8px 26px 5px 0px; float: left; text-align:center;  }
.bottomnavstart {padding: 8px 25px 5px 45px; float: left; text-align:center; font-family: arial,helvetica,sans-serif; font-size: 14px; font-weight: bold;}
.bottomnavend {padding: 8px 25px 5px 0px; float: left; text-align:center; font-family: arial,helvetica,sans-serif; font-size: 14px; font-weight: bold;}

#vertnavcontainer {width:197px; height: 840px; margin-top: 10px; background: #cccccc; float:right; filter:alpha(opacity=75); opacity:0.75;}

p.vertnav1top {margin: 30px 5px 20px 10px; }
p.vertnav1 {margin: 14px 5px 0px 10px; }
p.vertnav2top {margin: 10px 5px 0px 30px;}
p.vertnav2 {margin: 3px 5px 0px 30px;}
p.vertnav3 {margin: 25px 5px 0px 10px; }

.vertnavbullet  {margin: 0px 7px 0px 0px; font-size: 14px;}


a.vertnav1:link {font-family: font-family: arial,helvetica,sans-serif; font-size: 13px; font-weight: bold; color: #000000; text-decoration: none}
a.vertnav1:active {font-family: font-family: arial,helvetica,sans-serif; font-size: 13px; font-weight: bold; color: #000000; text-decoration: none}
a.vertnav1:visited {font-family: font-family: arial,helvetica,sans-serif; font-size: 13px; font-weight: bold; color: #000000; text-decoration: none}
a.vertnav1:hover {font-family: font-family: arial,helvetica,sans-serif; font-size: 13px; font-weight: bold; color: #000000; text-decoration: none}

a.vertnav2:link {font-family: font-family: arial,helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-decoration: none}
a.vertnav2:active {font-family: font-family: arial,helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-decoration: none}
a.vertnav2:visited {font-family: font-family: arial,helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-decoration: none}
a.vertnav2:hover {font-family: font-family: arial,helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-decoration: underline}

#violin {position: absolute; width:143px; height:330px; left: 837px; top: 0px;}

#contentbody {float: left; width: 780px; margin-top:10px; margin-right: 3px; margin-left: 0px;}


#soloContent

{


height:705px;
overflow:auto;
background:#FFFFFF;
width:770px;
filter:alpha(opacity=65); opacity:0.65;

}

#solopad

{
width:98%;
margin-left:5px;

}

#whatisbox  {float:left; text-align:left; width:370px; height: 300px; max-width: 370px; max-height: 300px; margin:0px 0px 0px 0px; padding:0px; background:#ffffff; background-image: url(http://www.nami.org/soloist/question_bg.gif);background-repeat: no-repeat; filter:alpha(opacity=65); opacity:0.65;}

.fronttitle  {font-size: 18px; text-align:center; margin:0px 0px 10px 0px; padding-bottom: 5px; padding-top: 5px; font-weight: bold; color: #ffffff; background:#000000; filter:alpha(opacity=100); opacity:1.0;}

.whatistexttop  {margin: 0px 10px 20px 10px; font-size: 11px; font-weight: bold; font-family:helvetica,arial,sans-serif;}

.whatistextbottom  {margin: 0px 10px 0px 10px; font-size: 11px; font-weight: bold; font-family:helvetica,arial,sans-serif;}

#trailer {float:right; text-align:center; width:370px; height: 300px; max-width: 370px; max-height: 300px; margin:0px 10px 10px 10px; padding:0px; background: transparent;}

.trailertext  {margin-top: 5px; padding: 10px 10px 0px 10px; font-size: 11px; font-weight: bold; font-family:helvetica,arial,sans-serif; text-align: left; color: #ffffff; background:#000000; filter:alpha(opacity=65); opacity:0.65;}

.trailerdate  {margin: 7px 10px 5px 10px; font-size: 11px; font-weight: bold; font-family:helvetica,arial,sans-serif; color: #ffffff; background:#000000; filter:alpha(opacity=65); opacity:0.65;}

.clear  {clear: both;}

#docboxtotal {float:left; text-align:center; width:370px; height: 370px; max-width: 370px; max-height: 370px; margin:10px 10px 10px 0px; padding:0px; background: transparent;}

div#docbio a span {display: none;}

div#docbio a:hover span {display: block;
   position: absolute; top: 440px; left: 0px; width: 350px;
   padding: 10px; margin: 0px; z-index: 100; text-align: left; 
   font-size: 11px; font-weight: bold; 
   color: #ffffff; font-size: 11px; text-decoration: none;
   background:#000000}


.doctext {text-align: left; font-size: 11px; margin: 5px 10px 0px 10px; font-weight: bold; color: #ffffff; padding-bottom: 10px; font-size: 11px;}

#surveybox  {float:right; text-align:left; width:370px; max-width: 370px; height: 375px; max-height: 375px; margin:10px 10px 10px 10px; padding:0px; background:#ffffff; filter:alpha(opacity=75); opacity:0.75; text-align: center;}

#widgetbox {float: left; width: 180px; height: 120px; margin:15px 10px 10px 0px; background-color:#000000;}

#wallpaperbox {float: left; width: 180px; height: 120px; margin:15px 10px 10px 0px; background-color:#000000}

#disclaimerbox {float: right; width: 370px; height: 120px; margin:15px 10px 0px 0px; padding: 0px; background:#E9E9E9; filter:alpha(opacity=75); opacity:0.75; text-align: center; font-weight: bold;} 

.copyrighttop  {font-size: 11px; font-weight: bold; margin: 10px 5px 5px 5px;}

.copyrightmid  {font-size: 11px; font-weight: bold; margin: 0px 5px 5px 5px;}

.copyrightbottom  {font-size: 11px; font-weight: bold; margin: 0px 5px 0px 5px;}

.disclaimertext  {font-size: 11px; margin: 5px 5px 0px 5px;}

div#column2 {
    margin: 0;
    padding: 0;
    background-position: right;
    background-repeat: repeat-y;
    width: 100%;
    background-color: transparent;
    
}
div#column1 {
    margin: 0px;
    padding: 0px;
    background-repeat: repeat-y;
    width: 100%;
    
}

.h2   {font-size: 16px; font-weight: bold; font-family:helvetica,arial,sans-serif; text-align: left; margin-top: 0px;}

.quiztext   {font-size: 11px; font-weight: bold; font-family:helvetica,arial,sans-serif; text-align: left;}

table, tr, td  {background-color: #ffffff; background: #ffffff;}

#quizholder  {background-color: #ffffff; background: #ffffff; height: 375px; z-index: 1002}

.widgettext  {margin: 20px 10px 20px 10px; font-size: 12px; font-weight: bold; font-family:helvetica,arial,sans-serif;}