html
{
	min-height: 100%;
	margin-bottom: 1px;
}

/* mac hide\*/
html, body
{
	height:100%
}
/* end hide */


/*clear top margin for mozilla*/
div,p 
{
	margin-top:0;
}

html, body, td, p, li
{
	font-family: georgia, serif;
	font-size: 14px;
	line-height: 21px;
}






body
{
	padding:0;
	margin:0;
	text-align:center;
	min-width:814px;/* for mozilla*/
	color: #000000;
	background-image:url('/img/background.png');
	background-attachment:fixed;
}

#outer
{
	height:100%;
	min-height:100%;
	width:814px;
	text-align:left;
	margin:auto;
	position:relative;
	
	background-image: url('/img/content_background.png');
	background-repeat: repeat-y;
	background-position: 0px 133px;
}

 /*for mozilla as IE treats height as min-height anyway*/
html>body #outer
{
	height:auto;
} 

/* ie 6 only */
* html #outer
{
	background-image: url('/img/content_background_ie6.gif');
}

#innerwrap 
{
	/* enables content first */
	float:left;
	width:780px;
	margin-top: 80px;
}


/* specifically LL spaced name to avoid collisions with embedded common components */
#lifeLoyalHeader
{
	position:absolute;
	top:0;
	height: 133px;
	width: 814px;
	z-index:1000;
}


.lifeLoyalHeader
{
	height: 133px;
	width: 814px;
	margin-left: 1px;
	background-repeat: no-repeat;	
}

/* ie 6 only */
* html .lifeLoyalHeader
{
	margin-left: 1px;
}



.homeHeader
{
	background-image: url('/img/home_header.png');
}

* html .homeHeader
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/home_header.png');
}	


.whatislifeloyalHeader
{
	background-image: url('/img/what_is_life_loyal_header.png');
}

* html .whatislifeloyalHeader
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/what_is_life_loyal_header.png');	
}




.benefitsHeader
{
	background-image: url('/img/benefits_header.png');
}

* html .benefitsHeader
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/benefits_header.png');
}
	


.retailpartnershipsHeader
{
	background-image: url('/img/retail_partnerships_header.png');
}	

* html .retailpartnershipsHeader
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/retail_partnerships_header.png');
}	


.moreinformationHeader
{
	background-image: url('/img/more_information_header.png');
}	

* html .moreinformationHeader
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/more_information_header.png');
}	

.memberdirectoryHeader
{
	background-image: url('/img/member_directory_header.png');
}	

* html .memberdirectoryHeader
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/member_directory_header.png');
}	



.signupnowHeader
{
	background-image: url('/img/sign_up_now_header.png');
}	

* html .signupnowHeader
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/sign_up_now_header.png');	
}


.honoryourchapterHeader
{
	background-image: url('/img/honor_your_chapter_header.png');
}	

* html .honoryourchapterHeader
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/honor_your_chapter_header.png');	
}





#lifeLoyalHeader #logo
{
	float: left;
	position: absolute;
	z-index: 1000;
	
	top: 4px;
	left: -32px;

	background-image:url('/img/logo_header.png');
	background-repeat: no-repeat;		

	width: 310px;
	height: 174px;
	
	margin-bottom: -41px;
	
}	

* html #lifeLoyalHeader #logo
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/logo_header.png');
}

#lifeLoyalHeader #logo:hover
{
	cursor: pointer; 
	cursor: hand;
}









#column1 
{
	position:relative;/*ie needs this to show float */
	
	margin-left: 0px;
	width:237px;
	float:left;
	padding-top:72px;/*needed to make room for header*/
	padding-bottom:32px;/* needed to make room for footer */
}

#column1 p 
{
	padding-left:3px;
	padding-right:2px
}



#column2
{
	width:520px;
	float:right;
	padding-top:72px;
	padding-bottom:32px;/* needed to make room for footer */
}

#column2 p 
{
	padding-left:3px
}


/* to clear footer */
#clearfooter
{
	width:100%;
	height:52px;
	clear:both
} 

.emailToFriendLink .icon
{
	display: inline-block;	
	height: 10px;
	width: 16px;
	margin-left: 3px;
	margin-top: 18px;
	background-image: url(/img/sprites/icons.png);
	background-repeat: no-repeat;
	background-position: 0px -4px;
}



#footer
{
	clear:both;

	color: #000000;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
	
	height: 37px;
	width: 814px;
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/footer_background.png'); 
	
	background: url('/img/footer_background.png');	
	background-repeat: no-repeat;	

	margin-left: 1px;

}

* html #footer
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/footer_background.png'); 
	bottom: -1px;
}










.toc
{
	margin-top: 30px;
	position: relative;
	margin-bottom: -40px;
	margin-left: 0px;
	
	width: 237px;

}

.toc .top
{
	background: url('/img/toc_top_squiggle.png');
	
	height:30px;
	width:42px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6px;
	
	margin-top: 30px;
	
}

* html .toc .top
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/toc_top_squiggle.png'); 
	margin-top:30px;
}

/* nasty temp ie7 hack */
html>body .toc .shim 
{ 
	*margin-top: 30px; 
}
	
	

.toc .bottom
{
	background: url('/img/toc_bottom_squiggle.png');
	
	height:45px;
	width:62px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6px;	
}

* html .toc .bottom
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/toc_bottom_squiggle.png'); 
}

.toc .links
{
	
} 

.toc .links a
{
	display:block;
	height: 28px;
	width: 237px;
	
	margin-bottom: 12px;
	
}
	



a:link, a:visited, a:active
{
	color: blue;
}

a:hover
{
	color: red;
}


a.home
{	
	background: url('/img/buttons/home_toc_button_off.png');
}

a.home:hover, a.homeActive
{	
	background: url('/img/buttons/home_toc_button_on.png');
}


a.whatIsLifeLoyal
{
	background-image: url('/img/buttons/what_is_life_loyal_button_off.png');
}	

a.whatIsLifeLoyal:hover, a.whatIsLifeLoyalActive
{
	background-image: url('/img/buttons/what_is_life_loyal_button_on.png');
}		


a.benefits
{
	background-image: url('/img/buttons/benefits_button_off.png');
}	

a.benefits:hover, a.benefitsActive
{
	background-image: url('/img/buttons/benefits_button_on.png');
}		



a.retailPartnerships
{
	background-image: url('/img/buttons/retailpartnerships_button_off.png');
}	

a.retailPartnerships:hover, a.retailPartnershipsActive
{
	background-image: url('/img/buttons/retailpartnerships_button_on.png');
}		


a.moreInformation
{
	background-image: url('/img/buttons/more_information_button_off.png');
}	

a.moreInformation:hover, a.moreInformationActive
{
	background-image: url('/img/buttons/more_information_button_on.png');
}		

a.memberDirectory
{
	background-image: url('/img/buttons/member_directory_button_off.png');
}	

a.memberDirectory:hover, a.memberDirectoryActive
{
	background-image: url('/img/buttons/member_directory_button_on.png');
}		




a.signUpNow
{
	background-image: url('/img/buttons/sign_up_now_button_off.png');
}	

a.signUpNow:hover, a.signUpNowActive
{
	background-image: url('/img/buttons/sign_up_now_button_on.png');
}		


a.signUpNow
{
	background-image: url('/img/buttons/sign_up_now_button_off.png');
}	

a.signUpNow:hover, a.signUpNowActive
{
	background-image: url('/img/buttons/sign_up_now_button_on.png');
}	


a.honorYourChapter
{
	background-image: url('/img/buttons/honor_your_chapter_button_off.png');
}	

a.honorYourChapter:hover, a.honorYourChapterActive
{
	background-image: url('/img/buttons/honor_your_chapter_button_on.png');
}	







.subHeader
{
	color: black;
	font-family: georgia, serif;
	font-weight: bold;
	font-size: 16px;
	font-style:italic;
	margin-bottom: 8px;
}

.circle
{
	height:69px;
	width:69px;
	float: left;
}

.circleText
{
	margin-left: 76px;
}

#whyCircle 
{
	background: url('/img/circles/why_circle.png');
}

#whoCircle 
{
	background: url('/img/circles/who_circle.png');
}	

#whenCircle 
{
	background: url('/img/circles/when_circle.png');
}	

#joinUsCircle 
{
	background: url('/img/circles/join_us_circle.png');
}			



#contact
{
	height: 126px;
	width: 208px;
	background: url('/img/contact_drop_background.png');

	margin-left: auto;
	margin-right: auto;
	margin-top: 75px;


}

#contact .content
{
	text-align: center;
	padding-top: 12px;
	font-family: verdana;
	font-size: 13px;
	line-height: 14px;
}

#contact .content .copyright
{
	font-family: verdana;
	margin-top: 12px;
	font-size: 10px;
}


/* below here are hacks needed to homogenize some elements that are in limbo when shared
from the fraternity site... need to eventually clean up, etc */

/* needed to help ensure form content is not serif */
.formContent, .listHeader, .dataDisplay li, .loginBricklet .header .content .headerLeft, .loginBricklet .footer .content, .formHeader
{
	font-family: verdana;
	font-size: 13px;
}

/* we still want our forms to use sans-serif */
textarea, input, label, .label, .formLabel, .formNote, .formValue, .formHeader, .submitMessage, .important
{
	font-family: verdana, sans-serif !important;
	font-size: 12px !important;
}

.formHeader
{
	font-weight: bold;
}

.loginBricklet .header
{
	min-height: 28px;
}

.validationMessage 
{
	font-family: verdana;
	font-size: 11px;
}

.formMask
{
	font-family: verdana;
}

.ruleSelfStanding
{
	background-color: #999999 !important;
	color: #999999 !important;
}