body
{
	font: normal 14px Verdana, Helvetica, Arial, MS Sans Serif;
	line-height: 22px; /* 13px / 13px = 1em */
	background-color:white;
	background-image:url('images/SRFbkgnd.gif');
	margin: 0;
	padding: 0;
	overflow: -moz-scrollbars-vertical;
}




/* Modal PopUP ***************/
.modalBackground 
{
    background-color:Gray;
    -ms-filter:alpha(opacity=70);
    -ms-opacity:0.7;
}

.navlist
{
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding-bottom: 19px;
	padding-left: 10px;
}

.navlist ul, .navlist li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.navlist a:link, .navlist a:visited, .navlist a
{
	background: #FFFFFF;
	border: 1px solid #ccc;
	color: #666;
	float: left;
	font-size: small;
	font-weight: normal;
	line-height: 14px;
	margin-right: 8px;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}

.navlist a:link.current, .navlist a:visited.current
{
    /*	background: #C7DBFF; */
    background-position: #E8EBF0;
    font-weight: bold;
    background: #E8EBF0; /* border-bottom: 10px solid #E8EBF0; */
    /* border-bottom: 0px solid #FFFFFF; */
    color: #000000;
}

.navlist a:hover a:disabled
{
	color: #f00;
}

body.section-1 .navlist li#nav-1 a, body.section-2 .navlist li#nav-2 a, body.section-3 .navlist li#nav-3 a, body.section-4 .navlist li#nav-4 a, body.section-5 .navlist li#nav-5 a, body.section-6 .navlist li#nav-6 a
{
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #000;
}

.navlist #subnav-1, .navlist #subnav-2, .navlist #subnav-3, .navlist #subnav-4, .navlist #subnav-5, .navlist #subnav-6
{
	display: none;
	width: 90%;
}

body.section-1 .navlist ul#subnav-1, body.section-2 .navlist ul#subnav-2, body.section-3 .navlist ul#subnav-3, body.section-4 .navlist ul#subnav-4, body.section-5 .navlist ul#subnav-5, body.section-6 .navlist ul#subnav-6
{
	display: inline;
	left: 10px;
	position: absolute;
	top: 95px;
}

body.section-1 .navlist ul#subnav-1 a, body.section-2 .navlist ul#subnav-2 a, body.section-3 .navlist ul#subnav-3 a, body.section-4 .navlist ul#subnav-4 a, body.section-5 .navlist ul#subnav-5 a, body.section-6 .navlist ul#subnav-6 a
{
	background: #fff;
	border: none;
	border-left: 1px solid #ccc;
	color: #999;
	font-size: smaller;
	font-weight: bold;
	line-height: 10px;
	margin-right: 4px;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}

.navlist ul a:hover
{
	color: #f00 !important;
}

.contents
{
	background-color: #E8EBF0;
	/* background-image: url('images/contentBackImage.gif'); */
	background-repeat:no-repeat;
	/* border: 6px solid #A1A1A1; */
	border-top: none;
	clear: both;
	margin: 0px;
	padding: 15px;
}

.footer{
	clear: both;
	padding: 0px;
	width: 100%;
	overflow: hidden;
	font-size:xx-small;
	font-family: 'Franklin Gothic Book';
	margin-top: 5px; 
	margin-left: auto; 
	margin-right: auto;
}

h2
{
	color:#CF6900;
	margin-top: 0px;
	padding:0px;
}

h3
{
	color:#FF7121;
}

hr
{
	color:#FF7121;
}

/* LS: test for header background on main

h3
{
	color:#FF7121;
    text-align: center;
}

ground-image: url('images/bgtest.gif');
	background-color:Black;
}

/* LS: testing button hover color css */
.hoverbutton
{color:Navy;
 background-color:Silver;
 cursor:pointer;
  border-width:1px;
 border-style:Groove;
 font-size:14px;
 font-weight:bold;
 height:28px;
 width:100px;    
}


.static
{color:White;
 background-color:Navy;
 border-width:1px;
 border-style:Groove;
 font-size:14px;
 font-weight:bold;
 height:28px;
 width:100px;    
    }

/* simple table in Divs ************************************************************/ 
 
#container {
	margin: 0px auto;
	padding: 0px;
	width: 95%; /* width of the layout -- can be set to any value including percentages */
	overflow: hidden;
	}
	
#header{
	padding : 0px;
	margin: 0px;
	width: 100%;
	overflow: hidden;
}
 
#navigation
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	overflow: hidden;
}
 
#sidebar-right {
	float: right;
	width: 380px; /* width of the right sidebar -- can be set to any value including percentages */
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
 
#sidebar-left {
	float: left;
	width: 420px; /* witdh of the left sidebar -- can be set to any value including percentages */
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
 
#content {
	margin: 0px;
	padding: 0px;
	height: 1%; /* IE6 hack... it's very minor, though */
	overflow: hidden;
}
 
#content-inner
{
	width: 100%;
	overflow: hidden;
}
	
#footer{
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 100%;
	overflow: hidden;
}