/* SSFCC Stylesheet*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url("/_media/images/bg.jpg");
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
}


a {
  color:#9B8E2C ;
  outline:none;
}

a:hover {
  color: #292E7B ;
  outline:none;
}

div.clearer
{
	clear:both;
}


#page {
  
   width: 771px;
   margin-left: auto;
   margin-right: auto;
}


#PurpleLine {
   width: 771px;
   height: 5px;

}

#pageHeader {
  background-color: #fff;
  float:left;
  width:771px;
  height: 76px;
}

#pageHeaderLeft {
  width: 14px;
  float:left;
  height: 76px;
}



#pageHeaderRight {
  float: right;
  width: 15px;
  height: 76px;
 }

#pageHeaderMiddle {
  float:right;
  width:742px;
  height: 76px;
}

#pageHeaderMiddleLeft {
  float:left;
  width:141px;
}

#pageHeaderMiddleRight{
  float:left;
  width:601px;
 
}

#pageHeaderMiddleRightTop{
  float:right;
  margin-bottom: 24px;
  clear:right;
  width:601px;
  
}

#pageHeaderMiddleRightTopOne{
  float:right;

}

#pageHeaderMiddleRightTopTwo{
  width: 160px;
  height: 23px;
  float:right;
  background-image:  url(../_media/images/gray_bg.gif); 
  background-repeat: repeat-x;
  
}


#img1 {
    overflow: hidden;
	background-image: url(../_media/images/img1_home.gif);
	background-repeat:no-repeat;
    height: 9px;
	width: 168px;
    
}

#img2 {
    overflow: hidden;
	background-image: url(../_media/images/img2_home.gif);
	background-repeat:no-repeat;
    height: 9px;
	width: 64px;
    
}

#img3 {
    overflow: hidden;
	background-image: url(../_media/images/img3_home.gif);
	background-repeat:no-repeat;
    height: 9px;
	width: 70px;
    
}


#img4 {
    overflow: hidden;
	background-image: url(../_media/images/img4_home.gif);
	background-repeat:no-repeat;
    height: 9px;
	width: 73px;
    
}

#img5 {
    overflow: hidden;
	background-image: url(../_media/images/img5_home.gif);
	background-repeat:no-repeat;
    height: 10px;
	width: 111px;
    
}

#content-area ul li Span {
display:none;
}




#topnav {
   float:right;
   margin-top: 5px;
   color:#999999;
   font-size: 9px; 
   font-family:Verdana, Arial, Helvetica, sans-serif;
   display: inline;
}

#topnav a{
   color:#9B8E2C;
   text-decoration:underline;
}

#topnav a:hover {
   color:#393FAB;
   text-decoration:underline;
}



h1 {
    font-family:Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size:20px;
	color:#2e3289;
	font-weight:normal;
}

h2 {
	font-family:Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size:16px;
	color:#000;
	font-weight:normal;
    margin-top:0px;
	margin-bottom: 0px;
}

h3 {
	
	font-family:Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size:14px;
	color:#2e3289;
	font-weight:normal;
	margin-top:0px;
	margin-bottom: 0px;
	
}

.breadcrumbs {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#666;


}



#content-area-secondlevel p {
 margin-top:0px;
}

#PurpleImage {
   width: 771px;
   height: 5px;
   float:left;

}

#flash-area {
background-color: #fff;
float:left;
height: 315px;
width:771px;
}

#flash-left-shadow {
float: left;
width: 15px;
height: 315px;
}

#flash-right-shadow {
float:right;
height: 315px;
width: 15px;
}

#flash {
 float:right;
 margin-top:10px;
 width: 741px;
 height: 295px; 
 margin-bottom:10px;
}

#banner {
 float:right;
 margin-top:10px;
 width: 741px;
 height: 138px; 
 margin-bottom:10px;
}

#banner-area {
background-color: #fff;
float:left;
height: 158px;
width:771px;
}

#banner-left-shadow {
float: left;
width: 15px;
height: 158px;
}

#banner-right-shadow {
float:right;
height: 158px;
width: 15px;
}

#button-area {
margin-top:5px;
margin-bottom:5px;
float: left;
width: 771px;
height: 32px;
}

#nav-middle-area {
	float: left;
	width: 743px;
	height: 32px;
	background-color: #fff;
    color: #666;
}

#nav-middle-area ul {
  height: 32px;
  margin:0;
  padding:0 0;
  list-style:none;
}

#nav-middle-area li {

  float:left;
  margin:0;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
}

#nav-middle-area li a, #nav-middle-area li strong {
  background-repeat:no-repeat;
  background-position:0 0;
  display:block;
  float:left;
  height:32px;
  border-width:0;
  text-indent:-10000px;
  }

#nav-middle-area li strong {
  background-position:0 -32px;
  
  }


#nav-middle-area li a:hover {
  background-position:0 -32px;
  
  }




#nav11 a, #nav11 strong {
  background:url("/_media/images/nav/nav11.gif");
  width:103px;
 /*padding-right: 31px;*/
 /* margin-left:22px;*/
}

#nav1 a, #nav1 strong {
  background:url("/_media/images/nav/nav1.gif");
  width:130px;
 padding-right: 33px;
 /* margin-left:22px;*/
}

/*#nav2 a, #nav2 strong {
  background:url("../_media/images/nav/nav2.gif");
  width:104px;
  padding-right: 31px;
  }*/

#nav3 a, #nav3 strong {
  background:url("../_media/images/nav/nav3.gif");
  width:131px;
 padding-right: 31px;
  }

#nav4 a, #nav4 strong {
  background:url("../_media/images/nav/nav4.gif");
  width:103px;
  padding-right: 30px;
  }

#nav5 a, #nav5 strong {
  background:url("../_media/images/nav/nav5.gif");
  width:147px;
  padding-right:31px;
  }
#button-left-shadow {
float: left;
width: 14px;
height: 32px;
}

#button-right-shadow {
float: right;
width: 14px;
height: 32px;
}

#pageMiddle-area-top {

/*margin-top:5px;*/
float: left;
width: 771px;
}

#pageMiddle-area-bottom {

margin-top:0px;
float: left;
width: 771px;
}

#pageMiddle {
margin-top:0px;
background: url("/_media/images/bg.gif") repeat-y;
width: 771px;
float:left;

}

#pageMiddleLeft {
width:520px;
padding-left: 20px;
padding-right: 15px;
float:left;

}

h1.welcomeimg {
  
  margin-top:15px;
  background-image: url(../_media/images/welcome.gif);
  background-repeat:no-repeat;
  width: 518px;
  height: 33px;
}

h1.welcomeimg span {
  display:none;
}


#content-area {
}


#content-area ul {
  	
	margin: 0 0 1em;
 	padding: 0;
  	list-style: none;
}

#content-area ul li {
	
	list-style:none;
	background: url("../_media/images/bullet.gif") no-repeat 0px 6px;
  	margin: 0px;
	padding-left: 10px;
    margin-top: 10px;
	margin-bottom:10px;
}


#content-area-secondlevel ul {
  	
	margin: 0 0 1em;
 	padding: 0;
  	list-style: none;
}

#content-area-secondlevel ul li {
	
	list-style:none;
	background: url("../_media/images/bullet.gif") no-repeat 0px 4px;
  	margin: 0px;
	padding-left: 10px;
    margin-top: 10px;
	margin-bottom:10px;
}



#pageMiddleRight {
   
   width: 206px;
   float:left;
}

#content-area-rightside-home {
   float:left;
   width: 196px;
   padding-left: 15px;
   padding-right: 5px;
   color:#333333;
   font-size: 9px; 

}



#content-area-rightside-home p{
   margin-top: 0px;
   color:#333333;
   font-size: 9px; 

}

#content-area-rightside-home b{
  
   color:#6B6116;
   font-weight: bold; 
}



#line {
   
   width: 197px;
   float:right;
   height: 2px;
   background-image:  url(../_media/images/line.gif); 
   background-repeat: repeat-x;
   margin-top: 10px;
   margin-bottom: 10px;
}

#footer {
	width: 771px;
	float: left;
	height: 37px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	line-height:normal;
    text-align:center;
}





#footer a {
	color:#9B8E2C;
	text-decoration: underline;
}

#footer a:hover {
	color:#fff;
	text-decoration: underline;
}


#pageMiddlesecondlevel {
  width: 771px;
  background: url("/_media/images/bg_secondlevel.gif") repeat-y;
  float:left;
}


#pageMiddleLeftsecondlevel {
  padding-left: 5px;
  width: 185px;
  Float: left;
}


#title {
 width: 185px;
 margin-bottom: 0px;
 height: 41px;
}

#pageMiddleRightsecondlevel {
     width: 576px;
     Float: left;
  
}

#content-area-secondlevel{
     width: 536px;
	 padding-left: 20px;
	 padding-right: 20px;
}

/* =Secondary Column (sidenav)
----------------------------------------------- */

#pageMiddleLeftsecondlevel .secondaryColumn {
	font-size:10px;
	padding: 0px;
	margin: 0;
	color: #292E7B;
	overflow: hidden;
   /*border-bottom: 1px solid #DBDBDB;*/
   
}

#pageMiddleLeftsecondlevel .secondaryColumn ul {
	/*border-left: 1px dashed #CCCCCC;*/
	/*background-image: url(/_media/images/bg_sidenav.gif);
	background-repeat:repeat;*/
	margin: 0;
	padding: 0;
	list-style: none;
	width: 185px;
	float:right;  
}

#pageMiddleLeftsecondlevel .secondaryColumn ul li {
	margin: 0;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
}

#pageMiddleLeftsecondlevel .secondaryColumn ul li a {
	display: block;
	margin: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
    color: #292E7B;
	padding-left:10px;
}

#pageMiddleLeftsecondlevel .secondaryColumn ul li a.Current {
	font-weight:bold;
	color: #FFF;
	background-color: #95871E;
}

#pageMiddleLeftsecondlevel .secondaryColumn ul li a:hover {
	/*change the color for hover to orange and the background color to light blue*/
	font-size:10px;
	background-color: #95871E;
	/*background-color: #F7FCFF;*/
	color: #fff;
	text-decoration: none;
}




/* End Secondary Column (sidenav)
----------------------------------------------- */


/* table
----------------------------------------------- */
table.generalTables { 
	background-color: #FFFFFF; 
	width: 100%; 
	color:#3A4256;
	font-size: 10px; 
	text-align: left;
	
}

table.generalTables th{ 
	color: #FFFFFF; 
	font-size: 10px; 
	font-weight: bold; 
	text-align:left;
    background-color:#292E7B;
    padding: 3px;
}



table.generalTables tr ul {
  	margin: 0 0 1em;
 	padding: 0;
  	list-style: none;
}


table.generalTables tr li {
	
  	background: url("/_media/images/bullet.gif") no-repeat 10px 5px;
  	margin: 0 0 0 0;
  	padding: 0 0 0 20px;
}

table.generalTables tr.Even  { 
	background-color: #F2F3FF;
	
}

table.generalTables tr.even  { 
	background-color: #F2F3FF;
	
}

table.generalTables tr.Odd { 
	background-color: #E0E2FF;
}
table.generalTables tr.odd { 
	background-color: #E0E2FF;
}



table.generalTables td { 
	padding: 3px;
}









/* end 
----------------------------------------------- */