body 
{
margin: 0;
padding:0;
background: #fff;
height: 100%;
font-size: 75%;
font-family:Times New Roman;
background:url(Images/bg_b.gif)  repeat-x;
width: 100%;
}
/* this panel has all content inside it.  It floats on top of the 
   body listed above */
#mainpanel
{
width:780px;
margin-right:auto;
margin-left:auto; 
background-color:#eeffff;
}
/* avoid trampling on the footer by reserving some space (IE)  
#main-bottom-space {
height: 15px;
clear: both;
}  
#wrapper {
 force footer to stick at bottom  
height: 100%;
}

#main-wrapper {
height: 100%;
} */
.mainPanel
{	width: 100%;
	height: 500px;
}
a.mainPanel
{
	color: White;
	font-size: 110%;
}
#divLeft
{
    width: 150px;
    float: left;
    background-color:Red;
}
#divMid
{
    width: 150px;
    float: left;
    background-color: Fuchsia;
}
#divRight
{
    width: 150px;
    float: left;
    background-color:Green;
}
#headercontent{
 width: 100%;
 height: 110px;
 margin: 0;
}
/* the next 6 lines fix the IE5 IE6 float bug for us */
/*     this only is active for html with id="rightcontent" */
* html #rightcontent 
{
    overflow: auto; 
    width: expression(document.body.offsetWidth - 10);
}
/* ending comment is required here to terminate the code above */

/* another interesting hack is this for  adjusting max width */
/*
width:expression( 
    document.body.clientWidth > (500/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "30em":
        "auto" );
*/
/* also this one will set the max width of a <p> to 800 px
Basicly, the code goes "is the body wider then 800 pixels? 
if so, set the width to 800 pixels, otherwise, 
just let it size itself (auto)".

p {
border:1px solid red;
max-width:800px;
width:expression(document.body.clientWidth > 800? "800px": "auto" );
}
*/

/* currently I have the "holly hack" commented out */ 
           /* the "Holly" hack */
           /* Hides from IE-mac \*/
/*<---      * html .floatholder {height: 1%;}
           /* End hide from IE-mac */

#leftcontent {
width: 150px;
float: left;
color: #000;
padding: 2px;
height: 100%;
display: block;
}

#rightcontent {
float: left;
padding: 2px;
width: 650px;
height: 100%;
display: block;
}

#footercontent
{
 clear: both;
 width: 100%;   
 text-align: center;
 font-size: 12px;
 padding: 9px;  
 height: 10px; 
 margin-top: -10px;
 border-top: 3px solid #333;
 background-color: #cccc99;
}
/* padding top, right, bottom, left ... */
#headercontents{
 width: 100%;
 height: 110px;
 margin: 0;
 padding: 0px, 2px, 0px, 2px;
 background-color:Transparent;
}
#leftContents {
width: 150px;
float: left;
color: #000;
padding: 0px, 1px, 0px, 1px;
height: 285px;
display: block;
background-color:Transparent;
}

#rightContents {
float: left;
padding: 0px, 1px, 0px, 1px;
width: 630px;
margin-right: -630px;
height: 285px;
display: block;
background-color:Transparent;
}
.ie6footer
{
 clear: both;
 width: 100%;   
 text-align: center;
 font-size: 12px;
 padding: 9px;  
 height: 10px; 
 margin-top: -10px;
 border-top: 3px solid #333;
 background-color: #cccc99;
}
.regularfooter
{
 clear: both;
 width: 100%;   
 text-align: center;
 font-size: 12px;
 padding-top: 9px;  
 padding-bottom: 9px;
 padding-left: 0px;
 padding-right: 0px;
 height: 10px; 
 margin-top: -0px;
 margin-bottom: 0px;
 margin-right: 0px;
 margin-left: 0px;
 border-top: 3px solid #333;
 background-color: #cccccc;
}
.textBoxSize1
{
    text-align: left;
    font-size: medium;
    color: Navy;
    width: 250px;
}
.maincontainer
{
    border: solid, 0px, #eee;
    height: 99%;
    width: 99%;
}
.SmallButton
{
    position: relative;
    background-image: url(Images/style1_center_hover.gif);
    background-repeat: repeat-x;
    white-space: normal;
    display: inline;
    width: 150px;
    height: 50px;
    margin: 0;
    padding: 0;
    cursor: hand;
    overflow: visible;
}
.AjaxButton
{
    position: relative;
    background-image: url(Images/style1_center_hover.gif);
    background-repeat: repeat-x;
    white-space: normal;
    display: inline;
    width: 150px;
    height: 50px;
    margin: 0;
    padding: 0;
    cursor: hand;
    overflow: visible;
}
.LinkButton
{
    position: relative;
    background-image: url(Images/style1_center_hover.gif);
    background-repeat: repeat-x;
    white-space: normal;
    display: inline;
    width: 150px;
    height: 50px;
    margin: 0;
    padding: 0;
    cursor: hand;
    overflow: visible;
}
a.ShftButton {
display: block;
background-color: transparent;
background-image: url(Images/cssButtonsFiles/shiftBtn2_BYG.gif);
background-repeat: no-repeat;
width: 150px;
height: 50px;
margin: 0px auto;
padding: 0px 0px 0px 1px;
text-align: center;
font-size: 80%;
font-weight: bold;
text-decoration: none;
text-indent: 3px;
overflow: hidden;
}
/* this is the default button image */
a.ShftButton:link, a.ShftButton:visited {
background-position: 0 -144px;
color: #002577;
} /* 002577 is grey */
/* this is the hover image and active image */
a.ShftButton:hover {
background-position: 0 -72px;
color: #FF7200;
} /* ff7200 is orange   --- removed visited from this one and added active*/
a.ShftButton:active {
background-position: 0 -0px;
color: #5F5F5F !important;
cursor: default;
} /* 5f5f5f is dark blue */
a.CurrButton {
display: block;
background-color: transparent;
background-image: url(Images/cssButtonsFiles/shiftBtn2_BYG.gif);
background-repeat: no-repeat;
width: 150px;
height: 50px;
margin: 0px auto;
padding: 0px 0px 0px 1px;
text-align: center;
font-size: 80%;
font-weight: bold;
text-decoration: none;
text-indent: 3px;
overflow: hidden;
}
a.CurrButton:link, a.CurrButton:visited {
background-position: 0 -72px;
color: #FF0000;
}/* ff7200 is orange */
a.CurrButton:active {
background-position: 0 -0px;
color: #5F5F5F !important;
cursor: default;
} /* 5f5f5f is dark blue */
.spanOneLineText
{
    width: 140px;
    height: 48px;
    margin: 1px auto;
    padding: 1px 0px 0px 0px;
    position: relative;
    top: 14px;
    text-align:justify;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    text-indent: 2px;
    overflow: hidden;
}
.spanTwoLineText
{
    width: 140px;
    height: 48px;
    margin: 1px auto;
    padding: 1px 0px 0px 0px;
    position: relative;
    top: 5px;
    text-align:justify;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    text-indent: -2px;
    overflow: hidden;
}
a.NavButton {
display: block;
background-color: transparent;
background-image: url(Images/cssButtonsFiles/buttonBackground.gif);
background-repeat: no-repeat;
float: left;
width: 128px;
height: 30px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
text-align: center;
font-size: 80%;
font-weight: bold;
text-decoration: none;
text-indent: 3px;
overflow: hidden;
}
/* this is the default button image */
a.NavButton:link {
background-position: 0 2px;
color: #002577;
} /* 002577 is dark blue */
a.NavButton:visited {
background-position: 0 2px;
color: #002577;
} /* 002577 is dark blue */
/* this is the hover image and active image */
a.NavButton:hover {
background-position: 0 -70px;
color: #ff0000 !important;
} /* ff7200 is orange   --- removed visited from this one and added active*/
a.NavButton:active {
background-position: 0 -34px;
color: #5F5F5F !important;
cursor: default;
} /* 5f5f5f is grey */
a.NavCurrButton {
display: block;
background-color: transparent;
background-image: url(Images/cssButtonsFiles/buttonBackground.gif);
background-repeat: no-repeat;
float: left;
width: 128px;
height: 30px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
text-align: center;
font-size: 80%;
font-weight: bold;
text-decoration: none;
text-indent: 3px;
overflow: hidden;
}
a.NavCurrButton:link, a.NavCurrButton:visited {
background-position: 0 -34px;
color: #FF7200;
}
a.NavCurrButton:active {
background-position: 0 10px;
color: #5F5F5F !important;
cursor: default;
} 
.spanNavOneLineText
{
    width: 125px;
    height: 28px;
    margin: 1px auto;
    padding: 1px 0px 0px 0px;
    position: relative;
    top: 10px;
    text-align:justify;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    text-indent: 2px;
    overflow: hidden;
}
.spanNavTwoLineText
{
    width: 125px;
    height: 28px;
    margin: 1px auto;
    padding: 1px 0px 0px 0px;
    position: relative;
    top: 2px;
    text-align:justify;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    text-indent: 2px;
    overflow:hidden;
}
/* 5f5f5f is dark blue */
/* sample css for 2 column floating page */
/* see: http://www.456bereastreet.com/archive/200504/fixed_or_fluid_width_elastic/
/*
/* use:
<div id="wrap">
<div id="main"></div>
<div id="sidebar"></div>
</div>
*/
#main 
{
float:left;
width:59%;
margin:0 0 0 4%;
}
#sidebar 
{
float:right;
width:29%;
margin:0 2% 0 0;
}
#wrap 
{
margin:0 auto;
max-width:70em;
background:#fff url(/Images/bg_body.gif) repeat-y 67% 0;
}
/* added this for fixing ie float bug */
* html #wrap {
width:expression(document.body.clientWidth > 900? "900px" : "auto");
}
#main 
{
display:inline;
}
#sidebar 
{
display:inline;
}
/* ending comment required to terminate ie bug fix */