#wrapper { /* also holds the left "sliding" tab */
background: #fff url('../img/layout/left.png') repeat-y 0 0;
text-align: left;
width: 950px; /* this can fixed or fluid */
margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
font-size: 80%;
}

#header, #subnav, #footer {
clear: both; 
width: 100%;
}

#header {
background: #000099 url('../img/layout/top1.png') no-repeat 100% 0; 
height: 117px;
color: #fff; 
text-align: center;
}

#subnav {
background: #000099 url('../img/layout/top2.png') no-repeat 100% 0;
height:35px;
color: #000099;
line-height:2.3em;
font-size:130.9%; 
text-align: right;
}

#footer {
text-align: center;
color: #fff;
height:6px;
background: #000099 url('../img/layout/bottom1.png') no-repeat 100% 0;
}
#footer div {
background: #000099;
}
#subfooter {
text-align: center;
color: #fff;
height:6px;
background: #000099 url('../img/layout/bottom2.png') no-repeat 100% 0;
}
#subfooter div {
background: #000099;
}
#subsubfooter {
text-align: center;
color: #666666;
height:24px;
font-size:110.9%;
background: #000099 url('../img/layout/bottom3.png') no-repeat 100% 0;
}
#subsubfooter div {
background: #000099;
}

#contentfloatholder {/* also makes the right "sliding" tab */
background: url('../img/layout/right.png') repeat-y 100% 0;
float: left;
width: 100%;
position: relative;
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
}

#centerpad {
margin: 0px 165px;
margin-right:195px;
background: url() no-repeat 100% 0;

}

#center {
  color: #000;
  float:left;
  width: 100%; 
  margin-right: -95%; 
	text-align: center;
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
}

#left {
  float:left;
  width: 170px;
  padding-left:0px;
  margin-left: -5%; /* the difference to make the left colum appear flush left */
}

#right {
  float:right;
	color:#666666;
  text-align:center;
  width: 185px;
	height:350.5px;
	min-height:350px;	
}


/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}

#left h3, #left p,
#right h3, #right p
{
padding: 0 20px; 
}

/***** General formatting ****/
 /* tanfa logo/link */
#pagetop {
position: relative;
width: 100%;
padding-top: 1em;
height: 7em;
color: #000;
}

#pagetop h1, #pagetop h2, #pagetop h3 {
margin: 0.3em 220px;
font-family: georgia, serif;
padding: 0;
}

#pagetop h1 {font-size: 1.4em;}
#pagetop h2 {font-size: 1.2em;}
#pagetop h3 {font-size: 1em;}

a#toplink {
width: 200px;
height: 8em;
background: #fff url() no-repeat 0px -326px;
position: absolute;
top: 0;
right: 5px;
}

a#toplink:hover {
background-position: 0 0;
}

#wrapper {
position: relative;
z-index: 500;
}
#pscroller2{
border:1px;
width: 169px;
height: 160px;
text-align:left;
margin-left:8px;
background: url('../img/layout/middlet.png') repeat-y 100% 0;
}

.rssclass .rsstitle{
font-weight: bold;
}

.rssclass .rssdate{
color: gray;
font-size: 85%;
}

.rssclass a{
text-decoration: none;
}
#tickertop {
margin-right:8px;
background: url('../img/layout/topt.png') no-repeat 100% 0;
height:2px;
}
#tickerbottom {
margin-right: 8px;
background: url('../img/layout/bottomt.png') no-repeat 100% 0;
height:8px;
}
.bbcclass{
border:1px;
width: 90%;
height: 100%;
text-align:left;
margin-left:4px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
-moz-opacity: 0.8;
}
#wraprss{
border:1px;
width: 169px;
height: 160px;
margin-left:8px;
margin-top:0px;
background: url('../img/layout/middlet.png') repeat-y 100% 0;
}