/* 880px-3col % css designed using many of MJ Taylor's ideas */

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 62.5%; /* 1em = 10px */
color: #000064;
background-color: #e1effe;
line-height: 150%;
}
p {
font-size: 1.2em;
margin: 0 0 .5em 0;
}
#wrap {
width: 100%;
max-width: 90em;
margin: 0 auto;
/* Floats entire page to center */
}
#header {
width: 100%;
float: left;
clear: both;
height: 75px;
background: url("../../supplements/images/header-bak.png") repeat-x;
border: solid white 3px;
margin-bottom: 2em;
}
.subheader {
text-align: right;
font-family: Times, "Times New Roman", serif;
font-size: 1.5em;
font-weight: bold;
margin: 0 .4em .4em 0
}

.colwrapper1 {
float:left;
clear: both;
width: 100%;
overflow:hidden;
/* This chops off any overhanging divs */
	position:relative;
/* This fixes the IE7 overflow hidden bug */
	background-color: #e1effe;
border: solid 3px white;
}

.colwrapper2,
.colwrapper3 {
float:left;
width:100%;
position:relative;
background-color: #e1effe;
}

/* Wrapper for center content */

.colwrapper2 {
right: 20%;
border-right: .1em black solid;
}

/* Wrapper for left nav content */

.colwrapper3 {
right: 55%;
border-right: .1em black solid;
}

.col-cntr,
.col-lft,
.col-rt {
float: left;
position: relative;
overflow: hidden;
margin-top: 1em;
}

.col-cntr {
/* width of center column content (column width minus padding on either side) */
	width:51%;
/* 100% plus left padding of center column */
	left:102%;
}

.col-lft {
/* Width of left column content (column width minus padding on either side) */
	width:23%;
/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	left:25%;
}

.col-rt {
/* Width of right column content (column width minus padding on either side) */
	width:18%;
/* Visually adjusted this offset.  Haven't taken time to figure the math yet */
	left:82%;
}

.col-lft ul {
line-height: 2em;
margin: 0 .1em;
}

.col-lft ul li {
line-height: 2em;
width:100%;
margin: 0 0;
text-align: right;
list-style-type: none;
}

.col-rt ul li {
font-weight: 600;
list-style-type: none;
line-height: 2em;
margin: 0 1.3em;
text-indent: -1.3em;
text-align: left;
}
.col-rt ul li a:link {
color: teal;
}
.center {
text-align: center;
}
.picturecap {
text-align: center;
font-weight: 900;
}
.right {
text-align: right;
}
.underline {
text-decoration: underline;
}
.redtext {
color: red;
}
h1 {
font-size: 1.5em;
margin: 0 0 1.5em;
}

h2 {
font-size: 1.2em;
margin: 0 0 1.2em;
}

h3 {
font-size: 1em;
margin: 0 0 1em;
font-weight: bold;
}

h4 {
font-size: 1em;
margin-bottom: .5em;
}

h5 {
font-size: .9em;
margin: 0 0 .9em;
}

h6 {
font-size: .8em;
margin: 0 0 .8em;
}

.nospace {
margin-bottom: 0;
}

.tight {
margin-bottom: .2em;
}

ol {
margin-top: 0;
}

ul {
margin-top: 0em;
font-size: 1.2em;}

ul li {
margin-bottom: .8em;
}

a {
padding: 0;
}

a:link {
color: #000064;
}

a:hover {
color: red;
font-style: italic;
}

a:visited {
color: gray;
}

img {
border: 0;
}

.stacker {
width: 100%;
float: left;
clear: both;
margin-bottom: 6px;
}

img.g150x200 {
width: 9.375em;
height: 12.5em;
}

img.g75x100 {
width: 4.69em;
height: 6.25em;
}

.imagecenter {
display: block;
margin: 0 auto;
text-align: center;
}

.imageleft {
display: block;
margin: 0 1em 0 0;
}

.imageright {
float: right;
}

.textbox-rt {
float: right;
margin-left: .5em;
padding: 0.2em;
background: yellow;
border: 2px solid black;
}
.w10 {
width: 10%;
}
.w15 {
width: 15%;
}
.w20 {
width: 25%;
}
.w25 {
width: 25%;
}
.w30 {
width: 30%;
}
.w35 {
width: 35%;
}
.w50 {
width: 50%;
}
.box-left {
position: relative;
float: left;
clear: left;
}
.box-rt {
position: relative;
float: right;
clear: right;
}
.textbox-lft {
float: left;
margin-right: .5em;
padding: .2em;
background: yellow;
border: 2px solid black;
}

.box25 {
width: 25%;
}

.box35 {
width: 35%;
}

.box50 {
width: 50%;
}

#footer {
float: left;
clear: both;
width: 100%;
margin: 1em auto;
border: 3px white solid;
}

#footer p {
font-size: x-small;
text-align: center;
}