/* CSS Document */

/* ------------------------------------------------------------------------------- */
/* //////////////////////////////// Basic Layout ////////////////////////////////  */
/* ------------------------------------------------------------------------------- */
* { padding: 0; margin: 0; border: 0; }

html, body {
	height:100%;
}
h1 {
	display: none;
}
body {

	text-align:left;
	background-color:#ffffff;
	background-image:url(../images/stripped-body-bg.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;
	background-position:bottom;
	font-size:.75em;
	line-height:160%;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#3f3f3f;
	
}
#container {
	width: 874px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background-image:url(../images/dash.gif);
	background-position:right;
	background-repeat:repeat-y;
	position:absolute;
	clear:both;
	float:none;
}
#layout {
	width: 874px;
}
#scissors {
	width: 20px;
	height: 185px;
	background-image:url(../images/scissors.gif);
	background-repeat:no-repeat;
	float:right;
	display:inline;
	
}
#content_container {
	width: 854px;
	text-align: left;
	float:left;
	display:inline;
	
}
.content {

}
#side_bar {
	width:129px;
	margin: 0 13px 0 29px;
	background-repeat:no-repeat;
	min-height: 312px;
	display:inline;
	float:left;
}
.oheight {
	background-image:url(../images/sidebar-logo.gif);
	background-repeat:no-repeat;
}
.ohnine {
	background-image:url(../images/side-bar-2009.gif);
	background-repeat:no-repeat;
}
.twentyten {
	background-image:url(../images/side-bar-2010.gif);
	background-repeat:no-repeat;
}
.twentyeleven {
	background-image:url(../images/side-bar-2011.gif);
	background-repeat:no-repeat;
}
.twentytwelve {
	background-image:url(../images/side-bar-2012.gif);
	background-repeat:no-repeat;
}
.twentythirteen {
	background-image:url(../images/side-bar-2013.gif);
	background-repeat:no-repeat;
}
.twentyfourteen {
	background-image:url(../images/side-bar-2014.gif);
	background-repeat:no-repeat;
}
.twentyfifteen {
	background-image:url(../images/side-bar-2015.gif);
	background-repeat:no-repeat;
}

#line_divider {
	width: 8px;
	height:142px;
	margin: 0 13px 0 0;
	background-image:url(../images/line-divider.gif);
	background-repeat:no-repeat;
	display:inline;
	float:left;
}
#body_content {
	width:640px;
	margin: 61px 0 0 0;
	padding: 0 0 50px 0;
	display:inline;
	float:left;
}


/* ------------------------------------------------------------------ */
/* ///////////////////////= Side Bar Content =//////////////////////  */
/* ------------------------------------------------------------------ */

#link {
	min-height:300px;
	height:300px;
	width:129px;
	position: absolute;
	z-index:2;
}

/* ==========  NAVIGATION ========= */
#chapters {
	width:129px;
	margin: 341px 0 15px 0;
	padding:26px 0 0 0;
	background-color:#f2f4f5;
	background-image:url(../images/chapters.jpg);
	background-repeat:no-repeat;
}
#chapters h3 {
	display:none;
}
#chapters hr {
	display: none;
}
#chapters img {
	background-color:#1c395e;
	color:#FFFFFF;
}
#chapters ol, #chapters li {
	list-style-position: inside;
}
#chapters li {
	font-size:9px;
}
#chapters ol.primary_list{
	list-style-type: decimal;
	padding:5px 5px 8px 5px;
	color:#193150;
}
#chapters ol.secondary_list {
	list-style-type: lower-alpha;
	list-style-position:outside;
	text-indent: 0px;
	padding:0 4px 0 0;
	margin: 0px 0 2px 24px;
	color: #b18436;
}
#chapters ol.secondary_list li {
	line-height:121%;
	list-style-position:outside;
	margin: 1px 0 5px 0;
}
#chapters ol.primary_list a {
	color:#193150;
}
#chapters ol.secondary_list a {
	color: #b18436;
}
#chapters a {
	text-decoration:none;
}
#chapters a:hover {
	text-decoration:underline;
}
#chapters a.active {
	text-decoration:underline;
}

/* ========== PDF Download ========== */

/* ----------------------------------------------------------------- */
/* //////////////////////= sIFR FLASH TEXT =///////////////////////  */
/* ----------------------------------------------------------------- */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  	display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
h2 {
	width:640px;
	height:60px;
	font-size: 40px;
	line-height:60px;
	color:#193150;
	text-transform:uppercase;
	font-family:Helvetica, Arial, Verdana,  sans-serif;
	display: block;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	width:640px;
	height:60px;
	font-size: 40px;
	line-height:60px;
	color:#193150;
	text-transform:uppercase;
}

/* --------------------------------------------------------------------------------------- */
/* ==////////======///////////======= BODY CONTENT =========///////////======//////////=== */
/* --------------------------------------------------------------------------------------- */

#arrows {
	width: 640px;
	height:11px;
	margin:0 0 13px 0;
	background-image:url(../images/arrows.gif);
	background-repeat:no-repeat;
	background-position: top right;
}
#main_image {
	width:640px;
	height:360px;
	clear:both;
	background-color:#f2f4f5;
	margin: 0 0 26px 0;
	
}
#video {
	width:640px;
	height:375px;
	clear:both;
	background-color:#f2f4f5;
	margin: 0 0 26px 0;
}
#video_two {
	width:640px;
	height:360px;
	clear:both;
	margin: 0 0 26px 0;
	background-color:#f2f4f5;
	text-align:center;
	padding:40px 0 0 0;
}
#body_content p {
	margin: 0 0 19px 0;
	color:#3f3f3f;
}
#bigletter {
	background-image:url(../images/t.gif);
	background-repeat:no-repeat;
	margin: 0px 8px 0px 0;
	width:84px;
	height:68px;
	color:#b18436;
	float:left;
	display:inline;
}
/* ========= Normal h4 headers ========= */
h4 {
	margin: 0 0 5px 0;
	font-weight:normal;
	font-size:110%;
	color:#193150;
	text-transform:uppercase;
	display:block;
	
}
.arrow {
	padding:0 0 0 22px;
	background-image:url(../images/h4-arrow.gif);
	background-repeat:no-repeat;
}

/* ========== h4 Numbered headers ========== */

h4#number{
	margin: 0 0 5px 0;
	padding:0 0 0 22px;
	font-weight:normal;
	font-size:110%;
	color:#193150;
	text-transform:uppercase;
	display:block;
	background-repeat:no-repeat;
}
.one{
	background-image:url(../images/number1.gif);
}
.two{
	background-image:url(../images/number2.gif);
}
.three{
	background-image:url(../images/number3.gif);
}
.four{
	background-image:url(../images/number4.gif);
}
.hidden {
	display:none;
}

/* ========== h3 Header Seporators ========== */

#h3_seperator {
	width:640px;
	height:55px;
	clear:both;
}
#h3_seperator h3, #h3_seperator hr  {
	display:none;
}
#double_line {
	width:640px;
	height:1px;
	line-height:1px;
	margin:2px 0 23px 0;
	border-bottom: 1px solid #193150;
	border-top: 1px solid #193150;
}

.putting_together {
	margin:33px 0 0 0;
	color:#FFFFFF;
	background-color:#193150;
	background-image:url(../images/h3-puttingtogether.gif);
	background-repeat:no-repeat;
}
.whatisprotein {
	margin:33px 0 0 0;
	color:#FFFFFF;
	background-color:#193150;
	background-image:url(../images/h3-whatisprotein.gif);
	background-repeat:no-repeat;
}
.which_when {
	margin:33px 0 0 0;
	color:#FFFFFF;
	background-color:#193150;
	background-image:url(../images/h3-whichproteinswhen.gif);
	background-repeat:no-repeat;
}
.mixing_tips {
	color:#FFFFFF;
	margin:18px 0 0 0;
	background-image:url(../images/h3-mixingtips.gif);
	background-repeat:no-repeat;
}
.different_types {
	color:#FFFFFF;
	margin:18px 0 0 0;
	background-image:url(../images/h3-differenttypes.gif);
	background-repeat:no-repeat;
}
.faq {
	color:#FFFFFF;
	margin:8px 0 0 0;
	background-image:url(../images/h3-faq.gif);
	background-repeat:no-repeat;
}
.wrap_up {
	color:#FFFFFF;
	margin:18px 0 0 0;
	background-image:url(../images/h3-wrapup.gif);
	background-repeat:no-repeat;
}
.read_labels {
	color:#FFFFFF;
	margin:8px 0 0 0;
	background-image:url(../images/h3-readlabels.gif);
	background-repeat:no-repeat;
}
.stack_size {
	color:#FFFFFF;
	margin:10px 0 0 0;
	background-image:url(../images/h3-stacksize.gif);
	background-repeat:no-repeat;
}
.stack_slim{
	color:#FFFFFF;
	margin:10px 0 0 0;
	background-image:url(../images/h3-stackslim.gif);
	background-repeat:no-repeat;
}
.stack_daily{
	color:#FFFFFF;
	margin:10px 0 0 0;
	background-image:url(../images/h3-stackdaily.gif);
	background-repeat:no-repeat;
}

/* ========== PROTEIN TABLE 1 ========== */

#protein_table {
	width:640px;
	border:none;
	margin: 0 0 23px 0;
	
}
#protein_table td, #protein_table th  {
	padding:4px;
	text-align:center;
	vertical-align:top;
	width:33%;
}
#protein_table th {
	font-size:95%;
	background-color:#193150;
	color:#FFFFFF;
}
#protein_table td {
	background-color:#b18436;
	color:#ffffff;
}
ul.arrow_list {
	list-style-position:inside;
	list-style-image:url(../images/arrow-bullet-gold.gif);
	margin: 0 0 6px 0;
	color: #ffffff;
	
}
ul.arrow_list li {
	font-size:90%;
	line-height:118%;
	text-align:center;
	list-style-position:inside;
	color: #ffffff;
}
#protein_table a {
	color:#FFFFFF;
	text-decoration:none;	
}
#protein_table a:hover {
	text-decoration: underline;
}

/* ========== Proteins in Disguise =========== */

#protein_disguise {
	width:250px;
	height:auto;
	margin: 0 0 23px 23px;
	padding: 18px;
	display:inline;
	float:right;
	color:#aeb0b3;
	background-color:#193150;
}
#protein_disguise hr {
	display:none;
}
#protein_disguise h4 {
	margin: 0 0 20px 0;
	font-weight:normal;
	font-size:115%;
	color:#b18436;
	text-transform:uppercase;
	display:block;
}
#protein_disguise h5 {
	margin: 0 0 5px 0;
	font-weight:normal;
	font-size:100%;
	text-transform:uppercase;
	display:block;
	color:#f2f4f5;
	padding:0 0 0 14px;
	background-image:url(../images/arrow-gold-blue.gif);
	background-repeat:no-repeat;
}
#protein_disguise p {
	color:#aeb0b3;
}
#protein_disguise b {
	color:#f2f4f5;
}
#protein_disguise i {
	color:#aeb0b3;
	font-size:90%;
	line-height:130%;
	padding:6px;
	display:block;
	border:1px dotted #aeb0b3;
}
#protein_disguise a {
	color:#f2f4f5;
	text-decoration:none;
}
#protein_disguise a:hover {
	color:#f2f4f5;
	text-decoration:underline;
}

/* ============ Making Selection ========== */
#bluebox {
	width:640px;
	margin: 0px 0px 23px 0;
	height:auto;
	color:#aeb0b3;
	background-color:#193150;
}

#bluebox p {
	margin:0;
	padding: 18px;
	color:#f2f4f5;
}
#bluebox p b {
	text-transform:uppercase;
	color:#b18436;
}

#simple_rules h4 {
	margin: 0 0 0px 0;
	padding:0;
	font-weight:bold;
	font-size:110%;
	color:#b18436;
	text-transform:uppercase;
	clear:both;
	display:block;
}
#simple_rules p {
	margin:0px;
}
#part {
	width:380px;
	height:1px;
	display:block;
	clear:both;
	line-height:1px;
	margin:11px auto 11px auto;
	border-bottom: 1px dotted #193150;
}

/* ============ Reading Labels ========== */
#label_box {
	width:325px;
	height:447px;
	margin: 0 0 23px 23px;
	border:1px dotted #193150;
	padding:2px;
	display:inline;
	float:right;
	color:#aeb0b3;
}

/* ============== Timing ================= */

#timing_header {
	width:640px;
	height:135px;
	margin: 0 0 23px 0;
	background-image:url(../images/timingheader.gif);
	background-repeat:no-repeat;
}
#timing_header p {
	display:none;
}

#timing_body h4 {
	margin: 0 0 0px 0;
	padding:0;
	font-weight:bold;
	font-size:110%;
	color:#b18436;
	text-transform:uppercase;
	display:inline;
}
#timing_body p {
	display:inline;
}
#part_two {
	width:92px;
	height:5px;
	display:block;
	clear:both;
	margin:9px auto 9px auto;
	padding:0 10px 0 0;
	background-image:url(../images/divider-2.gif);
	background-repeat:no-repeat;
	
}
#double_line_two {
	width:640px;
	height:1px;
	line-height:1px;
	margin:2px 0 19px 0;
	border-bottom: 1px solid #193150;
	border-top: 1px solid #193150;
}

/* ========== Timing Table ========== */

#timing_table {
	width:640px;
	border:none;
	margin: 0 0 23px 0;
	
}
#timing_table td, #timing_table th  {
	padding:4px;
	text-align:center;
	vertical-align:top;
}
#timing_table th {
	font-size:95%;
	background-color:#193150;
	color:#FFFFFF;
}
#timing_table td {
	background-color:#A4A6A6;
	color:#ffffff;
}
#timing_table td b {
	font-size:120%;
}
#timing_table td.type {
	font-size:90%;
	font-weight:normal;
	text-align:left;
	padding: 0 0 0 8px;
	vertical-align:middle;
	background-color:#b18436;
	color:#ffffff;
}
#timing_table td.tfooter {
	background: transparent;
	background-color:none;
	color:#3f3f3f;
	text-align:left;
	font-size:90%;
}
#timing_table th.type{
	background-color:#193150;

}
#timing_table a {
	color:#FFFFFF;
	text-decoration:none;	
}
#timing_table a:hover {
	text-decoration: underline;
}


/* ===== Paragraph Styles ===== */
p.lead_text {
	font-size:110%;
	line-height:160%;
}


/*============ FAQ ============== */

#faq_body p {
	display:inline;
	margin:none;
	font-style:italic;
	color:#4f4f4f;
	
}
#faq_body h4 {
	margin: 0 0 5px 0;
	font-weight:normal;
	font-size:110%;
	color:#b18436;
	text-transform:uppercase;
	display:block;
	
}
.arrow_two {
	padding:0 0 0 14px;
	background-image:url(../images/arrow-gold2.gif);
	background-repeat:no-repeat;
}

#part_three {
	width:92px;
	height:5px;
	display:block;
	clear:both;
	margin:7px auto 9px auto;
	padding:0 10px 0 0;
	background-image:url(../images/divider-2.gif);
	background-repeat:no-repeat;
	
}


/* ========== Stack Table ========== */

#stack_table {
	width:640px;
	border:none;
	margin: 0 0 18px 0;
	
}
#stack_table td, #stack_table th  {
	padding:4px;
	text-align:center;
}
.fiveoptions td, .fiveoptions th  {
	width:20%;
}
.threeoptions td, .threeoptions th  {
	width:33%;
}
#stack_table caption {
	text-align:left;
	margin: 0 0 1px 0;
	font-weight:normal;
	font-size:115%;
	color:#b18436;
	text-transform:uppercase;
	display:block;
	padding:0 0 0 14px;
	background-image:url(../images/arrow-gold2.gif);
	background-repeat:no-repeat;
	width:100%;
}

#stack_table th {
	font-size:95%;
	background-color:#193150;
	color:#FFFFFF;
}
#stack_table td {
	background-color:#A4A6A6;
	color:#ffffff;
}
#stack_table td b {
	font-size:120%;
}
ul.arrow_list_grey {
	list-style-position:inside;
	list-style-image:url(../images/arrow-bullet-grey.gif);
	margin: 0;
	color: #ffffff;
	
}
ul.arrow_list_grey li {
	font-size:85%;
	line-height:120%;
	text-align:center;
	list-style-position:inside;
	margin: 0 0 6px 0;
	color: #ffffff;
}
#stack_table a {
	color:#FFFFFF;
	text-decoration:none;	
}
#stack_table a:hover {
	text-decoration: underline;
}

/* ========== PROTEIN TABLE 2 ========== */

#protein_tabletwo {
	width:640px;
	border:none;
	margin: 0 0 23px 0;
	
}
#protein_tabletwo td, #protein_tabletwo th  {
	padding:4px;
	text-align:center;
	vertical-align:middle;
	width:33%;
}

#protein_tabletwo th {
	font-size:95%;
	line-height:normal;
	background-color:#193150;
	padding-top:5px;
	padding-bottom:5px;
	color:#FFFFFF;
}
#protein_tabletwo td {
	background-color:#A4A6A6;
	color:#ffffff;
	line-height:normal;
}
#protein_tabletwo .type {
	background-color:#b18436;
	font-weight:bold;
	line-height:150%;
}
#protein_tabletwo td.lighter {
	background-color:#b0b2b2;
}

#protein_tabletwo a {
	color:#FFFFFF;
	text-decoration:none;	
}
#protein_tabletwo a:hover {
	text-decoration: underline;
}



/* ========== Footer ========== */
#footer {
	margin:50px 0 0 0;
	font-size:10px;
	background-color:#f2f4f5;
	color:#193150;
	clear:both;
	padding:2px;
	width:640px;
}
#footer a {
	color: #577390;
}
#footer a:hover {
	color: #5F85B1;
}
#footer hr {
	display: none;
}


/* ========== Extra ========== */
li.selected {
	font-weight:bold;
	font-style:italic;
	
}