/*==================================*/
/*    Author: Lane Roberts          */
/*    Company: Corporate 3 Design   */
/*    Date: January 19, 2009        */
/*==================================*/

/*==================================*/
/*---------- PAGE/GENERAL ----------*/
/*==================================*/
* {
	margin: 0;
	padding: 0;
}
html {
	width:100%;
	height:100%;
}
body {
	width:100%;
	height:100%;
	font-family:"Trebuchet MS","Arial", Helvetica, sans-serif;
	font-size: 81%;
	line-height: 100%;
	background:#333 url(http://methodistheartsyou.com/images/main/bg_body.jpg) no-repeat top center;
	position:relative;
}
body.framed {
	background:none;
}
font {color: inherit !important;margin: inherit !important;padding: inherit !important;font: inherit !important;text-decoration: inherit !important;border: inherit !important;/*background: inherit !important;*/bottom: inherit !important;top: inherit !important;left: inherit !important;right: inherit !important;position: inherit !important;clear: inherit !important;float: inherit !important;height: inherit !important;width: inherit !important;letter-spacing: inherit !important;text-transform: inherit !important;outline: inherit !important;overflow: inherit !important;display: inherit !important;visibility: inherit !important;text-indent: inherit !important;white-space: inherit !important;word-spacing: inherit !important;z-index: inherit !important;text-align: inherit !important;max-height: inherit !important;max-width: inherit !important;min-height: inherit !important;min-width: inherit !important;cursor: inherit !important;}

.clear {
	clear:both !important;
	height:auto !important;
	width:auto !important;
	float:none !important;
}
.nomargin {
	margin:0;
	padding:0;
}
/* Change colors and options for your default on links */
a:link {
	color: #fff;
	text-decoration: underline;
}
a:visited {
	color: #ccc;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #ccc;
}
a:active {
	text-decoration: none;
	outline:none;
}
a:focus {
	outline:none
}
img {
	border: 0;
}
img[align=left] {
	float:left;
	padding: 0 1em .5em 0;
}
img[align=right] {
	float:right;
	padding: 0 0 .5em 1em;
}
img:-moz-broken{
    -moz-force-broken-image-icon:1;
    width:24px;
    height:24px;
  }

h1, h2, h3, h4, h5, h6 {
	
	font-weight:normal;
	color:#ffffff;
	padding:5px 0 0 0;
	line-height:130%;
	position: relative;
}
h2 {
	padding-top:15px;
	font-size:1.6em;
	color:#b50304;
}
h3 {
	font-size:1.6em;
	padding-bottom:10px;
}
h4 {
	font-size:1.4em;
}
h5 {
	font-size:1.1em;
}
h6 {
	font-size:1.05em;
}
.right {
	float:right;
}
.left {
	float:left;
}
p, li, td, div.pagination {
	color:#eee;
	line-height:140%;
	font-size:1em;
}
li p,
li li,
td p {
	font-size:1em;
}
p + p {
	padding-top:2ex;
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
ul {
	margin: 1ex 0 0 2em;
}

table * {
	font-size:1em;
}

hr {
	float:none;
	clear:both;
	width:95%;
	margin:1em auto;
	color:#555;
	border:none;
	border-bottom:1px solid #313131;
	border-top:1px solid #555555;
	
}
hr.light {
	color:#eee;
	border-color:#e1e1e1;
}
hr.bot {
	
}
div {
	position:relative;
}
.wrapper {
	/* Wraps around the content */
	width:915px;
	background: transparent;
	margin: 0 auto;
	padding:0 0 0 0 ;
	position:relative;
}
* html .wrapper {
	height:auto;
}

.flashContainer {
	position:absolute;
	top:0;
	left:10px;
	width:325px;
	height:275px;
	z-index:1000;
}
.flashContainer * {
	outline:none;
	z-index:10;
}
.container {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:0;
}


/*==================================*/
/*------------ FORMS -------------*/
/*==================================*/
b {
	font-weight:normal;
	display:block;
	padding-bottom:1em;
}
b label {
	display:block;
	font-weight:bold;
	padding-bottom:.25em;
	color:#ffffff;
}
b label.error {
	background:#fff;
	border:2px solid #955;
	color:#900;
	padding:3px;
	margin:5px 0;
	width:263px;
	font-weight:normal;
}
.mid b label {
	color:#333;
}
input[type=text],
input.smalltext,
input[type=email],
textarea {
	border: 1px solid #7f9db9;
	width:265px;
	padding:3px;
	font-size:1.1em;
}
input.smalltext {
	width:auto;
}
input.placeholder {
	color:#999;
}

fieldset {
	border:none;
}

/*==================================*/
/*---------- LOGIN PAGE ------------*/
/*==================================*/

#navDisabled {
	float:left;
	margin-top:20px;
}
#login {
	margin-top:20px;
	float:left;
	width:400px;
	text-align:center;
	margin-left:10px;
}
	#login h1 {
		display:none;
	}
	#login h2 {
		font-size:1.2em;
		margin-bottom:10px;
	}
	#login .top {
		background:url(http://methodistheartsyou.com/images/main/bg_login.png) no-repeat -5px 0;
		width:100%;
		height:121px;
	}
	#login .mid {
		background:url(http://methodistheartsyou.com/images/main/bg_login.png) repeat-y -429px 0;
		padding: 0 25px;
	}
		
	#login form {
		text-align:left;
		padding: 0 15px;
	}
	#login .bot {
		background:url(http://methodistheartsyou.com/images/main/bg_login.png) no-repeat -852px 0;
		width:100%;
		height:38px;
	}
	
/*==================================*/
/*------------ BUTTONS -------------*/
/*==================================*/

button.goRed,
button.submit,
button.sendMessage,
button.sendAnother,
button.tryAgain {
	position:relative;
	display:block;
	height:25px;
	width:72px;
	text-indent:-3000em;
	background:url(http://methodistheartsyou.com/images/main/mhsHeart_sprite.png) no-repeat 0 0;
	border:none;
	overflow:hidden;
	cursor:pointer;
}
	button.goRed:hover {
		background-position:0 -25px;	
	}
button.submit {
	background-position: 0 -50px;
}
	button.submit:hover {
		background-position:0 -75px;	
	}
button.sendMessage {
	width:120px;
	background-position: 0 -100px;
}
	button.sendMessage:hover {
		background-position:0 -125px;	
	}
button.sendAnother {
	width:120px;
	background-position: 0 -150px;
}
	button.sendAnother:hover {
		background-position:0 -175px;	
	}
button.tryAgain {
	width:120px;
	background-position: -75px 0;
}
	button.tryAgain:hover {
		background-position:-75px -25px;	
	}


/*==================================*/
/*------------ SIDEBAR -------------*/
/*==================================*/
#navBox {
	position:relative;
	top:0;
	left:0;
	height:275px;
	width:325px;
	float:left;
	margin-bottom:-30px;
}


#sidebar {
	width:325px;
	clear:left;
	float:left;
}
	#heartAFriend {
		text-align:center;
		z-index:90;
	}
		#heartAFriend .top,
		#heartAFriend .mid,
		#heartAFriend .bot {
			background:url(http://methodistheartsyou.com/images/main/mhsHeart_heartAFriend.png) no-repeat 3px 0;
		}
		#heartAFriend .top {
			background-position:3px 0;
			height:63px;
			width:100%;
		}
		#heartAFriend .mid {
			background-position: -323px 0;
			background-repeat:repeat-y;
			padding:0 25px;
			height:auto !important;
			height:200px;
			min-height:200px;
		}
		#heartAFriend .bot {
			background-position: -647px 0;
			height:23px;
			width:100%;
		}
		#heartAFriend h4 {
			color:#b50304;
			line-height:120%;
		}
		#heartAFriend h5 {
			color:#222;
		}
			#heartAFriend h5 span {
				color:#b50304;
				font-size:.8em;
			}
		#heartAFriend td {
			color:#333333;
			text-align:left;
			padding-top:5px;
		}
		#heartAFriend .email {
			width:255px;	
		}
		
		span.radio {
			padding-left:22px;
			background:url(http://methodistheartsyou.com/images/main/mhsHeart_sprite.png) no-repeat -167px -51px;
			cursor:pointer;
		}
		span.radio.selected {
			background-position:-150px -73px;
		}
		
		
		

		#YouCouldWin {
			background:url(http://methodistheartsyou.com/images/main/gr_ipod.jpg) no-repeat right 38px;
			height:auto !important;
			height:340px;
			min-height:34px;
			padding-left:20px;
		}
			p#iPod {
				padding-right:110px;
				height:auto !important;
				height:240px;
				min-height:240px;
			}
		#YouCouldWin h2 {
			position:relative;
			display:block;
			height:33px;
			width:100%;
			margin:0 0 5px 0;
			padding:0;
			text-indent:-3000em;
			overflow:hidden;
			background:url(http://methodistheartsyou.com/images/main/txt_youCouldWin.jpg) no-repeat 0 0;
			left:-3px;
		}
	
/*==================================*/
/*------------ CONTENT -------------*/
/*==================================*/

.mid p {
	color:#333333;
}
.mid p.error {
	padding:5px;
	border:1px solid #900;
	color:#900;
	margin:.5em 0;
}
.mid a {
	color:#B50304;
}
#Logo {
	position:relative;
	top:0;
	left:0;
	display:block;
	height:210px;
	width:590px;
	background:url(http://methodistheartsyou.com/images/main/gr_methHeartsYou.png) no-repeat top center;
	text-indent:-3000em;
	overflow:hidden;
	z-index:100;
}



#content {
width:590px;
float:left;
margin-top:-30px;
}
	#Quote {
		position:relative;
		top:20px;
		left:-15px;
		margin-bottom:10px;
		height:150px;
		width:620px;
		background:url(http://methodistheartsyou.com/images/main/gr_mainMessage.png) no-repeat 0 0;
		text-indent:-3000em;
		overflow:hidden;
		z-index:0;
	}
	#LetsGoRed {
		display:block;
		height:33px;
		width:100%;
		text-indent:-3000em;
		overflow:hidden;
		background:url(http://methodistheartsyou.com/images/main/txt_LetsGoRed.jpg) no-repeat 0 0;
	}
	#content .pad {
		padding: 0 0 0 40px;
	}
#mainpageslides {
	float:right;
	width:200px;
	height:150px;
	overflow:hidden;
}

/*==================================*/
/*---------- MAPS PAGE ------------*/
/*==================================*/

#mapContainer {
	margin-bottom:20px;
	}
#mapContainer .GM_InfoWndow {
	
}
#mapContainer .name {
	color:#b50304;
}
#mapContainer .story {
	color:#005195;
	line-height:160%;
}
.GM_InfoWndow {
	max-width:250px;
}
.GM_InfoWndow img {
	float:right;
	
}


/*==================================*/
/*----------- OVERLAY --------------*/
/*==================================*/

.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:675px;     
	height:auto !important;
	height:200px;
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;  
	
	text-align:left;
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(http://methodistheartsyou.com/images/main/icn_close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}
.simple_overlay p {
	color:#333333;
}



/*==================================*/
/*------------ FOOTER --------------*/
/*==================================*/



#footer {
	text-align: center;
}

	#HeartQuiz,
	#Afare,
	#QuitSmart {
		display:block;
		width:305px;
		height:175px;
		float:left;
		text-indent:-3000em;
		text-align:left;
		font-size:2px;
		overflow:hidden;
		background:url(http://methodistheartsyou.com/images/main/mhsHeart_promos.jpg) no-repeat -3px 0;
	}
	#HeartQuiz:hover {
		background-position:-314px 0;
	}
	#Afare {
		background-position:-3px -185px;
	}
	#Afare:hover {
		background-position:-314px -185px;
	}
	#QuitSmart {
		background-position:-3px -372px;
	}
	#QuitSmart:hover {
		background-position:-314px -372px;
	}
.cfdump_struct td {
	color:#000;
}
