body{
margin:0;
padding:0;
line-height: 1.5em;
font-family: arial;
font-size: 14px;
color: #444444;
}

h1{font-size: 150%; font-weight: 600;}
h2{font-size: 125%; font-weight: 600;}
h3{font-size: 115%; font-weight: 600;}
h4{font-size: 100%; font-weight: 600;}

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

#contentcolumn p:first-letter{
text-indent: 20px;
}

#feeds{
position: absolute;
top: 10px;
right: 10px;
}

#topsection{
background: #ffffff url(../images/logo.png) no-repeat;
height: 125px; /*Height of top section*/
margin-bottom: 5px;
}

#topimageright{
float: right;
text-align: top right;
}

#contentwrapper{
float: left;
width: 100%;
background: #ffffff url(../images/conback.png) no-repeat top left;
}

#contentcolumn{
margin: 0 200px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
border-left: 0px dotted #cccccc;
max-width:600px;
}

#leftcolumn{
float: left;
width: 150px; /*Width of left column*/
margin-left: -100%;
background: #ffffff url(../images/leftback1.png) repeat-y top left;
text-align: justify;
}

#rightcolumn{
float: left;
width: 159px; /*Width of right column*/
margin-left: -159px; /*Set left marginto -(RightColumnWidth)*/
background: #ffffff url(../images/rightback.png) no-repeat;
}

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

#footer a{
color: #FFFF80;
}

#floatinghead{
width: 110px;
float: left;
border: 0px solid #cccccc;
margin: 5px;
font-size: 10px;
}

#floatinghead img{
border: 4px solid #cccccc;
}

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

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

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

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

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

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#slidetabsmenu {
float:left;
width:100%;
font-size:90%;
line-height:normal;
border-bottom: 1px dotted gray;
margin-top: 110px;
}

* html #slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

#slidetabsmenu ul{
list-style-type: none;
margin:0;
margin-left: 150px;
padding:0;
}

#slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

#slidetabsmenu a {
float:left;
background:url(../images/tab-left.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
}

#slidetabsmenu a span {
float:left;
display:block;
background:url(../images/tab-right.gif) no-repeat right top;
padding:3px 14px 3px 5px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
color: black;
}

#slidetabsmenu #current a {
background-position:0 -125px;
}

#slidetabsmenu #current a span {
background-position:100% -125px;
color: black;
}

#slidetabsmenu a:hover {
background-position:0% -125px;
}

#slidetabsmenu a:hover span {
background-position:100% -125px;
}

/*feeds
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example3{ /*Demo 3 main container*/
width: 400px;
height: 100px;
border: 1px solid navy;
padding: 4px;
}

#example3 div p{ /*Demo 3 P element that separates each entry*/
margin-top: 0;
margin-bottom: 7px;
}

code{ /*CSS for insructions*/
color: red;
}