/* CSS Document FBA.net */
/************************************************************
THREE COLUMN LAYOUT
*************************************************************/


/************************************************************

default html tag styles

************************************************************/

body {
background-color:#8F8D6E;
margin:0px 0px 0px 20px;
background-image:url(../images/window_background/bg_shadow_w_sidebar.gif); /* Background image w/Right_SideBar background use alt CSS to change This */
background-repeat:repeat-y;
font-family:"Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}

p {
font-size:14px;
line-height: 19px;
margin:0px 0px 10px 0px;
}
p, h1, h2, h3, h4, ul, li, table, th, td {
color:#272300;
}
h1, h2, h3, h4 {
margin-top: 0px;
}
h1, h2, h3 {
font-weight:normal;
margin-bottom:7px;
}
h1 {
font-size: 24px;
color:#063B5D;
}
h2 {
font-size:17px;
}
h3 {
font-size:15px;
}
h4 {
font-size:12px;
margin-bottom:7px;
}
a {
color:#063B5D;
}
a img {
border: 0px;
}
a:hover {
color:#ED2E2F;
}
ul {
margin: 0px 0px 15px 0px;
list-style-position:inside;
}
li {
margin: 0px 0px 5px 0px;
}
table {
border: 1px #DADAD6 solid;
border-right:none;
border-bottom:none;
margin-bottom: 15px;
}
td, th {
border: 1px #DADAD6 solid;
border-left:none;
border-top:none;
padding: 4px;
font-size:12px;
}
th {
background-color:#ADAB9A;
text-align:left;
color: #ffffff;
text-transform:uppercase;
}

/*******************************************************************

Page elements styles

*******************************************************************/

#MainPageContainer { /* Main page container */
width:950px;
}

/*******************************************************************
Header emlements 
*******************************************************************/

#Header { /* Page Header includes Brand, Main menu and Main Sub menu */
background-image:url(../images/main_menu/main_menu_bg.jpg); /* backgound fade */
background-repeat:repeat-x;
height:154px; 
}
/******************************************************************
Main Menu styles
*******************************************************************/
#Main_Menu {
margin: 0px;
padding:0px;
background-image:url(../images/header_image/main_header_image.jpg); /* Right side image, can be change from section to section via a section css */
background-repeat:no-repeat;
background-position:right;
border-bottom:1px #655F1F solid;
float:left;
width: 684px;
}
#Main_Menu ul {
margin:0px;
padding: 0px;
height:112px;
background-image:url(../images/main_menu/main_menu_left_brd.jpg);
background-repeat:no-repeat;
}
#Main_Menu li {
float:left;
list-style:none;
background-image:url(../images/main_menu/main_nav_sep.jpg);
background-position:left 34px;
background-repeat:no-repeat;
}
#Main_Menu li.firstlink {
background-image:none; /* Removes bar "|" on the first link */
}
#Main_Menu li a {
font-size:17px;
display:block;
color:#063B5D;
text-decoration:none;
margin-top:50px;
padding:0px 20px 10px 20px;
}
#Main_Menu li a:hover, #Sub_Menu li a:hover {
color:#ED2E2F;
}
#Sub_Menu {
margin: 0;
padding:0;
height:41px;
background-image:url(../images/main_menu/main_menu_sub_bg.jpg);
background-repeat:repeat-x;
float:left;
width: 684px;
}
#Sub_Menu ul {
margin:0px;
padding: 0px;
height:41px;
background-image:url(../images/main_menu/main_menu_sub_bg_l.jpg);
background-repeat:repeat-y;
background-position:left;
}
#Sub_Menu li {
float:right;
list-style:none;
border-right:1px #FFFFFF solid;
margin-top: 10px;
}
#Sub_Menu li.firstsublink {
border:none; /* removes "|" from the first link */
}
#Sub_Menu li a {
color: #FFFFFF;
text-decoration:none;
display:block;
padding: 0px 10px 0px 10px;
}

/**********************************************************************
Brand position and style
**********************************************************************/
#FBA_Logo {
float:left;
width: 266px;
height:154px;
background-image:url(../images/section_image/main_image_top.jpg); /* If the Section image changes this image needs to be updated */
background-position:bottom;
background-repeat:no-repeat;
}
/*********************************************************************
 Left_SideBar is the LEFTSIDE column
**********************************************************************/
#Left_SideBar {
float:left;
width: 266px;
padding:0px;
margin: 0px;
}
/*********************************************************************
 Right_SideBar is the RIGHTSIDE column
**********************************************************************/
#Right_SideBar { 
float:right;
width: 200px;
padding-top: 20px;
}

/********************************************************************
Left_SideBar and Right_SideBar text styles
*********************************************************************/
#Left_SideBar p, #Left_SideBar h1, #Left_SideBar h2, #Right_SideBar p, #Right_SideBar h1, #Right_SideBar h2  {
font-size: 12px;
margin: 0px 20px 0px 27px;
color:#000000;
}	
#Left_SideBar h1, #Right_SideBar h1 {
font-size: 16px;
margin-bottom: 3px;
} 
#Left_SideBar h2, #Right_SideBar h2 {
font-size: 14px;
margin-bottom: 3px;
}
#Left_SideBar img {
display:block; /* needed to avoid space after image */
} 
#Left_SideBar #Heading { 
background-color:#A79C38;
padding:10px 0px 10px 0px;
margin:0px 0px 10px 0px;
}	
#Left_SideBar #Heading p {
color:#FFFFFF;
font-size:14px;
}
/*******************************************************************
Section menu, location; right side column
*******************************************************************/
#SectionMenu {
margin: 0px 20px 20px 27px;
}
#SectionMenu h1 {
font-size: 16px;
margin:0px;
padding-bottom:7px;
border-bottom: 1px #79888F solid;
}
#SectionMenu ul {
margin:0px;
padding:0px;
}
#SectionMenu li {
margin:0px;
padding:0px;
list-style:none;
list-style-position:outside;
}
#SectionMenu a {
display:block;
padding:10px 0px 10px 0px;
font-size:14px;
color:#FFFFFF;
text-decoration:none;
border-bottom: #FFFFFF 1px dotted;
}
#SectionMenu a:hover {
color:#063B5D;
}
/********************************************************************
Page Content Area
********************************************************************/	
#Center_ContentColumn {
margin: 0 215px 0 285px; /* change margin right in alt css if right column droped */
padding: 20px 0px 0px 0px;
}
/********************************************************************
Footer Area
********************************************************************/	
#Center_Footer {
border-top: 3px #A2B6C2 solid;
margin: 30px 200px 0 266px; /* change margin right in alt css if right column droped */
padding: 10px 0px 10px 0px;
}
/* Footer text style */
#Center_Footer p {
color:#666666;
font-size:10px;
padding-left: 24px;
}
/********************************************************************
Structure element, 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.
********************************************************************/	
.clearfloat { 
	clear:both;
	height:0;
	font-size: 0px;
	line-height: 0px;
}
