@import url("text.css");
@import url(http://www.fatbeehive.com/beekeeper2/reset.css);

/* -------------------------------------------------------------
FREEMASONRY CARES MAIN STYLES
-------------------------------------------------------------- */

/*GLOBAL----------------------------------------- */
html, body{
	background:url('../images/bodybg.jpg') top repeat-x #ccd4e3;
	margin:0;
	padding:0;
}
body img{ 
	border:0;
}
body h1{ 
	margin:0 0 10px 0;
	padding:0;
}
body h2{ 
	margin:0; 
	padding:10px 0 5px 0; 
}
body h3{ 
	margin:0; 
	padding:0;
}
.clear{
	clear:left;
}
.hide{
	display:none;
}

/*CONSTRUCT----------------------------------------- */
#wrapper{
	margin:0 auto;
	width:968px;
}

/*HEADER----------------------------------------- */
#header{
	margin:0 auto;
	height:125px;
	width:906px;
}
a#logo{
	background:url('../images/logo.jpg') no-repeat;
	display:block;
	float:left;
	height:76px;
	margin-top:36px;
	width:469px;
}
a#emailandcall{
	background:url('../images/callnow.jpg') no-repeat;
	display:block;
	height:57px;
	width:400px;
}
#secnav{
	float:right;
	height:82px;
	margin-top:30px;
	width:400px;
}
#secnav ul{
	margin:3px 0 0 11px;
	padding:0;
}
#secnav li{
	display:inline;
	list-style:none;
}

/*NAV*/
ul#topnav{
	margin:0 0 0 25px;
	padding:0;
	position:relative;
	top:0;
}
ul#topnav li{
	display:inline;
	list-style:none;
}
li#home a{
	background:url('../images/nav/home.jpg') no-repeat;
	display:block;
	height:67px;
	left:0;
	position:absolute;
	top:0;
	width:103px;
}
li#home a:hover{
	background:url('../images/nav/home_hover.jpg') no-repeat;
}
li#home a.on{
	background:url('../images/nav/home_hover.jpg') no-repeat;
}
li#help a{
	background:url('../images/nav/help.jpg') no-repeat;
	display:block;
	height:67px;
	left:103px;
	position:absolute;
	top:0;
	width:234px;
}
li#help a:hover{
	background:url('../images/nav/help_hover.jpg') no-repeat;
}
li#help a.on{
	background:url('../images/nav/help_hover.jpg') no-repeat;
}
li#about a{
	background:url('../images/nav/about.jpg') no-repeat;
	display:block;
	height:67px;
	left:336px;
	position:absolute;
	top:0;
	width:145px;
}
li#about a:hover{
	background:url('../images/nav/about_hover.jpg') no-repeat;
}
li#about a.on{
	background:url('../images/nav/about_hover.jpg') no-repeat;
}
li#resources a{
	background:url('../images/nav/resources.jpg') no-repeat;
	display:block;
	height:67px;
	left:481px;
	position:absolute;
	top:0;
	width:161px;
}
li#resources a:hover{
	background:url('../images/nav/resources_hover.jpg') no-repeat;
}
li#resources a.on{
	background:url('../images/nav/resources_hover.jpg') no-repeat;
}
li#links a{
	background:url('../images/nav/links.jpg') no-repeat;
	display:block;
	height:67px;
	left:642px;
	position:absolute;
	top:0;
	width:105px;
}
li#links a:hover{
	background:url('../images/nav/links_hover.jpg') no-repeat;
}
li#links a.on{
	background:url('../images/nav/links_hover.jpg') no-repeat;
}
li#contact a{
	background:url('../images/nav/contact.jpg') no-repeat;
	display:block;
	height:67px;
	left:747px;
	position:absolute;
	top:0;
	width:166px;
}
li#contact a:hover{
	background:url('../images/nav/contact_hover.jpg') no-repeat;
}
li#contact a.on{
	background:url('../images/nav/contact_hover.jpg') no-repeat;
}


/*CONTENT----------------------------------------- */
#body{
	background:url('../images/footer_bottom.jpg') no-repeat bottom #fff;
	float:left;
	margin-top:41px;
	padding:40px 0 33px 0;
	width:968px;
}
.boxbottom{
	background:url('../images/boxbottom.jpg') no-repeat;
	height:25px;
}
/*family box---------------- */
#familybox{
	background:url('../images/boxbg.jpg') repeat-y;
	float:left;
	margin-left:115px;
	width:274px;
}
a#familyheader{
	background:url('../images/familyhead.jpg') no-repeat;
	display:block;
	height:56px;
	width:274px;
}
#familybox .content{
	margin:10px 40px 10px 40px;
	width:198px;
}
/*healthcare box---------------- */
#healthcarebox{
	background:url('../images/boxbg.jpg') repeat-y;
	float:left;
	width:274px;
}
a#healthcareheader{
	background:url('../images/healthcarehead.jpg') no-repeat;
	display:block;
	height:56px;
	width:274px;
}
#healthcarebox .content{
	margin:10px 40px 10px 40px;
	width:198px;
}
/*healthcare box---------------- */
#financialbox{
	background:url('../images/boxbg.jpg') repeat-y;
	float:left;
	width:274px;
}
a#financialheader{
	background:url('../images/financialhead.jpg') no-repeat;
	display:block;
	height:56px;
	width:274px;
}
#financialbox .content{
	margin:10px 40px 10px 40px;
	width:198px;
}

/*FOOTER----------------------------------------- */
a#canwehelp{
	background:url('../images/canwehelpbutton.png') no-repeat;
	display:block;
	height:154px;
	left:-50px;
	position:relative;
	top:-40px;
	width:151px;
}
#footer{
	background:url('../images/footerbg.jpg') no-repeat;
	float:left;
	height:62px;
	margin:30px 0 10px 20px;
	width:906px;
}

#footer a {
color: white;
text-decoration: none;
}
#footer p{
	float:right;
	right:40px;
	position:relative;
	top:-130px;
	width:726px;
	text-align:right;
}

/*SUB PAGE----------------------------------------- */
/*left col---------- */
#leftcol{
	float:left;
	margin:0 30px 0 30px;
	width:224px;
}
ul#subnav{
	float:left;
	margin:0 0 30px 0;
	padding:0;
}
ul#subnav li{
	list-style:none;
	padding-bottom:7px;
}
ul#subnav li a{
	background:url('../images/subnavbg.jpg') bottom no-repeat #f6f093;
	display:block;
	padding:12px 0 15px 20px;
	width:200px;
}
ul#subnav li a:hover{
	background:url('../images/subnavbg_hover.jpg') bottom no-repeat #ccd4e3;
}
ul#subnav li a.on{
	background:url('../images/subnavbg_hover.jpg') bottom no-repeat #ccd4e3;
}
ul#subnav li ul{
	margin:0 0 0 10px;
	padding:0;
}
ul#subnav li ul li{
	margin-bottom:-5px;
	padding:0;
}
ul#subnav li ul li a{
	background:none;
	width:180px;
}
ul#subnav li ul li a:hover{
	background:none;
}
ul#subnav li ul li a.on{
	background:none;
}
/*right col---------- */
#rightcol{
	float:left;
	width:650px;
	font-size: 1.2em;
}
/*Question box---------- */
.questionbox{
	background:url('../images/question_bottom.jpg') bottom no-repeat #ccd4e3;
	float:left;
	padding-bottom:30px;
	width:650px;
}
.question{
	background:url('../images/question_top.jpg') top no-repeat #325290;
	padding:13px 25px 1px 25px;
}
.questionbox .content{
	padding:13px 25px 15px 25px;
}
.questionbox .content li{
	list-style:none;
	list-style-image:url('../images/question_bullet.jpg');
}
a.yes{
	background:url('../images/yes.jpg') no-repeat;
	display:block;
	float:left;
	padding-top:60px;
	overflow:hidden;
	height:0px;
	margin:10px 20px 0 0;
	width:107px;
}
/*
a.yes_selected{
	background:url('../images/yes_selected.jpg') no-repeat;
	display:block;
	float:left;
	height:60px;
	margin:10px 20px 0 0;
	width:107px;
}
*/
a.yes:hover, a.yes.selected{
	background:url('../images/yes_selected.jpg') no-repeat;
}
a.no{
	background:url('../images/no.jpg') no-repeat;
	display:block;
	float:left;
	padding-top:60px;
	overflow:hidden;
	height:0px;
	margin:10px 20px 0 0;
	width:107px;
}
/*
a.no_selected{
	background:url('../images/no_selected.jpg') no-repeat;
	display:block;
	float:left;
	height:60px;
	margin:10px 20px 0 0;
	width:107px;
}
*/
a.no:hover, a.no.selected {
	background:url('../images/no_selected.jpg') no-repeat;
}
a.unsure{
	background:url('../images/unsure.jpg') no-repeat;
	display:block;
	float:left;
	padding-top:60px;
	overflow:hidden;
	height:0px;
	margin-top:10px;
	width:124px;
}
/*
a.unsure_selected{
	background:url('../images/unsure_selected.jpg') no-repeat;
	display:block;
	float:left;
	height:60px;
	margin:10px 20px 0 0;
	width:124px;
}
*/
a.unsure:hover, a.unsure.selected{
	background:url('../images/unsure_selected.jpg') no-repeat;
}
.arrow{
	background:url('../images/arrow.jpg') no-repeat;
	display:block;
	height:50px;
	margin:0 auto;
	margin-bottom:10px;
	margin-top:10px;
	width:42px;
}

.arrow.spinner {
	background:url('../images/wait30trans.gif') no-repeat;
}

th {
	text-align: right;
}

table {
	width: 100%;
}

th, td {
	vertical-align: top;
}

.required {
	color: red;
}

.freemasonry_care_purple {
	color: #a11f8b;
}

.freemasonry_care_green {
	color: #79be6e;
}

.freemasonry_care_orange {
	color: #d56f1d;
}

.imageleft {
	float: left;
	margin: 0 10px 10px 0px;
}

.imageright {
	float: right;
	margin: 0 5px 10px 10px;
}

.home_message {
	padding: 20px;
	font-size: 1.2em;
}