body{
margin:0;
padding:0;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 740px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
font: 13px Arial, Trebuchet MS, ;  line-height: 150%;
}

#topsection{
background: #ffffff;
height: 169px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#pic1 {
	width: 258px;
	background: url('images/pic1.jpg') no-repeat;
	position: absolute;
	top: 0px;
	left: 0px; 
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentcolumn a:link {
color: #2f519c;
text-decoration: underline;
}

#contentcolumn a:visited {
color: #2f519c;
text-decoration: underline;
}

#contentcolumn a:hover {
color: #000000;
text-decoration: none;
}

#contentcolumn a:active {
color: #999999;
text-decoration: underline;


}

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -740px; /*Set margin to that of -(MainContainerWidth)*/

}

#rightcolumn{
float: left;
width: 160px; /*Width of right column*/
margin-left: -160px; /*Set left margin to -(RightColumnWidth)*/
background: #ffffff;
}
#rightcolumn a:link {
color: #2f519c;
text-decoration: underline;
}

#rightcolumn a:visited {
color: #2f519c;
text-decoration: underline;
}

#rightcolumn a:hover {
color: #000000;
text-decoration: none;
}

#rightcolumn a:active {
color: #999999;
text-decoration: underline;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
font: 12px Arial;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.wireframemenu{

background-color: white;
border-bottom-width: 0;
width: 160px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 154px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px arial, Verdana;
padding: 4px 3px;

width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;

}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{

color: black;
}

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}