body  {
font: 100% Georgia, "Times New Roman", Times, serif;
font-size:16px;
line-height:20px;
font-weight:400;
background:#e1ffff url(images/nav/bg2.gif) repeat-x top left;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #555;
height:100%;
min-width:850px;

}

.twoColHybRt #container { 
width: 80%;  /* this will create a container 80% of the browser width */
min-width:848px;
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #ccc;
text-align: left; /* this overrides the text-align: center on the body element. */
} 

.twoColHybRt #sidebar1 {
float: right; 
width: 15em; /* since this element is floated, a width must be given */
height:100%;

background:#ffffcc url(images/nav/sb-bg.gif) repeat-x top left;
/*background: #ffffcc;  the background color will be displayed for the length of the content in the column, but no further */
padding: 15px 0; /* top and bottom padding create visual space within this div  */


}
.twoColHybRt #sidebar1 {
font-size:smaller;
clear: both;
min-width:150px;

}

.twoColHybRt #sidebar1 h2, .twoColHybRt #sidebar1 p, .twoColHybRt #sidebar1 img {
margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
margin-right: 10px;
}
#sidebar1 h2{
border-bottom:1px #BBB dotted;
font-family:georgia;
font-weight:normal;
}


.twoColHybRt #mainContent {
margin: 0 13em 0 20px; /* the left margin's value is equal to the header and footer which creates alignment down the left side of the document. */
} 

 #mainContent {
min-width:570px;
clear: left;
} 
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
/* Typography */

h1,h2,h3,h4,h5 {
color:#ff6633;
font-family:Georgia,"Times New Roman",Times,serif;
font-weight:normal;
margin-bottom:0px;
text-align: left;
}

h3 {
color:#ff6633;
margin-top:0px;
}




a { color : #369; text-decoration : none; }

 a:hover { color : #369; text-decoration : underline; }



#header {
text-align:center;
min-width:650px;
}


#header p{
font-size:12px;
margin:0;
padding:0;
}

#footer {
font-size:12px;
margin:0;
padding:0;
}


hr {
margin-top:10px;
border: none 0;
border-top: 1px dashed #ccc;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

.noDisplay
{display:none}


.breadcrumbs{
display:block;
padding-left:10px;
width:100%;
background: #ffffcc;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}


a img { text-decoration : none; border : none; }