/*
Theme Name: Key Life Benefits
Theme URI: http://www.blbenefits.com/
Description: The default theme for Key Life Benefits, created by <a href="http://mutual-designs.com">Mutual Designs</a>.
Version: 1.0
Author: Mutual Designs
Author URI: http://mutual-designs.com/
*/


/*------------------BASIC LAYOUT--------------------------*/

* {
	margin:Opx;
	padding:0px;
}

body {
	text-align:center;
	background-color:#000000;
	margin:0px;
	padding:0px;
	background-image: url(http://blbenefits.com/assets/images/background/keylife-back.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

#wrapper {
	width:800px;
	position:relative;
	padding:0px;
	text-align:left;
	font-style:Verdana, Geneva, sans-serif;
	font-size:14px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#clear {
	clear:both;
}

/*----------------CONTAINER ELEMENTS----------------------*/

#header {
	width:800px;
	height:140px;
	background-image: url(http://blbenefits.com/assets/images/background/keylife-header-animated.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding: 0px;
}

#hanging {
	background-image: url(http://blbenefits.com/assets/images/background/keylife-header-hanging.jpg);
	background-repeat: no-repeat;
	height: 140px;
	width: 100px;
	margin-left: 800px;
	padding: 0px;
	margin-top: -140px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#header-fund {
	width:800px;
	height:140px;
	background-image: url(http://blbenefits.com/assets/images/background/fund-header.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#fund-logo {
	height:100px;
	width:300px;
	margin-top:-307px;
	margin-bottom:192px;
}

#org-logo {
	height:100px;
	width:300px;
	margin-top:-147px;
	margin-bottom:70px;
}

#evite {
	color:#fff;
	width:800px;
	margin-top:148px;
	margin-bottom:10px;
	padding:10px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border: 1px dashed #A82D2D;
	position:relative;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
}

#menu {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 460px;
	margin-top:-135px;
	margin-right: 0px;
	margin-bottom: 135px;
}

#content {
	color:#FFF;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	width: 420px;
	float: left;
	margin-top: 40px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 10px;
	height: 100%;
	padding-top: 60px;
	font-size: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#content-packages {
	color:#FFF;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	width: 410px;
	float: left;
	margin-top: 40px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	height: 100%;
	padding-top: 60px;
	font-size: 14px;
}

#content-fund {
	color:#FFF;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	width: 410px;
	float: left;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	height: 100%;
	padding-top: 0px;
	font-size: 14px;
}

#organization {
	color:#FFF;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	width: 760px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	height: 100%;
	padding-top: 0px;
	font-size: 14px;
}


#content-package {
	color:#FFF;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	width: 410px;
	float: left;
	margin-top: 40px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	height: 100%;
	padding-top: 60px;
	font-size: 14px;
}

#sidebar {
	float: right;
	width: 330px;
	margin-top: 40px;
	margin-right: 0px;
	background-image: url(http://blbenefits.com/assets/images/background/sidebar-back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 600px;
	text-align: center;
	color:#FFF;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

#sidebar img {
	margin-top: 15px;
}

#sidebar-fund {
	float: right;
	width: 330px;
	margin-top: 10px;
	background-image: url(http://blbenefits.com/assets/images/background/fund-sidebar-back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 700px;
	text-align: center;
	color:#FFF;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#sidebar-fund img {
	text-align: center;
	margin-top: 15px;
}

#sidebar-individual {
	float: right;
	width: 330px;
	margin-top: 100px;
	margin-right: 0px;
	background-image: url(http://blbenefits.com/assets/images/background/sidebar-back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 600px;
	text-align: center;
	color:#FFF;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-left: 0px;
}

#sidebar-individual img {
	text-align: center;
	margin-top: 15px;
}

#sidebar-individual-org {
	float: right;
	width: 330px;
	margin-top: 10px;
	margin-right: 0px;
	background-image: url(http://blbenefits.com/assets/images/background/sidebar-back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 600px;
	text-align: center;
	color:#FFF;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-left: 0px;
}

#sidebar-individual-org img {
	text-align: center;
	margin-top: 15px;
}


#footer {
	width:800px;
	color:#FFF;
	margin-top: 20px;
	margin-bottom: 20px;
}

#disc {
	float:left;
	width:760px;
	border-top:dashed 1px #fff;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	padding:20px;
	margin-top: 20px;
}

#disc a {
	color:#A82D2D;
}

#links {
	color:#fff;
	width:800px;
	margin-top:148px;
	padding:10px;
	border: 1px dashed #A82D2D;
	position:relative;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
}

#links a {
	color:#FFF;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #A82D2D;
}

#links a:visited {
	color:#FFF;
}

#links a:hover {
	border:none;
}

#seal {
	padding: 0px;
	width: 150px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
}

	
/*----------------------TAGS---------------------------------*/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #A82D2D;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#A82D2D;
	margin:0px;
	padding:0px;
	font-size:16px;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	margin: 0px;
	padding: 0px;
}

a { text-decoration:none; }
/*--------------CONTAINER SPECIFIC TAGS----------------------*/

#menu a {
	color: #000;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}
#menu a:hover {
	border: 1px dashed #C00;
	margin: 0px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	background-color: #EEE;
	color: #000;
}

#header-fund a {
	color: #000;
}

#header-fund a:hover {
	text-decoration: underline;
}

#content ul {
	padding-left: 20px;
}

#content a {
	color: #A82D2D;
	border:none;
}

#content a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

#organization a {
	color: #A82D2D;
	border:none;
}

#organization a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}


#sidebar ul {
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
}

#sidebar li {
	list-style-type: none;
}

#sidebar ul a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

#sidebar ul a:hover {
	border-bottom: none;
}

#footer a {
	color: #FFFFFF;
}

#footer div a:hover {
	text-decoration:underline;
}

#footer div {
	float:left;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}

#footer div ul{
	list-style:none;
	width:150px;
	padding-left:25px;
	margin:0px;
}

#footer div ul li a {
	color:#A82D2D;
}

#footer div ul li.white a {
	color:#FFF;
}

#footer div p a.white {
	color:#FFF;
}

#footer div.address {
	float:right;
	text-align:right;
	width:220px;
	padding-right:25px;
}

#footer div.address p {
	margin:0px;
	padding:0px;
}

/*-----------------------CLASSES---------------------------*/

.fundraising-title {
	background-image: url(../../../assets/images/background/fundraising-title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	width: 420px;
}

.front-title {
	background-image: url(../../../assets/images/background/front-title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	width: 420px;
}

.caregiving-title {
	background-image: url(http://www.blbenefits.com/assets/images/background/caregiving-title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	width: 420px;
}

.health-package-title {
	background-image: url(http://www.blbenefits.com/assets/images/background/individual-package-title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	width: 420px;
}

.corporate-title {
	background-image: url(http://www.blbenefits.com/assets/images/background/corporate-title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	width: 420px;
}

.individual-title {
	background-image: url(http://www.blbenefits.com/assets/images/background/individual-title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	width: 420px;
}

.contact-title {
	background-image: url(../../../assets/images/background/contact-title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	width: 420px;
}

.longer {
	background-image: url(../../../assets/images/background/fund-sidebar-back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 620px;
	width: 330px;
}

.fund-package {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFF;
	height: 170px;
	margin-top: 10px;
	text-align: right;
}

.individual-package {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFF;
	height: 160px;
	margin-top: 10px;
	text-align: right;
	color:#FFFFFF;
}

/*----------------Images----------------------*/
p img {
	padding: 0;
	max-width: 100%;
	}
	
img.border {
	border:solid 5px #138fb1;
	padding:0px;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	

/*---------------------FORMS----------------------------------------*/

#content label {
	text-align: right;
	margin-top: 3px;
	margin-right:5px;
	width: 140px;
}

#content input {
	width: 240px;
	margin-top: 3px;
	height:18px;
	text-align: right;
}

#content select {
	width: 240px;
	margin-top: 3px;
	height:20px;
}

#content textarea {
	width:345px;
	margin-left:40px;
}

#content input.submit {
	width:auto;
	height:auto;
	margin-left:145px;
}#content form{
	text-align: right;
}