﻿@import url("layout.css");
body{
	
	background-image: url('../images/FC-bkgnd-05.png');
	background-repeat: repeat-x;
	background-color: #FFFFD2;
	margin: 0px;
	padding: 0px;
}

#wrapper{
	
	width: 795px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	background-color: #FFFFD2;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 16px;
	color: #333300;
	
}

#header{
	
	width: 765px;
	height: 153px;
	background-image: url('../images/fc-hdr-33.jpg');
	background-repeat: no-repeat;
	background-color: #338800;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto; 

}

#nav{
	
	width: 765px;
	height: 54px;
	background-color: #FFFFD2;
	margin-top:10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 2px;
	border: medium;
	border-style: solid;
	border-color: #CC6600;
	vertical-align: middle;
	
}
#nav-hldr{
	
	width: 765px;
	height: 52px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	margin-left: 5px; 
}

#content-wrapper{
	
	width: 791px;
	height: auto;
	background-color: #FFFFD2;   
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
		
}

#col-lft{
	
	position: relative;
	width: 425px;
	height: auto;
	background-color: #FFFFD2;
	float: left;
	padding: 10px;
	border-right: thick;
	border-color: #CC6600;
	border-right-style: none;

}

#col-cntr{
	
	position: relative;
	width: 745px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	border: thick;
	border: #CC6600;
	border-style: solid;
	
}

#col-rgt{

	position: relative;
	border-style: none none none solid;
	width: 270px;
	height: auto;
	background-color: #FFFFD2;
	float: right;
	padding: 10px;
	border-left-width: medium;
	border-left-color: #CC6600;
}

#footer-nav{

	width: 765px;
	height: 120px;
	background-color: #338800;
	background-image: url('../images/fc-footer-33.jpg');
	background-repeat: no-repeat;
	border: medium;
	border-style: solid;
	border-color: #CC6600;
	vertical-align: middle;
	padding-top: 10px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	color: #FFFFD2;
	text-align: center;
	
}

#silverlightControlHost {

	height: 400px;
	width: 515px;
	margin-top: 10px;	
	margin-right: auto;
	margin-left:auto;
    
}


/* Styles*/

/* Using floated elements and a clear float class is a common method to 
/* accomplish multiple column tableless layouts. If floated elements are 
/* used without being cleared the elements following will wrap around the 
/* floated element. This class should be applied to an element after the 
/* last floated element and before the close of the container with 
/* floated elements. */

.clearFloat {

  display: block;
  clear: right;
  
 }
 
/* Image positioning styles */

.img-rgt {

	float: right;
	border-style: solid;
	border-width: 0;
	margin: 5px;
	
}
 
/* This defines the color of the hypertext links before it is visited,
/* when the cursor hoovers over the text, and after it is visited. */ 
 
a:link {

  color: #0000FF;
  text-decoration: underline;
  font-weight: normal;
 
}

 a:visited {
 
	color: #FF3399;
	text-decoration: underline;
	font-weight: normal;
	
}
 
a:hover {

	color:#FF00FF;
	text-decoration: underline;
	font-weight: normal;
	
} 

#footer-nav a:link {
	
	color: #FFFFD2;
	text-decoration: underline;
	font-weight: normal;

}

#footer-nav a:hover{
	
	color: #CC6600;
	text-decoration: underline;
	font-weight: normal;
	
}

#col-cntr p{
	
	margin-top: 10px;
	margin-bottom: 0px;
	
}

#col-cntr h1,h2,h3,h4,h5{

	text-align: center;
	
}

#col-lft h2{
	
	text-align: center;
	
}

#col-rgt h2, h5{
	
	margin-top: 0px;
	margin-bottom: 0px;
	color: #333300;
	
}
 
h1{
	
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #333300;
} 
  
h2{

	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #333300;

} 
  
h3{

	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #333300;

}  
  
h4{

	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333300;

}  
  
h5{

	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333300;


}  
 
h6{
	
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333300;

} 
  
 /*Table positioning css markup */
 
.table1{
	
	margin-right: auto;
	margin-left:auto;
	
}

.td1 {
	
	width: 125px;
	margin-left: 20px;
	padding-left: 20px;
	text-align: left;
	font-weight: bold;
	color: #011b47;
	
}

.td2 {
	
	width: 250px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding-left: 20px;
	text-align: left;
	font-weight: normal;
	color: #011b47;
	
}

.td3 {
	
	width:10px;
	text-align: center;
	font-weight: bold;
	color: #011b47;

}

.td4 {
	
	width: 275px;
	margin-left: 10px;
	padding-left: 10px;
	text-align: left;
	font-weight: normal;
	color: #011b47;
	
}

.td5{
	
	width:325px;
	height: 60px;
	margin-top: 20px;
	margin-bottom: 20px;
	vertical-align: middle;
	text-align: left;
	font-weight: normal;
	color: #011b47;

}

.td6{
	
	width: 239px;
	text-align:right;	
	
}

.td7 {

	width: 239px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 20px;
	padding-left: 20px;
	text-align: left;
	font-weight: normal;
	color: #011b47;

}

.td8 {

	width: 239px;
	margin-left: 10px;
	padding-left: 10px;
	text-align: left;
	font-weight: normal;
	color: #011b47;

}

.td9 {

	width: 20px;
	text-align: center;
	font-weight: bold;
	color: #011b47;

}
					
.td10 {

	width: 241px;
	margin-left: 0px;

}

.td12 {

	width: 250px;
	
}
 
 .td13{
	
	width: 300px;
	padding-left: 5px;
	text-align: left;
	
} 
  
  
  
  
  
  