﻿@import url(../editor.css);
@import url(../../../_default/Forms.css);

.FormArea
{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	color:Black !important;
}
.FormLabel
{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	color:Black !important;
}
.FormHead
{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	color:Maroon !important;
	font-size:14px !important;
}
.FormControl
{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	color:Black !important;
	border-color:Black !important;
}
.FormButton
{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	color:Black !important;
	border-color: #003366 !important;
}
.EditContact
{
	width: 800px;
	clear: both;
	padding-left: 25px;
}

body
{
    font-family: Arial, "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Lucida, Verdana,  san-serif;
	background-color: #fffef4;
	height: 100%;
	Width: 100%;
	text-align: center;
}

a
{
	text-decoration: none;	
}

em {
}

strong {
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	line-height: 18px;
}

h1 {
	font-size: 2em;
	font-weight: 100;
	letter-spacing: -0.1em;
	line-height: 36px;
}

h2 {
	font-size: 1.5em;
	font-weight: 100;
	letter-spacing: -0.05em;
	padding-bottom: 6px;
}

h3 {
	font-size: 1.2em;
	font-weight: 100;
}

h4 {
	font-size: 1em;
	font-weight: 100;
}

h5 {
	font-size: 0.8em;
	font-weight: 100;
	color: #444;
}

h6 {
	font-size: 1.2em;
	font-weight: 100;
	color: #666;
	line-height: 24px;
}

ul {
	list-style: none;
}

/* Layout */
/*--------------------------------------------------*/

.hide {
	display: none;
}
/* Page Specific Colors and Elements */
/*--------------------------------------------------*/


.MyLogin
{
	color: White;
	font-weight: 800;
	font-size: 1.2em;
}

.MyUser
{
	color: Maroon ;
}


#Container
{
	background-color: #fffef4;
	text-align: center;
	height: 100%;
	width: 100%;
}

#topbar
{
	width: 870px;
	height: 26px;
}

#topbar ul li {
	display: inline;
	font-size: 0.8em;
}

#topbar ul {
	display: inline;
	margin-right: 20px;
}

#topbar ul li a {
	color: #fff;
}

#topbar ul li a:hover {
	color: #000;
}

#topphoto
{
	width: 870px;
	height: 129px;
}

/* Main Menu at the top of every inside page */
#menuArea
{
	width: 870px;
	height: 35px;
	background: url(images/FPI_Home_03.jpg);
}
#menu01 
{
	display: block;
	float: left;
	height: 25px;
	width: 120px;
}
#Menu01 a
{
	display: block;
	float: left;
	height: 25px;
	width: 120px;
	background: url(images/Menu_ALL_01.jpg) 0 -25px;
	vertical-align: bottom;	
	margin-top: 10px;
}
#menu01 a:hover
{
	background: url(images/Menu_ALL_01.jpg) 0 0;
	margin-top: 10px;
}

#menu02
{
	display: block;
	float: left;
	height: 25px;
	width: 99px;
}
#Menu02 a
{
	display: block;
	float: left;
	height: 25px;
	width: 99px;
	background: url(images/Menu_ALL_02.jpg) 0 -25px;
	margin-top: 10px;
}
#menu02 a:hover
{
	background: url(images/Menu_ALL_02.jpg) 0 0;
	vertical-align: bottom;	
	margin-top: 10px;
}

#menu03
{
	display: block;
	float: left;
	height: 25px;
	width: 111px;
}
#Menu03 a
{
	display: block;
	float: left;
	height: 25px;
	width: 111px;	
	background: url(images/Menu_ALL_03.jpg) 0 -25px;
	margin-top: 10px;
}
#menu03 a:hover
{
	background: url(images/Menu_ALL_03.jpg) 0 0;
	vertical-align: bottom;	
	margin-top: 10px;
}

#menu04
{
	display: block;
	float: left;
	height: 25px;
	width: 174px;
}
#Menu04 a
{
	display: block;
	float: left;
	height: 25px;
	width: 174px;
	background: url(images/Menu_ALL_04.jpg) 0 -25px;
	margin-top: 10px;
}
#menu04 a:hover
{
	background: url(images/Menu_ALL_04.jpg) 0 0;
	vertical-align: bottom;	
	margin-top: 10px;
}

#menu05
{
	display: block;
	float: left;
	height: 25px;
	width: 136px;
}
#Menu05 a
{
	display: block;
	float: left;
	height: 25px;
	width: 136px;
	background: url(images/Menu_ALL_05.jpg) 0 -25px;
	margin-top: 10px;
}
#menu05 a:hover
{
	background: url(images/Menu_ALL_05.jpg) 0 0;
	vertical-align: bottom;	
	margin-top: 10px;
}

#menu06
{
	display: block;
	float: left;
	height: 25px;
	width: 116px;
}
#Menu06 a
{
	display: block;
	float: left;
	height: 25px;
	width: 116px;
	background: url(images/Menu_ALL_06.jpg) 0 -25px;
	margin-top: 10px;
}
#menu06 a:hover
{
	background: url(images/Menu_ALL_06.jpg) 0 0;
	vertical-align: bottom;	
	margin-top: 10px;
}

#menu07
{
	display: block;
	float: left;
	height: 25px;
	width: 114px;
}
#Menu07 a
{
	display: block;
	float: left;
	height: 25px;
	width: 114px;
	background: url(images/Menu_ALL_07.jpg) 0 -25px;
	margin-top: 10px;
}
#menu07 a:hover
{
	background: url(images/Menu_ALL_07.jpg) 0 0;
	vertical-align: bottom;	
	margin-top: 10px;
}
/* end of main menu */


#home
{
	width: 880;
	margin: 0 auto;
	text-align: center;
}

#Home_breadcrumbs
{
	width: 870px;
	height: 22px;
	font-size: .8em;
    background: url(images/FPI_Home_04_NoFrame.jpg);
}

#noah_breadcrumbs
{
	width: 870px;
	height: 22px;
	font-size: .8em;
    background: url(images/FPI_noah_04.jpg);
}

#breadcrumbs
{
	width: 870px;
	height: 22px;
	padding-top:10px;
	font-size: .6em;
    background: url(images/FPI_Inside_04.jpg);
}

#BodyArea
{
	width: 870px;
	height: auto;
    background: url(images/FPI_Home_05.jpg);
    background-repeat: repeat-y;
	padding-right: 25px;
	padding-left: 25px;
}

#noah_BodyArea
{
	width: 870px;
	height: auto;
    background: url(images/FPI_noah_05.jpg);
    background-repeat: repeat-y;
	padding-right: 25px;
	padding-left: 25px;
}



#LeftArea
{
	float: left;
	height: auto;
	width: 225px;
	z-index: 2;
	padding-top: 10px;
}



/* FPI MALL Special Side menu with three-position doors  */
/* Door #1   */
#FPIMall01
{
	display: block;
	float: left;
	height: 50px;
	width: 200px;
}
#FPIMall01 a
{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	display: block;
	float: left;
	height: 50px;
	width: 200px;
	color: White;
	background-image:url(images/FPIMallMenu.jpg);
	background-position: 0 0;
	padding-top: 10px;
	padding-left: 15px;
	font-size: .7em;
}
#FPIMall01 a:hover
{
	background-image:url(images/FPIMallMenu.jpg);
	background-position:0 -50px;
	vertical-align: bottom;	
	color: Orange;
	padding-top: 10px;
	padding-left: 15px;
}
#MALL01 #FPIMall01 A
{
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 -100px;
	vertical-align: bottom;
	color: Lime;	
	padding-top: 10px;
	padding-left: 15px;
}

/* Door #2   */
#FPIMall02
{
	display: block;
	float: left;
	height: 50px;
	width: 200px;
}
#FPIMall02 a
{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	display: block;
	float: left;
	height: 50px;
	width: 200px;
	color: White;
	font-size: .7em;
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 0;
	padding-top: 10px;
	padding-left: 15px;
}
#FPIMall02 a:hover
{
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 -50px;
	vertical-align: bottom;	
	color: Orange;
	padding-top: 10px;
	padding-left: 15px;
}
#MALL02 #FPIMall02 A
{
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 -100px;
	vertical-align: bottom;
	color: Lime;	
	padding-top: 10px;
	padding-left: 15px;
}

/* Door #3 */
#FPIMall03
{
	display: block;
	float: left;
	height: 50px;
	width: 200px;
}
#FPIMall03 a
{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	display: block;
	float: left;
	height: 50px;
	width: 200px;
	color: White;
	font-size: .7em;
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 0;
	padding-top: 10px;
	padding-left: 15px;
}
#FPIMall03 a:hover
{
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 -50px;
	vertical-align: bottom;	
	color: Orange;
	padding-top: 10px;
	padding-left: 15px;
}
#MALL03 #FPIMall03 A
{
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 -100px;
	vertical-align: bottom;
	color: Lime;	
	padding-top: 10px;
	padding-left: 15px;
}

/* Door #4   */
#FPIMall04
{
	display: block;
	float: left;
	height: 50px;
	width: 200px;
}
#FPIMall04 a
{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	display: block;
	float: left;
	height: 50px;
	width: 200px;
	font-size: .7em;
	color: White;
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 0;
	padding-top: 10px;
	padding-left: 15px;
}
#FPIMall04 a:hover
{
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 -50px;
	vertical-align: bottom;	
	color: Orange;
	padding-top: 10px;
	padding-left: 15px;
}
#MALL04 #FPIMall04 A
{
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 -100px;
	vertical-align: bottom;
	color: Lime;	
	padding-top: 10px;
	padding-left: 15px;
}
/* Door #5   */
#FPIMall05
{
	display: block;
	float: left;
	height: 50px;
	width: 200px;
}
#FPIMall05 a
{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	display: block;
	float: left;
	height: 50px;
	width: 200px;
	color: White;
	font-size: .7em;
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 0;
	padding-top: 10px;
	padding-left: 15px;
}
#FPIMall05 a:hover
{
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 -50px;
	vertical-align: bottom;	
	color: Orange;
	padding-top: 10px;
	padding-left: 15px;
}
#MALL05 #FPIMall05 A
{
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 -100px;
	vertical-align: bottom;
	color: Lime;	
	padding-top: 10px;
	padding-left: 15px;
}
/* Door #6   */
#FPIMall06
{
	display: block;
	float: left;
	height: 50px;
	width: 200px;
}
#FPIMall06 a
{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	display: block;
	float: left;
	height: 50px;
	width: 200px;
	color: White;
	font-size: .7em;
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 0;
	padding-top: 10px;
	padding-left: 15px;
}
#FPIMall06 a:hover
{
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 -50px;
	vertical-align: bottom;	
	color: Orange;
	padding-top: 10px;
	padding-left: 15px;
}
#MALL06 #FPIMall06 A
{
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 -100px;
	vertical-align: bottom;
	color: Lime;	
	padding-top: 10px;
	padding-left: 15px;
}

/* Door #7   */
#FPIMall07
{
	display: block;
	float: left;
	height: 50px;
	width: 200px;
}
#FPIMall07 a
{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	display: block;
	float: left;
	height: 50px;
	width: 200px;
	color: White;
	font-size: .7em;
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 0;
	padding-top: 10px;
	padding-left: 15px;
}
#FPIMall07 a:hover
{
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 -50px;
	vertical-align: bottom;	
	color: Orange;
	padding-top: 10px;
	padding-left: 15px;
}
#MALL07 #FPIMall07 A
{
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 -100px;
	vertical-align: bottom;
	color: Lime;	
	padding-top: 10px;
	padding-left: 15px;
}

/* Door #08   */
#FPIMall08
{
	display: block;
	float: left;
	height: 50px;
	width: 200px;
}
#FPIMall08 a
{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	display: block;
	float: left;
	height: 50px;
	width: 200px;
	color: White;
	font-size: .7em;
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 0;
	padding-top: 10px;
	padding-left: 15px;
}
#FPIMall08 a:hover
{
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 -50px;
	vertical-align: bottom;	
	color: Orange;
	padding-top: 10px;
	padding-left: 15px;
}
#MALL08 #FPIMall08 A
{
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 -100px;
	vertical-align: bottom;
	color: Lime;	
	padding-top: 10px;
	padding-left: 15px;
}

/* Door #09   */
#FPIMall09
{
	display: block;
	float: left;
	height: 50px;
	width: 200px;
}
#FPIMall09 a
{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	display: block;
	float: left;
	height: 50px;
	width: 200px;
	color: White;
	font-size: .7em;
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 0;
	padding-top: 10px;
	padding-left: 15px;
}
#FPIMall09 a:hover
{
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 -50px;
	vertical-align: bottom;	
	color: Orange;
	padding-top: 10px;
	padding-left: 15px;
}
#MALL09 #FPIMall09 A
{
	background-image: url(images/FPIMallMenu.jpg);
	background-position: 0 -100px;
	vertical-align: bottom;
	color: Lime;	
	padding-top: 10px;
	padding-left: 15px;
}


#RootTabName
{
	float: left;
	height: 50px;
	width: 200px;
	z-index: 3;
	background-color: Blue;
	border-right: maroon thin solid;
	border-top: maroon thin solid;
	border-left: maroon thin solid;
	border-bottom: maroon thin solid;
}
#LeftPane
{
	float: left;
	height: 341px;
	width: 200px;
	z-index: 3;
}	
#ContentArea
{
	float: left;
	width: 580px;
	height: auto;
	z-index: 2;
	padding-left: 20px;
}

#HomeBodyArea
{
	width: 870px;
	height: auto;
    background: url(images/FPI_Home_05_NoFrame.jpg);
    background-repeat: repeat-y;
	padding-right: 25px;
	padding-left: 25px;
}

#noah_BodyArea
{
	width: 870px;
	height: auto;
    background: url(images/FPI_noah_05.jpg);
    background-repeat: repeat-y;
	padding-right: 25px;
	padding-left: 25px;
}
#Inside_BodyArea
{
	width: 870px;
	height: auto;
    background: url(images/FPI_Inside_05.jpg);
    background-repeat: repeat-y;
	padding-right: 25px;
	padding-left: 25px;
}

#HomeMenuFiller
{
	float: left;
	width: 7px;
	height: 391px;
	z-index: 2;
}


#HomeMenuArea
{
	float: left;
	width: 320px;
	height: auto;
	z-index: 2;
}

#HomeContentArea
{
	width: 490px;
	height: auto;
	z-index: 2;
}
#noah_LeftArea
{
	float: left;
	height: 391px;
	width: 200px;
	z-index: 2;
	text-align:left;
	padding-top: 10px;
}
#noah_ContentArea
{
	width: 600px;
	height: auto;
	z-index: 2;
}

#noahwide_ContentArea
{
	width: 820px;
	height: auto;
	z-index: 2;
	text-align:center;
}

#ClearAll
{
clear: both;
height: 1px;
}

#Footer
{
	width: 870px;
	height: 36px;
	background: url(images/FPI_Home_06_NoFrame.jpg);
}

#noah_Footer
{
	width: 870px;
	height: 17px;
	background: url(images/FPI_noah_06.jpg);
}

#Inside_Footer
{
clear: both;
	width: 870px;
	height: 33px;
	background: url(images/FPI_Inside_06.jpg);
}

#RulesLine
{
	width: 870px;
	height: 20px;
	text-align: center;
	font-size: 0.8em;
	font-family: Verdana;
	background-color: #fffef4;
}

#MenuLine
{
	width: 870px;
	height: 35px;
	background-color: #fffef4;
}

#DNNControl
{
	width: 855px;
	height: 35px;
	background-color: #fffef4;
	padding-left: 15px;
}

#searchbox {
	display: inline;
}

#searchbox input {
	/*adjust me*/
	background: #fff url(images/searchbox.gif) right no-repeat;
	border: none;
	height: 13px;
	width: 140px;
	padding: 2px;
	border: 1px solid #333;
	font-size: 0.8em;
	color: #666;
}

/* Page Elements */
/*--------------------------------------------------*/

/* Home Page */

#Home #topbar
{
	color: white;
	text-align: left;
	background: url(images/FPI_Home_01.jpg);
	background-color: #8b251c;
}

#Home #topphoto 
{
	background: url(images/FPI_Home_02.jpg);
	height : 119px;
}

#Home .RootTabName
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	width: 200px;
	font-size: 1.2em;
	color: white;
	text-align: center;
	vertical-align: bottom;
	background-color: #8b251c;
}

/* NOAH Page */

#noah
{
	position: relative;
	top: 0;
	left: 0;
	width: 870px;
	height: 615px;
	text-align: left;
}

#noah #topbar
{
	color: white;
	text-align: left;
	background: url(images/FPI_noah_01.jpg);
	background-color: #8b251c;
}

#noah #topphoto 
{
	background: url(images/FPI_noah_02.jpg);
	height : 119px;
}

#noah .RootTabName
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	width: 200px;
	font-size: 1.2em;
	color: white;
	text-align: center;
	vertical-align: bottom;
	background-color: #8b251c;
}

/* Inside1 Page */

#Inside1
{
	width: 880;
height: auto;
	margin: 0 auto;
	text-align: center;
}

#Inside1 #topbar
{
	color: white;
	text-align: left;
	background: url(images/FPI_Inside_01.jpg);
}

#Inside1 #topphoto 
{
	background: url(images/FPI_Inside_02.jpg);
	height : 119px;
}

#Inside1 .RootTabName
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	width: 222px;
	font-size: 1.2em;
	color: white;
	text-align: center;
	vertical-align: bottom;
	background-color: #7030a0;
	border-right: maroon thin solid;
	border-top: maroon thin solid;
	border-left: maroon thin solid;
	border-bottom: maroon thin solid;
}
 
/* Inside2 Page */

#Inside2
{
	width: 880;
	margin: 0 auto;
	text-align: center;
}

#Inside2 #topbar
{
	color: white;
	text-align: left;
	background: url(images/FPI_Inside_01.jpg);
}

#Inside2 #topphoto 
{
	background: url(images/FPI_Inside_02.jpg);
	height : 119px;
}

#Inside2 .RootTabName
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	width: 222px;
	font-size: 1.2em;
	color: White;
	text-align: center;
	vertical-align: bottom;
	background-color: #ff6a00;
	border-right: maroon thin solid;
	border-top: maroon thin solid;
	border-left: maroon thin solid;
	border-bottom: maroon thin solid;
}
 
/* Inside3 Page */

#Inside3
{
	width: 880;
	margin: 0 auto;
	text-align: center;
}

#Inside3 #topbar
{
	color: white;
	text-align: left;
	background: url(images/FPI_Inside_01.jpg);
	background-color: Yellow;
}

#Inside3 #topphoto 
{
	background: url(images/FPI_Inside_02.jpg);
	height : 119px;
}

#Inside3 .RootTabName
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	width: 222px;
	font-size: 1.2em;
	color: white;
	text-align: center;
	vertical-align: bottom;
	background-color: #009a46;
	border-right: maroon thin solid;
	border-top: maroon thin solid;
	border-left: maroon thin solid;
	border-bottom: maroon thin solid;
}
 /* Inside4 Page */

#Inside4
{
	width: 880;
	margin: 0 auto;
	text-align: center;
}

#Inside4 #topbar
{
	color: white;
	text-align: left;
	background: url(images/FPI_Inside_01.jpg);
	background-color: Yellow;
}

#Inside4 #topphoto 
{
	background: url(images/FPI_Inside_02.jpg);
	height : 119px;
}

#Inside4 .RootTabName
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	width: 222px;
	font-size: 1.2em;
	color: white;
	text-align: center;
	vertical-align: bottom;
	background-color: #0070c0;
	border-right: maroon thin solid;
	border-top: maroon thin solid;
	border-left: maroon thin solid;
	border-bottom: maroon thin solid;
}
 
 /* Inside5 Page */
 
#Inside5
{
	width: 880;
	margin: 0 auto;
	text-align: center;
}


#Inside5 #topbar
{
	color: white;
	text-align: left;
	background: url(images/FPI_Inside_01.jpg);
	background-color: Yellow;
}

#Inside5 #topphoto 
{
	background: url(images/FPI_Inside_02.jpg);
	height : 119px;
}

#Inside5 .RootTabName
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	width: 222px;
	font-size: 1.2em;
	color: white;
	text-align: center;
	vertical-align: bottom;
	background-color: #ff0000;
	border-right: maroon thin solid;
	border-top: maroon thin solid;
	border-left: maroon thin solid;
	border-bottom: maroon thin solid;
}
 
 /* Inside6 Page */
#Inside6
{
	width: 880;
	margin: 0 auto;
	text-align: center;
}

#Inside6 #topbar
{
	color: white;
	text-align: left;
	background: url(images/FPI_Inside_01.jpg);
	background-color: Yellow;
}

#Inside6 #topphoto 
{
	background: url(images/FPI_Inside_02.jpg);
	height : 119px;
}

#Inside6 .RootTabName
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	width: 222px;
	font-size: 1.2em;
	color: white;
	text-align: center;
	vertical-align: bottom;
	background-color: #88b800;
	border-right: maroon thin solid;
	border-top: maroon thin solid;
	border-left: maroon thin solid;
	border-bottom: maroon thin solid;
}
 
 /* Speceial Menu Doors for the FPI Mall pages  */
 /* FPIMALL01 Page */
#MALL01
{
	position: relative;
	top: 0;
	left: 0;
	width: 870px;
	height: 615px;
	text-align: left;
}

#MALL01 #FPIMall01 a
{
	background: url(images/FPIMallMenu.jpg) 0 -100;
	vertical-align: bottom;
	color: Lime;	
}

#MALL01 #topbar
{
	float: left;
	color: white;
	text-align: left;
	background: url(images/FPI_Inside_01.jpg);
	z-index: 3;
}

#MALL01 #topphoto 
{
	background: url(images/Inside6.jpg);
	height : 119px;
}

#MALL01 .RootTabName
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	width: 200px;
	font-size: 1.2em;
	color: white;
	text-align: center;
	vertical-align: bottom;
	background-color: #88b800;
	border-right: maroon thin solid;
	border-top: maroon thin solid;
	border-left: maroon thin solid;
	border-bottom: maroon thin solid;
} 

 
 /* FPIMALL02 Page */
#MALL02
{
	position: relative;
	top: 0;
	left: 0;
	width: 870px;
	height: 615px;
	text-align: left;
}

#MALL02 #FPIMall02 a
{
	background: url(images/FPIMallMenu.jpg) 0 -100;
	vertical-align: bottom;
	color: Lime;	
	padding-top: 10px;
	padding-left: 15px;
}

#MALL02 #topbar
{
	float: left;
	color: white;
	text-align: left;
	background: url(images/FPI_Inside_01.jpg);
	z-index: 3;
}

#MALL02 #topphoto 
{
	background: url(images/Inside6.jpg);
	height : 119px;
}

#MALL02 .RootTabName
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	width: 200px;
	font-size: 1.2em;
	color: white;
	text-align: center;
	vertical-align: bottom;
	background-color: #88b800;
	border-right: maroon thin solid;
	border-top: maroon thin solid;
	border-left: maroon thin solid;
	border-bottom: maroon thin solid;
} 
 
 /* FPIMALL03 Page */
#MALL03
{
	position: relative;
	top: 0;
	left: 0;
	width: 870px;
	height: 615px;
	text-align: left;
}

#MALL03 #FPIMall03 a
{
	background: url(images/FPIMallMenu.jpg) 0 -100;
	vertical-align: bottom;
	color: Lime;	
	padding-top: 10px;
	padding-left: 15px;
}

#MALL03 #topbar
{
	float: left;
	color: white;
	text-align: left;
	background: url(images/FPI_Inside_01.jpg);
	z-index: 3;
}

#MALL03 #topphoto 
{
	background: url(images/Inside6.jpg);
	height : 119px;
}

#MALL03 .RootTabName
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	width: 200px;
	font-size: 1.2em;
	color: white;
	text-align: center;
	vertical-align: bottom;
	background-color: #88b800;
	border-right: maroon thin solid;
	border-top: maroon thin solid;
	border-left: maroon thin solid;
	border-bottom: maroon thin solid;
} 

 /* FPIMALL04 Page */
#MALL04
{
	position: relative;
	top: 0;
	left: 0;
	width: 870px;
	height: 615px;
	text-align: left;
}

#MALL04 #FPIMall04 a
{
	background: url(images/FPIMallMenu.jpg) 0 -100;
	vertical-align: bottom;
	color: Lime;	
	padding-top: 10px;
	padding-left: 15px;
}

#MALL04 #topbar
{
	float: left;
	color: white;
	text-align: right;
	background: url(images/FPI_Inside_01.jpg);
	z-index: 3;
}

#MALL04 #topphoto 
{
	background: url(images/Inside6.jpg);
	height : 119px;
}

#MALL04 .RootTabName
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	width: 200px;
	font-size: 1.2em;
	color: white;
	text-align: center;
	vertical-align: bottom;
	background-color: #88b800;
	border-right: maroon thin solid;
	border-top: maroon thin solid;
	border-left: maroon thin solid;
	border-bottom: maroon thin solid;
} 

 /* FPIMALL05 Page */
#MALL05
{
	position: relative;
	top: 0;
	left: 0;
	width: 870px;
	height: 615px;
	text-align: left;
}

#MALL05 #FPIMall05 a
{
	background: url(images/FPIMallMenu.jpg) 0 -100;
	vertical-align: bottom;
	color: Lime;	
	padding-top: 10px;
	padding-left: 15px;
}

#MALL05 #topbar
{
	float: left;
	color: white;
	text-align: right;
	background: url(images/FPI_Inside_01.jpg);
	z-index: 3;
}

#MALL05 #topphoto 
{
	background: url(images/Inside6.jpg);
	height : 119px;
}

#MALL05 .RootTabName
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	width: 200px;
	font-size: 1.2em;
	color: white;
	text-align: center;
	vertical-align: bottom;
	background-color: #88b800;
	border-right: maroon thin solid;
	border-top: maroon thin solid;
	border-left: maroon thin solid;
	border-bottom: maroon thin solid;
} 

 /* FPIMALL06 Page */
#MALL06
{
	position: relative;
	top: 0;
	left: 0;
	width: 870px;
	height: 615px;
	text-align: left;
}

#MALL06 #FPIMall06 a
{
	background: url(images/FPIMallMenu.jpg) 0 -100;
	vertical-align: bottom;
	color: Lime;	
	padding-top: 10px;
	padding-left: 15px;
}

#MALL06 #topbar
{
	float: left;
	color: white;
	text-align: right;
	background: url(images/FPI_Inside_01.jpg);
	z-index: 3;
}

#MALL06 #topphoto 
{
	background: url(images/Inside6.jpg);
	height : 119px;
}

#MALL06 .RootTabName
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	width: 200px;
	font-size: 1.2em;
	color: white;
	text-align: center;
	vertical-align: bottom;
	background-color: #88b800;
	border-right: maroon thin solid;
	border-top: maroon thin solid;
	border-left: maroon thin solid;
	border-bottom: maroon thin solid;
} 

 /* FPIMALL07 Page */
#MALL07
{
	position: relative;
	top: 0;
	left: 0;
	width: 870px;
	height: 615px;
	text-align: left;
}

#MALL07 #FPIMall07 a
{
	background: url(images/FPIMallMenu.jpg) 0 -100;
	vertical-align: bottom;
	color: Lime;	
	padding-top: 10px;
	padding-left: 15px;
}

#MALL07 #topbar
{
	float: left;
	color: white;
	text-align: right;
	background: url(images/FPI_Inside_01.jpg);
	z-index: 3;
}

#MALL07 #topphoto 
{
	background: url(images/Inside6.jpg);
	height : 119px;
}

#MALL07 .RootTabName
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	width: 200px;
	font-size: 1.2em;
	color: white;
	text-align: center;
	vertical-align: bottom;
	background-color: #88b800;
	border-right: maroon thin solid;
	border-top: maroon thin solid;
	border-left: maroon thin solid;
	border-bottom: maroon thin solid;
} 

 /* FPIMALL08 Page */
#MALL08
{
	position: relative;
	top: 0;
	left: 0;
	width: 870px;
	height: 615px;
	text-align: left;
}

#MALL08 #FPIMall08 a
{
	background: url(images/FPIMallMenu.jpg) 0 -100;
	vertical-align: bottom;
	color: Lime;	
	padding-top: 10px;
	padding-left: 15px;
}

#MALL08 #topbar
{
	float: left;
	color: white;
	text-align: right;
	background: url(images/FPI_Inside_01.jpg);
	z-index: 3;
}

#MALL08 #topphoto 
{
	background: url(images/Inside6.jpg);
	height : 119px;
}

#MALL08 .RootTabName
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	width: 200px;
	font-size: 1.2em;
	color: white;
	text-align: center;
	vertical-align: bottom;
	background-color: #88b800;
	border-right: maroon thin solid;
	border-top: maroon thin solid;
	border-left: maroon thin solid;
	border-bottom: maroon thin solid;
} 

 /* FPIMALL09 Page */
#MALL09
{
	position: relative;
	top: 0;
	left: 0;
	width: 870px;
	height: 615px;
	text-align: left;
}

#MALL09 #FPIMall09 a
{
	background: url(images/FPIMallMenu.jpg) 0 -100;
	vertical-align: bottom;
	color: Lime;	
	padding-top: 10px;
	padding-left: 15px;
}

#MALL09 #topbar
{
	float: left;
	color: white;
	text-align: right;
	background: url(images/FPI_Inside_01.jpg);
	z-index: 3;
}

#MALL09 #topphoto 
{
	background: url(images/Inside6.jpg);
	height : 119px;
}

#MALL09 .RootTabName
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	width: 200px;
	font-size: 1.2em;
	color: white;
	text-align: center;
	vertical-align: bottom;
	background-color: #88b800;
	border-right: maroon thin solid;
	border-top: maroon thin solid;
	border-left: maroon thin solid;
	border-bottom: maroon thin solid;
}  

/*  SPLASH  */

#Splash
{
	width: 100%;
	height: 100%;
	background-color: Black;
}

#Moon
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 407px;
	height: 342px;
	background-position: 0% 0%;
	background-image: url(images/FPI_Splash-Moon.jpg);
	background-color: transparent;
}

#Words
{
	position: relative;
	float: left;
	width: 316px;
	height: 181px;
	margin-top: 21%;
	margin-left: 40%;
	background: url(images/FPI_Splash-Words.gif);
	background-color: Transparent;
	z-index: 2;
}

#People
{
	position: absolute; right: 10px; bottom: 10px;
	width: 343px;
	height: 217px;
	background-image: url(images/FPI_Splash-People.jpg);
	background-color: transparent;
}

#ClickToContinue
{
	position: absolute;
	font-size: .9em;
	width: 120px;
	height: 30px;
	top: 75%;
	left: 50%;		
	color: #dddee0;
}

a:hover
{
	text-decoration: underline;
}

/* Main Menu Roll Over's  */
/* About Financial Planning   */

#MainMenu01
{
	float: left;
	height: 50px;
	width: 150px;
	z-index: 3;
}
#MainMenu01 a
{
	float: left;
	height: 50px;
	width: 150px;
	background: url(images/01_AboutFinancialPlanning.jpg) 0 0;
	z-index: 3;
}
#MainMenu01 a:hover
{
	background: url(images/01_AboutFinancialPlanning.jpg) 0 -50;
	vertical-align: bottom;	
	z-index: 3;
}
#MainMenu01 a:active
{
	background: url(images/01_AboutFinancialPlanning.jpg) 0 -50;
	vertical-align: bottom;
	z-index: 3;
}

#MainMenu02
{
	float: left;
	height: 50px;
	width: 150px;
	z-index: 3;
}
#MainMenu02 a
{
	float: left;
	height: 50px;
	width: 150px;
	background: url(images/02_BecomeAMember.jpg) 0 0;
	z-index: 3;
}
#MainMenu02 a:hover
{
	background: url(images/02_BecomeAMember.jpg) 0 -50;
	vertical-align: bottom;	
	z-index: 3;
}
#MainMenu02 a:active
{
	background: url(images/02_BecomeAMember.jpg) 0 -50;
	vertical-align: bottom;
	z-index: 3;
}

#MainMenu03
{
	float: left;
	height: 50px;
	width: 150px;
	z-index: 3;
}
#MainMenu03 a
{
	float: left;
	height: 50px;
	width: 150px;
	background: url(images/03_ProfessionalMembership.jpg) 0 0;
	z-index: 3;
}
#MainMenu03 a:hover
{
	background: url(images/03_ProfessionalMembership.jpg) 0 -50;
	vertical-align: bottom;	
	z-index: 3;
}
#MainMenu03 a:active
{
	background: url(images/03_ProfessionalMembership.jpg) 0 -50;
	vertical-align: bottom;
	z-index: 3;
}

#MainMenu04
{
	float: left;
	height: 50px;
	width: 150px;
	z-index: 3;
}
#MainMenu04 a
{
	float: left;
	height: 50px;
	width: 150px;
	background: url(images/04_MemberBenefits.jpg) 0 0;
	z-index: 3;
}
#MainMenu04 a:hover
{
	background: url(images/04_MemberBenefits.jpg) 0 -50;
	vertical-align: bottom;	
	z-index: 3;
}
#MainMenu04 a:active
{
	background: url(images/04_MemberBenefits.jpg) 0 -50;
	vertical-align: bottom;
	z-index: 3;
}

#MainMenu05
{
	float: left;
	height: 50px;
	width: 150px;
	z-index: 3;
}
#MainMenu05 a
{
	float: left;
	height: 50px;
	width: 150px;
	background: url(images/05_CodeOfEthics.jpg) 0 0;
	z-index: 3;
}
#MainMenu05 a:hover
{
	background: url(images/05_CodeOfEthics.jpg) 0 -50;
	vertical-align: bottom;	
	z-index: 3;
}
#MainMenu05 a:active
{
	background: url(images/05_CodeOfEthics.jpg) 0 -50;
	vertical-align: bottom;
	z-index: 3;
}

#MainMenu06
{
	float: left;
	height: 50px;
	width: 150px;
	z-index: 3;
}
#MainMenu06 a
{
	float: left;
	height: 50px;
	width: 150px;
	background: url(images/06_AnnualConvention.jpg) 0 0;
	z-index: 3;
}
#MainMenu06 a:hover
{
	background: url(images/06_AnnualConvention.jpg) 0 -50;
	vertical-align: bottom;	
	z-index: 3;
}
#MainMenu06 a:active
{
	background: url(images/06_AnnualConvention.jpg) 0 -50;
	vertical-align: bottom;
	z-index: 3;
}

#MainMenu07
{
	float: left;
	height: 50px;
	width: 150px;
	z-index: 3;
}
#MainMenu07 a
{
	float: left;
	height: 50px;
	width: 150px;
	background: url(images/07_Event.jpg) 0 0;
	z-index: 3;
}
#MainMenu07 a:hover
{
	background: url(images/07_Event.jpg) 0 -50;
	vertical-align: bottom;	
	z-index: 3;
}
#MainMenu07 a:active
{
	background: url(images/07_Event.jpg) 0 -50;
	vertical-align: bottom;
	z-index: 3;
}

#MainMenu08
{
	float: left;
	height: 50px;
	width: 150px;
	z-index: 3;
}
#MainMenu08 a
{
	float: left;
	height: 50px;
	width: 150px;
	background: url(images/08_BoardAssessment.jpg) 0 0;
	z-index: 3;
}
#MainMenu08 a:hover
{
	background: url(images/08_BoardAssessment.jpg) 0 -50;
	vertical-align: bottom;	
	z-index: 3;
}
#MainMenu08 a:active
{
	background: url(images/08_BoardAssessment.jpg) 0 -50;
	vertical-align: bottom;
	z-index: 3;
}

#MainMenu09
{
	float: left;
	height: 50px;
	width: 150px;
	z-index: 3;
}
#MainMenu09 a
{
	float: left;
	height: 50px;
	width: 150px;
	background: url(images/09_MyAccount.jpg) 0 0;
	z-index: 3;
}
#MainMenu09 a:hover
{
	background: url(images/09_MyAccount.jpg) 0 -50;
	vertical-align: bottom;	
	z-index: 3;
}
#MainMenu09 a:active
{
	background: url(images/09_MyAccount.jpg) 0 -50;
	vertical-align: bottom;
	z-index: 3;
}

#MainMenu10
{
	float: left;
	height: 50px;
	width: 150px;
	z-index: 3;
}
#MainMenu10 a
{
	float: left;
	height: 50px;
	width: 150px;
	background: url(images/10_CFPNews.jpg) 0 0;
	z-index: 3;
}
#MainMenu10 a:hover
{
	background: url(images/10_CFPNews.jpg) 0 -50;
	vertical-align: bottom;	
	z-index: 3;
}
#MainMenu10 a:active
{
	background: url(images/10_CFPNews.jpg) 0 -50;
	vertical-align: bottom;
	z-index: 3;
}

#MainMenu11
{
	float: left;
	height: 50px;
	width: 150px;
	z-index: 3;
}
#MainMenu11 a
{
	float: left;
	height: 50px;
	width: 150px;
	background: url(images/11_Marketing.jpg) 0 0;
	z-index: 3;
}
#MainMenu11 a:hover
{
	background: url(images/11_Marketing.jpg) 0 -50;
	vertical-align: bottom;	
	z-index: 3;
}
#MainMenu11 a:active
{
	background: url(images/11_Marketing.jpg) 0 -50;
	vertical-align: bottom;
	z-index: 3;
}

#MainMenu12
{
	float: left;
	height: 50px;
	width: 150px;
	z-index: 3;
}
#MainMenu12 a
{
	float: left;
	height: 50px;
	width: 150px;
	background: url(images/12_ReportMisconduct.jpg) 0 0;
	z-index: 3;
}
#MainMenu12 a:hover
{
	background: url(images/12_ReportMisconduct.jpg) 0 -50;
	vertical-align: bottom;	
	z-index: 3;
}
#MainMenu12 a:active
{
	background: url(images/12_ReportMisconduct.jpg) 0 -50;
	vertical-align: bottom;
	z-index: 3;
}

#MainMenu13
{
	float: left;
	height: 50px;
	width: 150px;
	z-index: 3;
}
#MainMenu13 a
{
	float: left;
	height: 50px;
	width: 150px;
	background: url(images/13_FPIVacancies.jpg) 0 0;
	z-index: 3;
}
#MainMenu13 a:hover
{
	background: url(images/13_FPIVacancies.jpg) 0 -50;
	vertical-align: bottom;	
	z-index: 3;
}
#MainMenu13 a:active
{
	background: url(images/13_FPIVacancies.jpg) 0 -50;
	vertical-align: bottom;
	z-index: 3;
}

#MainMenu14
{
	float: left;
	height: 50px;
	width: 150px;
	z-index: 3;
}
#MainMenu14 a
{
	float: left;
	height: 50px;
	width: 150px;
	background: url(images/14_ReportMisconduct.jpg) 0 0;
	z-index: 3;
}
#MainMenu14 a:hover
{
	background: url(images/14_ReportMisconduct.jpg) 0 -50;
	vertical-align: bottom;	
	z-index: 3;
}
#MainMenu14 a:active
{
	background: url(images/14_ReportMisconduct.jpg) 0 -50;
	vertical-align: bottom;
	z-index: 3;
}


#MainMenu15
{
	float: left;
	height: 50px;
	width: 150px;
	z-index: 3;
}
#MainMenu15 a
{
	float: left;
	height: 50px;
	width: 150px;
	background: url(images/15_ContactUs.jpg) 0 0;
	z-index: 3;
}
#MainMenu15 a:hover
{
	background: url(images/15_ContactUs.jpg) 0 -50;
	vertical-align: bottom;	
	z-index: 3;
}
#MainMenu15 a:active
{
	background: url(images/15_ContactUs.jpg) 0 -50;
	vertical-align: bottom;
	z-index: 3;
}

#MainMenu16
{
	float: left;
	height: 50px;
	width: 150px;
	z-index: 3;
}
#MainMenu16 a
{
	float: left;
	height: 50px;
	width: 150px;
	background: url(images/16_FindAFP.jpg) 0 0;
	z-index: 3;
}
#MainMenu16 a:hover
{
	background: url(images/16_FindAFP.jpg) 0 -50;
	vertical-align: bottom;	
	z-index: 3;
}
#MainMenu16 a:active
{
	background: url(images/16_FindAFP.jpg) 0 -50;
	vertical-align: bottom;
	z-index: 3;
}

