/* ------------------------------------------
   Myocarditis Foundation - Main Stylesheet
   Author: Christopher Spires
   Company: gotBODA? Solutions, LLC
   URL: http://www.gotboda.com
   Version: 1.0
------------------------------------------- */

/********************************************/
/************* Common Styles ****************/
/********************************************/

html, body {
	height:100%;
	padding: 0;
	margin: 0;
	background: #c1c1c1; /* Alternates: #004d99  #c1c1c1 #cccccc #ae151d  */
}

a img {border: none; padding: 0px; margin: 0px; } /* Because Firefox isn't perfect... */


/********************************************/
/***************** Main Page ****************/
/********************************************/

#main-wrap {
	width: 960px;
	background: #ff0000;
	margin: auto;
	padding: 0;
}

/********************************************/
/****************** Header ******************/
/********************************************/

#header-wrap {
	width: 960px;
	height: 275px;
	background: #c1c1c1;
	margin: 0;
	padding: 0;
}

#header-topbar {
	width: 960px;
	height: 35px;
	background: url(http://myocarditisfoundation.org/images/header-top.png) no-repeat;
	margin: auto;
	padding: 0;
	text-align: right;
	color: #fff;
	vertical-align: middle;
	font-family: Palatino, Arial, Helvetica, sans-serif;
}

.header-border {
	height: 5px;
	background: #ae151d;
	width: 100%;
	padding: 0;
	margin: 0;
}

#header-content-main {
	height: 195px;
	/* border-left: #ae151d 5px solid;
	border-right: #ae151d 5px solid; */
	background: url(http://myocarditisfoundation.org/images/header-myo.jpg) no-repeat;
	margin: auto;
	padding: 0;
	text-align: center;
}

#header-bottombar {
	width: 960px;
	height: 35px;
	background: url(http://myocarditisfoundation.org/images/header-bottom.png) no-repeat;
}


/********************************************/
/*************** Content Body ***************/
/********************************************/

#body-wrap {
	width: 960px;
	padding: 0;
	margin: auto;
}

#nav-wrap {
	width: 197px;
	padding: 0;
	margin: 0;
	background: url(http://myocarditisfoundation.org/images/left-nav-bg.jpg) repeat-y;
	height: 1600px; /* This must be the same as #content-wrap height!!! Hokie, I know, but quick page height fix. */
	float: left;
}

#nav-wrap-heart {
	width: 197px;
	padding: 0;
	margin: 0;
	background: url(http://myocarditisfoundation.org/images/left-nav-bg.jpg) repeat-y;
	height: 1500px; /* This must be the same as #content-wrap height!!! Hokie, I know, but quick page height fix. */
	float: left;
}

#nav-wrap-webinar {
	width: 197px;
	padding: 0;
	margin: 0;
	background: url(http://myocarditisfoundation.org/images/left-nav-bg.jpg) repeat-y;
	height: 2350px; /* This must be the same as #content-wrap height!!! Hokie, I know, but quick page height fix. */
	float: left;
}

#nav-wrap-disclaimer {
	width: 197px;
	padding: 0;
	margin: 0;
	background: url(http://myocarditisfoundation.org/images/left-nav-bg.jpg) repeat-y;
	height: 2450px; /* This must be the same as #content-wrap height!!! Hokie, I know, but quick page height fix. */
	float: left;
}

#nav-wrap-donate {
	width: 197px;
	padding: 0;
	margin: 0;
	background: url(http://myocarditisfoundation.org/images/left-nav-bg.jpg) repeat-y;
	height: 1200px; /* This must be the same as #content-wrap height!!! Hokie, I know, but quick page height fix. */
	float: left;
}

#nav-wrap-pros {
	width: 197px;
	padding: 0;
	margin: 0;
	background: url(http://myocarditisfoundation.org/images/left-nav-bg.jpg) repeat-y;
	height: 2400px; /* This must be the same as #content-wrap height!!! Hokie, I know, but quick page height fix. */
	float: left;
}

#nav-wrap-patient {
	width: 197px;
	padding: 0;
	margin: 0;
	background: url(http://myocarditisfoundation.org/images/left-nav-bg.jpg) repeat-y;
	height: 1600px; /* This must be the same as #content-wrap height!!! Hokie, I know, but quick page height fix. */
	float: left;
}


#nav-wrap-news {
	width: 197px;
	padding: 0;
	margin: 0;
	background: url(http://myocarditisfoundation.org/images/left-nav-bg.jpg) repeat-y;
	height: 3500px; /* This must be the same as #content-wrap height!!! Hokie, I know, but quick page height fix. */
	float: left;
}

#nav-wrap-pressrelease {
	width: 197px;
	padding: 0;
	margin: 0;
	background: url(http://myocarditisfoundation.org/images/left-nav-bg.jpg) repeat-y;
	height: 1300px; /* This must be the same as #content-wrap height!!! Hokie, I know, but quick page height fix. */
	float: left;
}

#nav-wrap-contact {
	width: 197px;
	padding: 0;
	margin: 0;
	background: url(http://myocarditisfoundation.org/images/left-nav-bg.jpg) repeat-y;
	height: 600px; /* This must be the same as #content-wrap height!!! Hokie, I know, but quick page height fix. */
	float: left;
}

#nav-wrap-aboutmyo {
	width: 197px;
	padding: 0;
	margin: 0;
	background: url(http://myocarditisfoundation.org/images/left-nav-bg.jpg) repeat-y;
	height: 2170px; /* This must be the same as #content-wrap-aboutmyo height!!! Hokie, I know, but quick page height fix. */
	float: left;
}

#nav-wrap-research {
	width: 197px;
	padding: 0;
	margin: 0;
	background: url(http://myocarditisfoundation.org/images/left-nav-bg.jpg) repeat-y;
	height: 2570px; /* This must be the same as #content-wrap-aboutmyo height!!! Hokie, I know, but quick page height fix. */
	float: left;
}

#nav-wrap-testimonials {
	width: 197px;
	padding: 0;
	margin: 0;
	background: url(http://myocarditisfoundation.org/images/left-nav-bg.jpg) repeat-y;
	height: 2900px; /* This must be the same as #content-wrap-testimonials height!!! Hokie, I know, but quick page height fix. */
	float: left;
}


#content-wrap {
	width: 755px;
	background: #fff;
	border-right: solid 8px #000066;
	height: 1600px; /* This must be the same as #nav-wrap height!!! Hokie, I know, but quick page height fix. */
	margin: 0 0 0 197px;
}

#content-wrap-heart {
	width: 755px;
	background: #fff;
	border-right: solid 8px #000066;
	height: 1500px; /* This must be the same as #nav-wrap height!!! Hokie, I know, but quick page height fix. */
	margin: 0 0 0 197px;
}

#content-wrap-webinar {
	width: 755px;
	background: #fff;
	border-right: solid 8px #000066;
	height: 2350px; /* This must be the same as #nav-wrap height!!! Hokie, I know, but quick page height fix. */
	margin: 0 0 0 197px;
}

#content-wrap-disclaimer {
	width: 755px;
	background: #fff;
	border-right: solid 8px #000066;
	height: 2450px; /* This must be the same as #nav-wrap height!!! Hokie, I know, but quick page height fix. */
	margin: 0 0 0 197px;
}

#content-wrap-donate {
	width: 755px;
	background: #fff;
	border-right: solid 8px #000066;
	height: 1200px; /* This must be the same as #nav-wrap height!!! Hokie, I know, but quick page height fix. */
	margin: 0 0 0 197px;
}

#content-wrap-pros {
	width: 755px;
	background: #fff;
	border-right: solid 8px #000066;
	height: 2400px; /* This must be the same as #nav-wrap height!!! Hokie, I know, but quick page height fix. */
	margin: 0 0 0 197px;
}

#content-wrap-patient {
	width: 755px;
	background: #fff;
	border-right: solid 8px #000066;
	height: 1600px; /* This must be the same as #nav-wrap height!!! Hokie, I know, but quick page height fix. */
	margin: 0 0 0 197px;
}

#content-wrap-news {
	width: 755px;
	background: #fff;
	border-right: solid 8px #000066;
	height: 3500px; /* This must be the same as #nav-wrap height!!! Hokie, I know, but quick page height fix. */
	margin: 0 0 0 197px;
}

#content-wrap-pressrelease {
	width: 755px;
	background: #fff;
	border-right: solid 8px #000066;
	height: 1300px; /* This must be the same as #nav-wrap height!!! Hokie, I know, but quick page height fix. */
	margin: 0 0 0 197px;
}

#content-wrap-contact {
	width: 755px;
	background: #fff;
	border-right: solid 8px #000066;
	height: 600px; /* This must be the same as #nav-wrap height!!! Hokie, I know, but quick page height fix. */
	margin: 0 0 0 197px;
}

#content-wrap-aboutmyo {
	width: 755px;
	background: #fff;
	border-right: solid 8px #000066;
	height: 2170px; /* This must be the same as #nav-wrap-aboutmyo height!!! Hokie, I know, but quick page height fix. */
	margin: 0 0 0 197px;
}

#content-wrap-research {
	width: 755px;
	background: #fff;
	border-right: solid 8px #000066;
	height: 2570px; /* This must be the same as #nav-wrap-aboutmyo height!!! Hokie, I know, but quick page height fix. */
	margin: 0 0 0 197px;
}

#content-wrap-testimonials {
	width: 755px;
	background: #fff;
	border-right: solid 8px #000066;
	height: 2900px; /* This must be the same as #nav-wrap-testimonials height!!! Hokie, I know, but quick page height fix. */
	margin: 0 0 0 197px;
}

#content-top {
	height:35px;
	width:755px;
	background:url(http://myocarditisfoundation.org/images/content-top.png) no-repeat;
}

.divider {
	width:500px;
	height:1px;
	border-bottom: 1px solid #000066;
	margin: 0px auto 20px auto;
	text-align: center;
	
}

#content-inner {
	height: 1600px; /* This must be the same as #nav-wrap & #content-wrap height!!! Hokie, I know, but quick page height fix. */
	border-left: solid 8px #000066;
	padding: 0px 20px 0px 20px;
}

#content-inner-heart {
	height: 1500px; /* This must be the same as #nav-wrap & #content-wrap height!!! Hokie, I know, but quick page height fix. */
	border-left: solid 8px #000066;
	padding: 0px 20px 0px 20px;
}

#content-inner-webinar {
	height: 2350px; /* This must be the same as #nav-wrap & #content-wrap height!!! Hokie, I know, but quick page height fix. */
	border-left: solid 8px #000066;
	padding: 0px 20px 0px 20px;
}

#content-inner-disclaimer {
	height: 2450px; /* This must be the same as #nav-wrap & #content-wrap height!!! Hokie, I know, but quick page height fix. */
	border-left: solid 8px #000066;
	padding: 0px 20px 0px 20px;
}


#content-inner-donate {
	height: 1200px; /* This must be the same as #nav-wrap & #content-wrap height!!! Hokie, I know, but quick page height fix. */
	border-left: solid 8px #000066;
	padding: 0px 20px 0px 20px;
}

#content-inner-pros {
	height: 2400px; /* This must be the same as #nav-wrap & #content-wrap height!!! Hokie, I know, but quick page height fix. */
	border-left: solid 8px #000066;
	padding: 0px 20px 0px 20px;
}

#content-inner-patient {
	height: 1600px; /* This must be the same as #nav-wrap & #content-wrap height!!! Hokie, I know, but quick page height fix. */
	border-left: solid 8px #000066;
	padding: 0px 20px 0px 20px;
}

#content-inner-news {
	height: 3500px; /* This must be the same as #nav-wrap & #content-wrap height!!! Hokie, I know, but quick page height fix. */
	border-left: solid 8px #000066;
	padding: 0px 20px 0px 20px;
}

#content-inner-pressrelease {
	height: 1300px; /* This must be the same as #nav-wrap & #content-wrap height!!! Hokie, I know, but quick page height fix. */
	border-left: solid 8px #000066;
	padding: 0px 20px 0px 20px;
}

#content-inner-contact {
	height: 600px; /* This must be the same as #nav-wrap & #content-wrap height!!! Hokie, I know, but quick page height fix. */
	border-left: solid 8px #000066;
	padding: 0px 20px 0px 20px;
}

#content-inner-aboutmyo {
	height: 2170px; /* This must be the same as #nav-wrap & #content-wrap-aboutmyo height!!! Hokie, I know, but quick page height fix. */
	border-left: solid 8px #000066;
	padding: 0px 20px 0px 20px;
}

#content-inner-research {
	height: 2570px; /* This must be the same as #nav-wrap & #content-wrap-aboutmyo height!!! Hokie, I know, but quick page height fix. */
	border-left: solid 8px #000066;
	padding: 0px 20px 0px 20px;
}

#content-inner-testimonials {
	height: 2900px; /* This must be the same as #nav-wrap & #content-wrap-testimonials height! Hokie, I know, but quick page height fix. */
	border-left: solid 8px #000066;
	padding: 0px 20px 0px 20px;
}

.about {
	font-family:Palatino, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000066;
}

.about_sub_head {
	font-family:Palatino, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-left: 30px;
	margin-right:30px;
	color:#ae151d;
}

.about_sub {
	font-family:Palatino, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-right:30px;
	color:#000066;
}

.partners {
	margin:auto;
	text-align:center;
}

.text-header {
	font-family:Palatino, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	color:#ae151d;
}

.text-sub-header, .text-qa {
	font-family:Palatino, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: bold;
	color:#ae151d;
}

.text {
	font-family:Palatino, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000066;
}

.board-bio {
	margin: 10px 0px 85px 0px;
}

.board-bio img {
	border: 4px solid #c1c1c1;
	float:left;
	margin:0px 15px 15px 15px;
}

#forum-title { color:#000066; }


.newsletter img {
	margin:20px;
}



/********************************************/
/************* Sidebar Widgets **************/
/********************************************/

.widgets {
	width:210px;
	float:right;
	margin: 0px 0px 0px 15px;
	padding: 0px;
}


.content-widget {
	width: 206px;
	margin: 0px 0px 10px 0px;
}

.content-widget-header {
	width: 206px;
	height: 43px;
	background: url(http://myocarditisfoundation.org/images/contents-widget-top.png);
	margin-bottom:-7px;
}

.aboutmyo-content-widget-content {
	width:201px;
	height:200px;
	margin: 0px 0px 20px 0px;
	font-family:Palatino, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align: center;
	color:#000066;
	background:url(http://myocarditisfoundation.org/images/content-box.png) repeat-y;
}

.aboutgcmyo-content-widget-content {
	width:201px;
	height:140px;
	margin: 0px 0px 20px 0px;
	font-family:Palatino, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align: center;
	color:#000066;
	background:url(http://myocarditisfoundation.org/images/content-box.png) repeat-y;
}

.contact-widget {
	width: 206px;
	margin: 0px 0px 10px 0px;
}

.contact-widget-header {
	width: 206px;
	height: 43px;
	background: url(http://myocarditisfoundation.org/images/contact-widget-top.png);
	margin-bottom:-7px;
}

.contact-widget-content {
	width:201px;
	height:70px;
	margin: 0px 0px 20px 0px;
	font-family:Palatino, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align: center;
	color:#000066;
	background:url(http://myocarditisfoundation.org/images/content-box.png) repeat-y;
}

.donate-widget {
	width: 206px;
	margin: 0px 0px 10px 0px;
}

.donate-widget-header {
	width: 206px;
	height: 43px;
	background: url(http://myocarditisfoundation.org/images/donate-widget-top.png);
	margin-bottom:-7px;
}

.donate-widget-content {
	padding:10px;
	width:181px;
	height:95px;
	margin: 0px 0px 20px 0px;
	font-family:Palatino, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align: center;
	color:#000066;
	background:url(http://myocarditisfoundation.org/images/content-box.png) repeat-y;
}

.widget-center {
	width: 200px;
	margin: auto;
	text-align: center;
	margin-bottom: 15px;
}

.widgets a:link { color:#ae151d; font-weight:bold; }
.widgets a:hover { color:#ae151d; font-weight:bold; }
.widgets a:visited { color:#ae151d; font-weight:bold; }


/********************************************/
/**************** Navigation ****************/
/********************************************/


#accordion {
	width: 197px;
	padding: 0px;
	margin: 0px;
}

/* accordion header */
#accordion h2 {
	margin: 0px;
	padding: 0px;
	cursor:pointer;
	line-height: 26px;	
}

/* accordion pane */
#accordion div.pane {
	display:none;
	padding: 0px;
	margin: 0px;
	font-size:12px;
	border-top: 1px solid #ccc;
}

#accordion div.pane ul {
	padding: 0px;
	margin: 0px;
}

#accordion div.pane li {
	cursor: pointer;
	padding: 0px 0px 0px 15px;
	height: 26px;
	line-height: 26px;
	background: url(http://myocarditisfoundation.org/images/nav/nav-sub-item.jpg);
	list-style: none;
	color: #fff;
	font-size: 12px;
	font-family: Palatino, Arial, Helvetica, sans-serif;
}

#accordion div.pane li:hover {
	cursor: pointer;
	padding: 0px 0px 0px 15px;
	height: 26px;
	line-height: 26px;
	background: url(http://myocarditisfoundation.org/images/nav/nav-sub-item-hover.jpg);
	list-style: none;
	color: #fff;
	font-size: 12px;
	font-family: Palatino, Arial, Helvetica, sans-serif;
}

#accordion div.pane ul a:link { color: #fff; text-decoration: none; }
#accordion div.pane ul a:focus { color: #fff; text-decoration: none; }
#accordion div.pane ul a:hover { color: #fff; text-decoration: none; }
#accordion div.pane ul a:visited { color: #fff; text-decoration: none; }

/********************************************/
/************** Homepage Widgets ************/
/********************************************/

.left-widget {
	float: left;
	margin: 0px 0px 20px 45px;
}

.right-widget {
	float: right;
	margin: 0px 45px 20px 0px;
}

.grant-widget-header {
	width:269px;
	height:43px;
	background:url(http://myocarditisfoundation.org/images/content-box-top-grants.png) no-repeat;
}

.community-widget-header {
	width:269px;
	height:43px;
	background:url(http://myocarditisfoundation.org/images/content-box-top-community.png) no-repeat;
}

.education-widget-header {
	width:269px;
	height:43px;
	background:url(http://myocarditisfoundation.org/images/content-box-top-educational.png) no-repeat;
}

.updates-widget-header {
	width:269px;
	height:43px;
	background:url(http://myocarditisfoundation.org/images/content-box-top-updates.png) no-repeat;
}

.widget-content {
	width:249px;
	height:240px;
	background:url(http://myocarditisfoundation.org/images/content-box.png) repeat-y;
	text-align:center;
	font-family:Palatino, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:-7px;
	color:#000066;
	padding-left:10px;
	padding-right:10px;
}


/********************************************/
/****************** Footer ******************/
/********************************************/

#footer-wrap {
	height: 75px;
	width: 960px;
	margin: auto;
	padding: 0;
	text-align: center;
	background: url(http://myocarditisfoundation.org/images/footer.png) no-repeat;
}

#footer-content {
	height:75px;
	width:960px;
	margin:auto;
	text-align:center;
	padding-top:30px;
}