/*Dynamic Drive: CSS Fixed Layout #3.1- (Fixed-Fixed-Fixed)*/
/* can't get columns to be equal height - back to tables ... */

body{
margin: 0px;
padding:0;
line-height: 1.5em;
background: url(images/grayG.gif);
}

/* b{font-size: 110%;} */
em{color: red;}

#maincontainer{
width: 802px; /*Width of main container* = width of banner +2 px for border each side*/ 
margin: 0 20px; /* container on page*/
border: 0px solid Silver;
}

* html .#maincontainer{/*IE only rule. */
margin-left: 20px; /*Center container on page*/
}

#topsection{
background: #FFD700;
height: 120px; /*Height of top section - was 80*/
 border-top-color: Silver;
 border-top-style: solid;
 border-top-width: 1px;
 border-left-color: Silver;
 border-left-style: solid;
 border-left-width: 1px;
 border-right-color: Silver;
 border-right-style: solid;
 border-right-width: 1px;
}

* html .#topsection{ /*IE only rule. Original menu width plus all left/right paddings */
height: 80px;
 border-left-color: Silver;
 border-left-style: solid;
 border-left-width: 1px;
}
/*
#MenuPos{
position: relative; 
 width: 100%; 
 border-bottom-color: Silver;
 border-bottom-style: solid;
 border-bottom-width: 0px;
 margin-bottom: 0px;
 margin-left: -1px;
 }
*/
/*
* html .#MenuPos{ IE only rule. Original menu width plus all left/right paddings 
 margin-bottom: 0px;
 margin-left: -1px;
}
*/

#contentwrapper{
float: left;
width: 800px;
 border-right-color: Silver;
 border-right-style: solid;
 border-right-width: 1px;
 border-left-color: Silver;
 border-left-style: solid;
 border-left-width: 1px;
}

* html .#contentwrapper{ /*IE only rule. Original menu width plus all left/right paddings */
width: 100%;
}

#contentcolumn{
margin: 0px 0px 0 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
 padding-top: 10px;
 padding-bottom: 0px;
 padding-left: 0px;
 background-color: White;
 }
 
#footer{
clear: left;
width: 801px;
background: #191970;
color: #FFD700;
text-align: left;
padding: 4px 0px;
 border-left-color: Silver;
 border-left-style: solid;
 border-left-width: 1px;
 border-right-color: Silver;
 border-right-style: solid;
 border-right-width: 1px;
 font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

* html .#footer{ /*IE only rule. Original menu width plus all left/right paddings */
width: 803px;
}

#footer a{
color: #FFD700;
 text-decoration: none;
}

#footer a:hover{
color: #FFFFFF;
 text-decoration: none;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding-optional)*/
margin-top: 0;
}

.abouttext {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	color: #191970;
}

* html .medtext { /*IE only rule. */
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #191970;
}
.medtext {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #191970;
}

* html  .smalltext { /*IE only rule. */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	color: #191970;
}

* html .smalltextB { /*IE only rule. */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #191970;
	font-weight: bold;
}

.obstext {
	font-family: "Trebuchet MS", Helvetica, Tahoma, Geneva, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #191970;
}

.smalltext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	color: #191970;
}

.smalltextB {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #191970;
	font-weight: bold;
}

.statusOn {
	font-family: "Courier New", Courier, monospace;
	font-size: small;
	font-style: normal;
	color: #009900;
}

* html .statusOn { /*IE only rule. */ 
	font-family: "Courier New", Courier, monospace;
	font-size: x-small;
	font-style: normal;
	color: #009900;
}

.statusOff {
	font-family: "Courier New", Courier, monospace;
	font-size: small;
	font-style: normal;
	color: #CC0000;
}

* html .statusOff { /*IE only rule. */ 
	font-family: "Courier New", Courier, monospace;
	font-size: x-small;
	font-style: normal;
	color: #CC0000;
}

.statustext {
	font-family: "Courier New", Courier, monospace;
	font-size: small;
	font-style: normal;
	color: #555555;
}

* html .statustext { /*IE only rule. */ 
	font-family: "Courier New", Courier, monospace;
	font-size: x-small;
	font-style: normal;
	color: #555555;
}

* html  .warntext { /*IE only rule. */
	font-family: Verdana;
	font-size: xx-small;
	font-style: normal;
	color: #CC0000;
}

.warntext {
	font-family: Verdana;
	font-size: x-small;
	font-style: normal;
	color: #CC0000;
}

.smalltext a:hover {
	background-color: #DBDBDB;
}
.smalltext a:link {
	color: #00C1EE;
	text-decoration: none;
}

.xsmalltext {
	font-family: Verdana;
	font-size: xx-small;
	font-style: normal;
	color: #191970;
}

/* NOT using left or right columns - equal height problem=waste o' time ... */
#leftcolumn{
float: left;
width: 135px; /*Width of left column in pixel*/
margin-left: -802px; /*Set margin to that of -(MainContainerWidth)*/
background: White;
 border-left-color: Silver;
 border-left-style: solid;
 border-left-width: 1px;
 border-right-color: Silver;
 border-right-style: solid;
 border-right-width: 1px;
}

* html .#leftcolumn{ /*IE only rule. Original menu width plus all left/right paddings */
width: 130px;
}

#rightcolumn{
float: left;
width: 20px; /*Width of right column*/
margin-left: -20px; /*Set left margin to -(RightColumnWidth)*/
background: #FDE95E;
 border-left-color: Silver;
 border-left-style: solid;
 border-left-width: 1px;
 border-right-color: Silver;
 border-right-style: solid;
 border-right-width: 1px;
}

/* #newsSideBar {
	margin-bottom:5px;
	background-color:#f8fafb;
	border:#4fa4c3 solid 1px;
	color:#333;
	font-size: 85%;
}
*/

#newsSideBar{
	background: #d6e6ec url(images/header2.png) repeat-x;
	color: #474747;
	border-bottom:#bedbe6 solid 1px;
	border-left:#bedbe6 solid 1px;
	border-right:#bedbe6 solid 1px;
	max-width: 675px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	font-family: Calibri, Arial, SansSerif;
	font-size: 12px;
	padding-left: 16px;
	line-height: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}

