body{
background-color:#000000;
font-size: 12px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-stretch:expanded;
color:#FFF;
padding:0;
margin:0;

}

.topcell {
width:190px;
height:30px;
padding:0px 0px 0px 0px;
padding-right:10px;

text-align:right;
font-size: 14px;
font-stretch:expanded;
font-weight:bold;
text-decoration:none;
}
.topcell a {color: #FFF; text-decoration:none; }
.topcell a:visited {color: #FFF; text-decoration:none; }
.topcell a:hover {color: #FFF; text-decoration:none; }
.topcell a:active {color: #FFF; text-decoration:none; }

.noclass{
background-color:#000000;
}
#headsubtext a {color: #FFF; text-decoration:none; font-weight:bold }
#headsubtext a:visited {color: #FFF; text-decoration:none; font-weight:bold}
#headsubtext a:hover {color: #FFF; text-decoration:none; font-weight:bold}
#headsubtext a:active {color: #FFF; text-decoration:none; font-weight:bold}

.rightcell{
text-align:right;
font-size: 14px;
font-stretch:expanded;
font-weight:bold;
text-decoration:none;
width:17px;
height:28px;
border-bottom: 3px solid #000;
padding:0px 0px 0px 0px;
}
#logo{
height:74px;

}
#maincontainer{
width: 900px;
height:700px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border-left: 3px solid #FFF;
border-right: 3px solid #FFF;
border-bottom: 1px solid #FFF;
padding:0px 0px 0px 0px;
}

#topsection{
background: #000;
height: 0px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
visibility:hidden;
}

#contentcolumn{
margin: 0 273px 0 218px;
border-left: 3px solid #FFF;
border-right: 3px solid #FFF;
 /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#contentheader{
height:58px;
font-size:25px;
font-weight:bold;
padding:15px 0 0 30px;
border-bottom: 3px solid #FFF;
}

#content-bottom{


height:50px;


border-top: 3px solid #FFF;
border-bottom: 3px solid #FFF;
}

#mycustomscroll1 {
/* Typical fixed height and fixed width example */
width: 360px;
height: 351px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;

margin: 0.3em auto;
padding: 15px;
}
#mycustomscroll a {color: #FFF; text-decoration:none; font-weight:bold }
#mycustomscroll a:visited {color: #FFF; text-decoration:none; font-weight:bold}
#mycustomscroll a:hover {color: #FFF; text-decoration:none; font-weight:bold}
#mycustomscroll a:active {color: #FFF; text-decoration:none; font-weight:bold}
#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 350px;
height: 351px;
overflow: hidden;
/* IE overflow fix, position must be relative or absolute*/
position: relative;

margin: 0.3em auto;
padding: 15px;
}
#leftcolumn{
float: left;
width: 215px; /*Width of left column in pixel*/
margin-left: -897px; /*Set margin to that of -(MainContainerWidth)*/

}
#right-middle{

width:273px;
height:27px;
margin-top:0px;
border-bottom: 3px solid #FFF;
border-top: 3px solid #FFF;
}
#right-bottom{

height:250px;
overflow:hidden;
}

#rightcolumn{
float: left;
width: 273px; /*Width of right column*/
margin-left: -273px;

/*Set left margin to -(RightColumnWidth)*/
}

#footer{

width: 405px;
background: black;
color: #FFF;
text-align: center;
padding: 0px 0;
border-left: 3px solid #FFF;
border-right: 3px solid #FFF;
height:15px;
}

#footer a{
color: #FFF;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}