@charset "utf-8";
/*-----------------------------------------------------------------------------
Families Commission Style Sheet

version:   1.0
Updated:   15/01/08
author:    dean packwood
email:     dean@totem.co.nz
website:   http://www.totem.co.nz/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
p, pre, blockquote, form, fieldset, table {
  margin:0 15px 0.8em 11px;
}
#sidebarLeft p {
  margin-left: 8px;
}
h1, h2, h3, h4, h5, h6 {
  margin:0 15px 0.5em 11px;
}
h3 {
  margin:5px 15px 0 11px;
}
/* Remove border around linked images */
img {
	border: 0;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
font: 0.8em/1.2 "Arial", Helvetica, sans-serif;
color:#333;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */	
background-color: transparent;
}
h1 {
padding-bottom:2px;
font-size:1.6em;
border-bottom:#9CC 1px dashed;
color:#C00;
}
h2 {
padding-bottom:2px;
font-size:1.3em;
color:#036;
border-bottom:#9CC 1px dashed;
}
.home #sidebarLeft h2 {
padding:5px 5px 5px 8px;
color:#FFF;
margin:0 0 5px; 0;
font-size:1.3em;
border-bottom:none;
background: url(../images/families_corner_right_top_red.gif) right top no-repeat #C00;
}
h3 {
font-size:1.1em;
color:#036;
}
h4 {
font-size:0.9em;
}
ul {
/* sack margin:0;
padding:0;
list-style:none;
font-weight:bold; */
list-style:none;
margin-left:8px;
padding:0;
}
ul.lrg {
font-weight:bold;
	}
.underline {
	border-bottom:1px dashed #9CC;
	margin-bottom: 8px;
}
#midWrapper ul {
padding-bottom:8px;
}
#midWrapper .sitemap ul {
padding-bottom:0;
}
li {
background:transparent url(../images/bullets/families_bullet_link.gif) no-repeat scroll 0 4px;
margin:0;
padding:0 8px 0 12px;
font-size:0.9em;
}
li li {
	font-size: 1em;
}
ul.lrg li, li.lrg {
background:transparent url(../images/bullets/families_bullet_link_lrg.gif) no-repeat scroll 0 7px;
margin:0;
padding:5px 8px 0 12px;
}

.highlight {
color:#C00;
font-weight:bold;
}
#mainWrapper.sitemap #mainContent li {
	font-size: 12px;
}
/* =Containers
-----------------------------------------------------------------------------*/

#mainWrapper { 
	width: 930px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:#FFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
			/* Hack: force vertical scrollbar for IE */
		*height:100.1%;
		/* End hack */
}
#midWrapper {
background:url(../images/families_main_bg.gif) left repeat-y #FFF;
margin-top:23px;
}
.home #midWrapper {
background:none;
background-color:#DFEFEF;
}
/* =Headings
-----------------------------------------------------------------------------*/
#header { 
	padding: 0;
}
#header_inner, #header_inner_H, #header_inner_B, #header_inner_C, #header_inner_D, #header_inner_E, #header_inner_F, #header_inner_G, #header_inner_Z, #header_inner_L, #header_inner_M { 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:130px;
	border:none;
}
/* Header changeouts */
#header_inner_Z, #header_inner_H, #header_inner_L, #header_inner, .home #header_inner, #header_inner_M {
background:url(../images/banners/families_banner_home.png) left top no-repeat #FFD224;
}
#header_inner_B { /* Keeping your familiy safe */
background:url(../images/banners/families_banner_1.png) left top no-repeat #FFD224;
}
#header_inner_C { /* Health and wellbeing */
background:url(../images/banners/families_banner_2.png) left top no-repeat #FFD224;
}
#header_inner_D { /* Relationships */
background:url(../images/banners/families_banner_3.png) left top no-repeat #FFD224;
}
#header_inner_E { /* Daily challenges */
background:url(../images/banners/families_banner_4.png) left top no-repeat #FFD224;
}
#header_inner_F { /* Life Stages */
background:url(../images/banners/families_banner_5.png) left top no-repeat #FFD224;
}
#header_inner_G { /* Parent types */
background:url(../images/banners/families_banner_6.png) left top no-repeat #FFD224;
}
/* end changeouts */
#header img {
margin:0;
padding:0;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#header .breadcrumb {
margin:43px 8px 0 0;
padding:0;
font-size:11px;
}
#header A:link, #header A:visited, #header A:active {
font-weight:bold;
text-decoration:none;
margin-bottom:8px;
}
#header A:hover {
font-weight:bold;
text-decoration:none;
}

/* =Links
-----------------------------------------------------------------------------*/

a:link, a:visited, a:active {
color:#036;
/* Sack font-weight: bold; */
}
a:hover {
color:#C00;
}
#mainWrapper ul a {
/* Sack	font-weight: normal; */
}
#mainWrapper ul .lrg a, #mainnav a span {
	font-weight: bold;
}
.top a {
text-decoration:none;
font-size:0.9em;
color:#7F6E53;
}
#mainContent .top {
padding:0 0 3px 0;
margin:0px 15px 0 11px;
border-bottom:#999 dashed 1px;
}
.styleswitcher {
background: url(../images/bullets/families_button_AAA_f01.gif) left top no-repeat;
display:inline;
}
.videolink { 
	float: left;
	margin-left:22px;
	display: inline;
	width:135px;	
}
.page_watch_sht .videolink {
clear:left;
margin:5px 0 0 10px;
}
.video_wrapper {
margin:0 0 0px 20px;
}
.home .video_wrapper {
margin:0;
}
.video_wrapper .moreLink {
	float:right;
}
.video_title, .highlight_red { 
	color:#C00;
	font-weight:bold;
	font-size:12px;
	padding:5px 0px 5px 0px;
	overflow:auto;
}
.video_pic {
padding:2px 0px 0px 0px;
background-color:#CCD6E0;
text-align:center;
width:94px;
}
.video_time {
display:block;
background:url(../images/families_video_shadow.gif) left top repeat-x;
text-align:right;
font-size: 11px;
font-weight:bold;
color:#333;
padding:2px 0 2px 0;
width: 94px;
}
#video_transcript {
text-align:left;
}
#video_transcript a {
color:#036;
}
#video_transcript p {
margin-left:0px;
}
#video_transcript li {
/* background-image:none;
margin:0px 0px 0px 55px;
padding:5px 11px 5px 0px; */
}
#video_transcript img {
vertical-align:middle;
}
.moreLink {
	}
a.moreLink:link, a.moreLink:visited, a.moreLink:active, a.moreLink:active {
color:#C00;
text-decoration: none;
}
/* =Branding
-----------------------------------------------------------------------------*/




/* =Main Nav
-----------------------------------------------------------------------------*/
#mainnav {
width:100%;
background:#FFF;
line-height:normal;
margin-bottom:25px;
}
.home #mainnav {
margin-bottom:0;
}
#mainnav ul {
margin:0;
list-style:none;
}
#mainnav li {
display:inline;
margin:0;
padding:0;
}
#mainnav a {
float:left;
background:url(../images/families_mainnav_link.gif) no-repeat left bottom;
margin:0 4px 0 0;
padding:0 4px 0 4px;
border-right:#9CC 1px solid;
text-decoration:none;
}
#mainnav a span {
float:left;
display:block;
padding:2px 8px 4px 8px;
color:#7F6E53;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainnav a span {float:none;}
/* End IE5-Mac hack */
#mainnav a:hover span, #mainnav a.active span {
color:#FFF;
}
#mainnav a:hover, #mainnav a.active {
background:#C00;
border-right:#C00 1px solid;
background:url(../images/families_mainnav_link_active.gif) no-repeat left bottom #C00;
}

/* =Sub Nav
-----------------------------------------------------------------------------*/
#sidebarRight * {
margin:0;
padding:0;
}
#sidebarRight li {
padding:5px 8px 0 20px;
margin:0;
}
#sidebarRight h4, #sidebarRight p {
padding:3px 5px 0.5em 5px;
}
#sidebarRight ul {
margin-bottom:8px;
padding:0;
list-style:none;
}

.breadcrumb {
color:#333;
font-size:0.9em;
font-weight: bold;
}
#mainContent .breadcrumb {
padding:0 11px 10px;
}
.breadcrumb a {
text-decoration:none;
font-weight: normal;
}
.breadcrumb strong {
color:#333;
font-weight:bold;
}
#questions {
padding-bottom:10px;
}
#questions h3 {
padding:3px 3px 3px 10px;
color:#FFF;
background: url(../images/families_corner_right_top.gif) right top no-repeat #C00;
}
#questions li {
background:url(../images/bullets/families_bullet_question.gif) 5px 5px no-repeat;
}
#questions a {
text-decoration:none;
color:#333;
}

#recommended_links {
padding-bottom:10px;
}
#recommended_links .content, #questions .content {
border-left:#9CC 1px solid;
border-right:#9CC 1px solid;
border-bottom:#9CC 1px solid;
 }
#recommended_links, #helpful_tips {
padding-bottom:10px;
}
#recommended_links h3 {
padding:3px 3px 3px 10px;
color:#036;
background: url(../images/families_corner_right_top.gif) right top no-repeat #FFD225;
}
#recommended_links h4 {
font-size:1em;
color:#C00;
font-weight:bold;
}
#recommended_links ul {
	margin-bottom: 8px;
	}
#recommended_links li {
background:url(../images/bullets/families_bullet_link_lrg.gif) 5px 7px no-repeat;
}
#mainWrapper #recommended_links a {
font-weight:bold;
}
#helpful_tips {
background-color:#FFF;
margin:0 20px 10px 20px;
}
.home #helpful_tips {
float:right;
width:308px;
margin:0;
}
.page_watch_sht #helpful_tips {
margin:0;
}
#helpful_tips h2 {
margin:0;
color:#036;
background: url(../images/families_corner_left_top_blue.gif) left top no-repeat #FFD225;
padding:3px 3px 3px 10px;
font-size:1.1em;
color:#036;
}
.home #helpful_tips h2 {
 background: #FFD225 url(../images/families_corner_left_top.gif) no-repeat scroll left top;
 min-height:22px;
 padding:5px 3px 0 12px;
 border: none;
}
* html .home #helpful_tips h2 {
	 height:23px; /* IE6 Fix */
	}
.page_watch_sht #helpful_tips h3 {
background: url(../images/families_corner_left_top.gif) left top no-repeat #FFD225;
}

#helpful_tips p {
margin:3px 3px 3px 10px;
}
#helpful_tips h3 {

	margin:3px 3px 3px 0;
padding-left:11px;
	}
.home #mainHeading {
margin:0;
padding:0;
background-color:#FFF;
border:none;
}
.home #mainHeading h1 {
border:none;
color:#003366;
font-size:1.7em;
margin:0 0 0 11px;
}

/* SpryMenuBarVertical.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/
#menuBarWrapper {

margin:0;
}
#MenuBar1, #MenuBar2 {
background:#FFF;
line-height:1;
}
#MenuBar2 {
margin-right:10px;
}
.home #MenuBar1, .home #MenuBar2 {
float:right;
background:#FFF;
}
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
/*	font-size: 100%; */
	cursor: default;
	width: 192px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 192px;
	background:none;
}

/* Submenus should appear slightly overlapping to the right (145px) and up (-1px) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
#menuBarWrapper ul.MenuBarVertical ul
{
	padding: 0 4px 2px 0;
	/* HACK: IE padding fix*/
	*padding: 0 2px 2px 0;
	/* End fix */
	list-style-type: none;
	font-size: 100%;
/*	position: absolute;
	z-index: 1020;
	left: -1000em;
	top: 0;
		margin: -1px 0 0 145px;
	 */
	cursor: default;
	width: 200px;
	top: 0;
	background-color:#999;
}
/* #Sub_menuBarWrapper */
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
#menuBarWrapper ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
#menuBarWrapper ul.MenuBarVertical ul li
{
	width: 200px;
}

#menuBarWrapper ul a
{
	display: block;
	cursor: pointer;
	padding: 3px 8px 3px 8px;
	text-decoration:none;
	font-weight: bold;
}
#menuBarWrapper ul li.menu_sub_item a, #menuBarWrapper ul li.menu_sub_item_first a, #menuBarWrapper ul li.menu_sub_item_last a, #menuBarWrapper ul li.menu_sub_item_first_last a {
background:transparent url(../images/bullets/families_bullet_link.gif) no-repeat scroll left 5px;
font-size:0.9em;
padding:4px 0 4px 11px;
}
#menuBarWrapper ul li.menu_sub_item a.expand {
	background: #9CC url(../images/bullets/families_bullet_link_active.gif) no-repeat scroll left 5px;
	}
ul.MenuBarVertical ul a.MenuBarItemHover {
text-decoration:underline;
}
.menu_sub_item {
}
.menu_sub_item_first {
}
.menu_sub_item_last {
}
.menu_lvl3 {
	}
.menu_lvl3_first {
	}
#menuBarWrapper ul li.menu_lvl3 a
 {
background:transparent url(../images/bullets/families_bullet_2nd_lvl_link.gif) no-repeat scroll 11px 5px;
font-size:0.9em;
font-weight:normal;
padding:4px 0 4px 22px;
border-bottom: none;
border-left: #9CC solid 1px;
border-right: #9CC solid 1px;
	}
#menuBarWrapper li.menu_lvl3 a.active,
#menuBarWrapper li.menu_lvl3 a:hover
 {
color:#036;
background:#DFEFEF url(../images/bullets/families_bullet_2nd_lvl_link_light.gif) no-repeat scroll 11px 5px;
}
#menuBarWrapper li.menu_lvl3 a .active
 {
color:#036;
background:#DFEFEF url(../images/bullets/families_bullet_2nd_lvl_link_light.gif) no-repeat scroll 11px 5px;
}
.homeMenu a {
	font-weight: normal;
	}
.homeMenu {
float:left;
width:295px;
margin-bottom:5px;
	}
#midWrapper .homeMenu ul {
	padding-bottom: 0;
}
.parentingTopicsList .homeMenu {
	width:230px;
	}
.home .homeMenu ul li {
display:inline;
background: none;
padding-left:0;
	}
.homeMenu .moreLink {
border-bottom:1px dotted #999999;
display:block;
font-size:11px;
font-weight:bold;
margin:0 0 8px 8px;
text-align:right;
	}
.homeMenu h3 {
	color:#CC0000;
margin:0 0 2px 8px;
	}
.homeMenu h3 a {
	color:#CC0000;
font-weight: bold;
text-decoration: none;
	}
.section-menu {
	Display: block;
}
	
/* =========== List Style ========= */
.tips li {
	background:transparent url(../images/bullets/families_bullet_link_lrg.gif) no-repeat scroll 0 9px;
font-weight:bold;
padding-top:8px;
	}
/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/
#menuBarWrapper * {
border:none;
}
.home #menuBarWrapper {
background: #FFF;
}
.home .video_wrapper {
	text-align: center;
}
#menuBarWrapper a {
color:#036;
background: url(../images/families_menu_head.gif) 0px -1px  #D7EBEB;
border-bottom: #9CC solid 1px;
}
#menuBarWrapper a:hover, #menuBarWrapper a.menu_item_first:hover {
color:#FFF;
background: url(../images/families_menu_head_active.gif) right top no-repeat #C00;
border-bottom: #C00 solid 1px;
}
#menuBarWrapper a.menu_item_after_sub {
border-top: #9CC solid 1px;
}
.home #menuBarWrapper a, .home #menuBarWrapper a:hover {
border-bottom: none;
background:none;
}
#menuBarWrapper a.menu_item_first {
background: url(../images/families_menu_sub_list_bg.gif) right top #D7EBEB;
}
.home #menuBarWrapper a {
color:#036;
background:#FFF;
border-top: 1px dashed #999;
}
#menuBarWrapper li.menu_sub_item a, #menuBarWrapper li.menu_sub_item_first a, #menuBarWrapper li.menu_sub_item_last a, #menuBarWrapper li.menu_sub_item_first_last a {
color:#333;
background:#FFF;
border-left: #9CC solid 1px;
border-right: #9CC solid 1px;
border-bottom:none;
/* border-top: 1px dashed #999; */
border-top: none;
}
#menuBarWrapper li.menu_sub_item_last a, #menuBarWrapper li.menu_sub_item_first_last a {
border-bottom: #9CC solid 1px;
}
.home #menuBarWrapper a:hover {
color:#036;
background-color: #9CC;
}
#menuBarWrapper li.menu_sub_item a.active,
#menuBarWrapper li.menu_sub_item a:hover,
#menuBarWrapper li.menu_sub_item_first a.active,
#menuBarWrapper li.menu_sub_item_first a:hover,
#menuBarWrapper li.menu_sub_item_last a.active,
#menuBarWrapper li.menu_sub_item_last a:hover,
#menuBarWrapper li.menu_sub_item_first_last a.active,
#menuBarWrapper li.menu_sub_item_first_last a:hover,
#menuBarWrapper li.menu_sub_item a.expand {
color:#036;
background: #9CC;
background: #9CC url(../images/bullets/families_bullet_link.gif) no-repeat scroll left 5px;
}

#menuBarWrapper li.menu_sub_item_last a.active,
#menuBarWrapper li.menu_sub_item_last a:hover,
#menuBarWrapper li.menu_sub_item_first_last a.active,
#menuBarWrapper li.menu_sub_item_first_last a:hover  {
border-bottom:none;
}
#menuBarWrapper ul .list_item_head a, #menuBarWrapper ul .list_item_head a:hover  {
color:#FFF;
background: url(../images/families_menu_head_active.gif) right top no-repeat #C00;
border-top:none;
border-bottom: #C00 solid 1px;
font-weight: bold;
}
#menuBarWrapper ul.MenuBarVertical ul a { /* Define first layer first */
color:#333;
background: #CCE6E6;
border-top: 1px dashed #999;
}
#menuBarWrapper ul.MenuBarVertical ul a:hover { /* Define first layer first */
color:#C00;
background: #FFF;
}
#menuBarWrapper .list_item_first a, #menuBarWrapper .list_item_head a, #menuBarWrapper ul.MenuBarVertical ul .list_item_first a, #menuBarWrapper li.menu_sub_item_first a, #menuBarWrapper li.menu_sub_item_first_last a {
border-top: none;
}
#menuBarWrapper .list_item_head a {
border-bottom:none;
}
#menuBarWrapper ul.MenuBarVertical ul li {
border-left: #369 solid 1px;
border-right: #369 solid 1px;
}
#menuBarWrapper ul.MenuBarVertical ul li.list_item_first {
border-top: #369 solid 1px;
}
#menuBarWrapper ul.MenuBarVertical ul li.list_item_last {
/* border-bottom: #369 solid 1px; */
}
#menuBarWrapper ul {
	margin-left: 0;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
#menuBarWrapper ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010; 
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
#menuBarWrapper	ul.MenuBarVertical li.MenuBarItemIE
	{
		*display: inline;
		*f\loat: left;
		*background: #FFF;
		
}
}
/* =Main Content
-----------------------------------------------------------------------------*/
#mainContent { 
	margin:0; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	display:block;
	width:485px;
	padding: 0 0 20px 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float:left;
	overflow:hidden;
	background:#FFF;
}
.home #mainContent {
	width:613px;
	background:#DFEFEF;
	padding:5px 0 0 0;
	/* sack margin-left:11px; */
	}
/* =Secondary Content
-----------------------------------------------------------------------------*/
#sidebarLeft {
	float: left; /* since this element is floated, a width must be given */
	width: 192px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:0; /* padding keeps the content of the div away from the edges */
	overflow:hidden;
	display:inline;
}

.home #sidebarLeft {
margin-left:11px;
width:602px;
/* sack	width: 394px; */
overflow:visible;
background: url(../images/families_bg_white.gif) top no-repeat #FFF;
}
#sidebarLeft.leftSpacer {
	background:#DFEFEF;
}
#sidebarRight {
	float: right; /* since this element is floated, a width must be given */
	width: 253px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0; /* padding keeps the content of the div away from the edges */
	overflow:hidden;
}
#sidebarRight h3 {
	font-size:0.9em;
}
/* =Footer
-----------------------------------------------------------------------------*/
#footer { 
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:url(../images/families_footer_bg.gif) left top no-repeat #FFF;
} 
.home #footer {
background:url(../images/families_footer_home_bg.gif) left top no-repeat #FFF;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer A:link, #footer A:visited, #footer A:active, .styleswitcher {
font-weight:bold;
text-decoration:none;
color:#7F6E53;
padding-bottom:3px;
}
#footer A:hover {
color:#C00;
font-weight:bold;
text-decoration:none;
}
#footer_row1 {
width:100%;
height:83px;
}
#footer_row2 {
padding:0 0 0 10px;
color:#C00;
height:30px;
background-color:#FFF;
font-size:11px;
}
#footer_row2 img {
vertical-align:bottom;
}

.footer_subnav {
float:left;

}
#footer #footer_row1 .footer_subnav {
margin:45px 0 0 0;
}
#footer .top {
float:right;
margin:30px 40px 0 0;
}
#footer .top a {
color:#7F6E53;
}
.footerWeblink {
	float:right;
padding:5px 0;
	}
.footerWeblink a {
background:transparent url(../images/bullets/families_bullet_weblink.gif) no-repeat scroll left center;
padding:5px 0 0 25px;
	}
/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/
/* Class for clearing floats */
.clearfloat { 
	clear:both;
}
.block {
	clear: both;
	display: block;
}
.fltrt { 
	float: right;
}
.furl img {
	}
.fltlft { 
	float: left;
}

.lorem_ipsum { 
	color:#F0F;
}
.separator {
border-bottom:#9CC 1px dashed;
margin:0.9em 15px 0.9em 20px;
}
/* =Misc 2
-----------------------------------------------------------------------------*/