/*-- this attempts to compensate for dnn's insertion of relative paths --*/
/* .dummmmmy { background: url(/fbcmboro/Portals/0/Skins/FBC_Skin//Portals/15/Skins/Pinto Skin//Localsite/Portals/_default/Skins/Tabs v002/no_image.gif);} */



/*-- insurance --*/
html {
	height: 100%;
	width: 100%;
}


/*-- insurance --*/
body {
	margin: 0;
	height: 100%;
	width: 100%;
	background: #E7E1D5;
}


/*-- created so that the patterned bg doesn't extend up into the admin area --*/
#FullScreen {
	width: 100%;
	height: 100%;
	background: url(bg_main.gif);
}


/*-- casts a shadow onto the patterned bg --*/
.BgShadow {
	width: 16px;
	background: url(bg_shadow.gif) repeat-y;
}


/*-- cell containg the logo --*/
.A1 {
	background: url(a1.jpg) no-repeat top left;
	width: 306px;
	height: 118px;
}


/*-- cell containing the login tokens --*/
.A2 {
	width: 295px;
	height: 118px;
	background: url(a2.jpg) no-repeat top ;
	text-align: right;
	font-weight: normal;
	color: #938970;
}


/*-- login box floater --*/
#LoginBox {
	background: url(logout_edge.gif) top left no-repeat;
	float: right;
	height: 30px;
	padding: 10px 0 0 46px;
}



/*-- cell containing the church photo --*/
.A3 {
	width: 154px;
	height: 118px;
	background: url(a3.jpg) no-repeat;
}


/*-- cell that holds the menu --*/
.MenuHolder {
	background: url(bg_menu.jpg) no-repeat;
	height: 41px;
	padding-left: 47px;
	padding-top: 4px;
	width: 100%;
}


/*-- cell that holds the menu -  ADMIN ONLY --*/
.MenuHolderAdmin {
	background: url(bg_admin_menu.jpg) no-repeat;
	height: 41px;
	padding-left: 47px;
	padding-top: 4px;
	width: 100%;
}


/*-- background for the left pane content --*/
.B1 {
	width: 306px;
	background: url(b1.gif) repeat-y;
}


/*-- background for the content pane - ADMIN ONLY --*/
.B1Admin {
	width: 40px;
	background: url(b1_admin.gif) repeat-y;
}



/*-- casts shadow onto the right content area --*/
.B2 {
	width: 12px;
	background: url(b2.gif) repeat-y;
}


/*-- background of right content area --*/
.B3 {
	background: #E7E1D5;
}


/*-- beveled right edge of right content area --*/
.B4 {
	width: 12px;
	background: url(b4.gif) repeat-y;
}


/*-- cell containing the brown curve under the left content --*/
.C1 {
	width: 306px;
	height: 29px;
	background: url(c1.gif) no-repeat;
}


/*-- cell containing the brown curve under the left content - ADMIN ONLY --*/
.C1Admin {
	width: 306px;
	height: 29px;
	background: url(c1_admin.gif) no-repeat;
}


/*-- casts shadow on to green footer area --*/
.C2 {
	width: 12px;
	background: url(c2.gif) repeat-y;
}


/*-- green cell containing copyright stuff --*/
.C3 {
	background: #52826C;
	color: #BDCDC5;
	text-align: right;
	padding: 6px 16px 0 0;
}


/*-- beveled edge of green footer area --*/
.C4 {
	width: 12px;
	background: url(c4.gif) repeat-y;
}

/*-- Stuff Darren Added --*/
/*-- background for the left pane content --*/
.D1 {
	width: 306px;
	height: 100px;
	background: url(d1.gif) repeat-y;
}

/*-- casts shadow onto the right content area --*/
.D2 {
	width: 12px;
	background: url(d2.gif) repeat-y;
}


/*-- background of right content area --*/
.D3 {
	background: #E7E1D5;
}


/*-- beveled right edge of right content area --*/
.D4 {
	width: 12px;
	background: url(d4.gif) repeat-y;
}
/*-- End Stuff Darren added --*/

/*-- holds the left side content --*/
.LeftPaneClass {
	margin-left: 55px;
	display: block;
	width: 228px;
}


/*-- holds the right side content --*/
.ContentPaneClass {
	display: block;
	margin: 20px 0 40px 14px;
	width: 98%;
}

.AdminContentPaneClass {
	display: block;
	margin: 20px 0 40px 14px;
	width: 98%;
}


/*-- catch-all --*/
table, tr, td, p {
	font-family: tahoma;
	font-size: 11px;
	line-height: 1.4em;
}






/*== main menu styles ======================================*/
/*==========================================================*/


/*-- box that holds the menu --*/
.MainMenu_MenuContainer {
	background-color: transparent;
}


/*-- bar that holds the menu? --*/
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	background: transparent;
}


/*-- applies to items in submenus only --*/
.MainMenu_MenuItem {
	font-family: tahoma; 
	color: #938871;
	font-size: 11px;
	background: transparent;
	font-weight: bold; 
	font-style: normal; 
	border: #D7D0BF 1px solid;
	padding: 1px 4px 2px 1px;
}


/*-- hover state in submenus only --*/
.MainMenu_MenuItemSel {
	font-family: tahoma; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
	cursor: pointer; 
	cursor: hand; 
	color: #E6E1D4;
	background: #9D8E70;
	border-left: #9D8E70 1px solid;
	border-right: #9D8E70 1px solid;
	padding: 1px 4px 2px 1px;
}


/*-- submenu container --*/
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 1px 0px 0px 1px;
	background-color: #D7D0BF;
	border: #A2967D 1px solid;
	padding: 1px;
}


/*-- idle state for root menu items --*/
.MainMenu_Idle {
	color: #938871;
	background: transparent;
	padding: 1px 4px 2px 1px;
}


/*-- hover state for root menu items --*/
.MainMenu_Selected {
	color: #E6E1D4;
	background: transparent;
	padding: 1px 4px 2px 1px;
}


/*-- applies to the active root menu item --*/
.MainMenu_Active, .MainMenu_BreadcrumbActive {
	color: #E6E1D4;
	background: transparent;
	padding: 1px 4px 2px 1px;
}


/*-- stuff we don't need to see --*/
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon, .MainMenu_MenuBreak {
	display: none;
}






/*== module menu styles ====================================*/
/*==========================================================*/


/*-- container for module menus --*/
.ModuleTitle_MenuContainer {
	color: #2c2c2c;
}


/*-- bar for module menus --*/
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand;
}


/*-- menu items --*/
.ModuleTitle_MenuItem {
	font-family: tahoma; 
	color: #938871;
	font-size: 11px;
	background: transparent;
	font-weight: bold; 
	font-style: normal; 
	border: #D7D0BF 1px solid;
	padding: 1px 14px 2px 4px;
}


/*-- submenu container --*/
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 5px 0px 0px 0px;
	background-color: #D7D0BF;
	border: #A2967D 1px solid;
	padding: 1px 1px 1px 1px;
}


/*-- hover state --*/
.ModuleTitle_MenuItemSel {
	font-family: tahoma; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
	cursor: pointer; 
	cursor: hand; 
	color: #E6E1D4;
	background: #2E2B1F;
	border-left: #2E2B1F 1px solid;
	border-right: #2E2B1F 1px solid;
	padding: 1px 14px 2px 4px;
}


/*-- don't need this stuff --*/
.ModuleTitle_MenuBreak, .ModuleTitle_MenuIcon, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow   {
	display: none;
}






/*== "legacy" styles =======================================*/
/*==========================================================*/


/*-- i don't think this gets used, but didn't want to delete it --*/
.SelectedTab {
    color: #2F2B20;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
}


/*-- i don't think this gets used, but didn't want to delete it --*/
.SubHead    {
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #2f2f2f;
	padding: 0;
}






/*== linky linky ===========================================*/
/*==========================================================*/


/*-- for links in the green footer area --*/
a.FooterLinks:link, a.FooterLinks:visited {
	color: #BDCDC5;
	text-decoration: underline;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}

a.FooterLinks:hover {
	color: #BDCDC5;
	text-decoration: none;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}


/*-- unselected tabs --*/
a.OtherTabs:link, a.OtherTabs:visited, a.OtherTabs:active, .OtherTabs {
    text-decoration: none;
    color: #555349;
	background-color: transparent;
	border: 0;
	font-weight: bold;
}

a.OtherTabs:hover    {
    text-decoration: underline;
    color: #555349;
	background-color: transparent;
	border: 0;
	font-weight: bold;
}


/*-- makes links brown! --*/
a.BrownLink:link, a.BrownLink:visited {
	color: #93876D;
	text-decoration: none;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
}

a.BrownLink:hover {
	color: #E5E1D5;
	text-decoration: none;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
}


/*-- also makes links brown? --*/
a.SubHead:link, a.SubHead:visited {
	color: #2F2B20;
	text-decoration: none;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}

a.SubHead:hover {
	color: #2F2B20;
	text-decoration: none;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}


/*-- fancy links that look like buttons! --*/
a.CommandButton:link, a.CommandButton:visited {
	color: #BEB6A0;
	padding: 1px 5px 2px 6px;
	border-top: 1px solid #9D8E70;
	border-bottom: 1px solid #090804;
	border-left: 1px solid #9D8E70;
	border-right: 1px solid #090804;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	background: #2E2B1F;
}

a.CommandButton:hover {
	color: #E6E1D4;
	padding: 1px 5px 2px 6px;
	border-top: 1px solid #9D8E70;
	border-bottom: 1px solid #090804;
	border-left: 1px solid #9D8E70;
	border-right: 1px solid #090804;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	background: #2E2B1F;
}


/*-- normal links --*/
a.Normal:link, a.Normal:visited, a.Normal:active {
	color: #555349;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

a.Normal:hover {
	color: #555349;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}


/*-- default link styles --*/
a:link, a:visited, a:active {
	color: #555349;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

a:hover {
	color: #555349;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}









/*== container styles ======================================*/
/*==========================================================*/


/*-- container head --*/
.ContainerHead {
	
}


/*-- container body --*/
.ContainerBody {
	margin-bottom: 30px;
}


/*-- for all module titles --*/
.Head {
	font-size: 13px;
	font-family: tahoma;
	color: #555349;
	width: 100%;
	background: transparent;
	font-weight: bold;
	padding: 0;
	padding-bottom: 10px;
	display: block;
}


/*-- makes the module title in the logo pane invisible --*/
.A1 .Head {
	display: none;
}







/*== text styles ===========================================*/
/*==========================================================*/



/*-- for all basic text --*/
.Normal {
	font-family: tahoma;
	font-size: 11px;
	line-height: 1.4em;
	color: #555349;
}


/*-- for highlighted text --*/
.NormalRed {
	color: #555349;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
}


/*-- for bold text --*/
.NormalBold {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
}

/*== Misc Styles Added by Darren===========================================*/
/*==========================================================*/
.AnnouncementHeader {
	color: #555349;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
}


/*== form styles ===========================================*/
/*==========================================================*/


/*-- ensures that all drop-downs and text boxes use the same font size --*/
select, input {
	font-family: tahoma;
	font-size: 11px;
	color: #555349;
}


/*-- dnn seems to apply this class to all input boxes --*/
.NormalTextBox {
	color: #555349;
	padding-left: 4px;
	line-height: 12px;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	scrollbar-face-color: #d0d0d0;
	scrollbar-track-color: #d0d0d0;
	scrollbar-arrow-color: #2f2f2f;
	scrollbar-3dlight-color: #d0d0d0;
	scrollbar-shadow-color: #d0d0d0;
	scrollbar-highlight-color: #d0d0d0;
	scrollbar-darkshadow-color: #d0d0d0;
}


/*-- prevents borders from showing up in form tables --*/
td.NormalTextBox {
	padding: 0;
	margin: 0;
	background: transparent;
	visibility: invisible;
}