@import url('reset.css');
@import url('typography.css');

body {
background: #FFF;
text-align:center;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
}

#wrapper {
width: 720px;
margin: 0 auto;
text-align: left;
}
.coop01 #wrapper {
width: 706px;
}
.coop02 #wrapper {
width: 878px;
}
#header {
margin: 10px 0 5px;
}
#logo {
left:20px;
position:relative;
top:16px;
}
#page {
border: 1px solid #DDDDDD;
padding: 17px 22px;
}
#headline {
text-align: center;
color: #CC0000;
font: bold 31px/38px "Myriad Pro", "Helvetica Neue", Arial, Helvetica, sans-serif;
text-shadow: 1px 2px 2px #E6E6E6;
}
#content-top {
}
#content {
padding: 0;
}
#columns {
padding: 0 30px;
}
.coop02 #columns {
padding: 0 22px;
}
.heroimg {
float:left;
width: 233px;
display: block;
}
.video {
float: left;
width: 416px; 
}
.caption {
font: 11px/16px Arial, Helvetica, sans-serif;
}
.optinbox {
float: right;
width: 304px;
padding: 30px 23px 9px 23px;
border: 1px solid #DCD5C3;
background: #FFF8E8;
}
.optinbox form label {
width: 72px;
display: inline-block;
line-height: 32px;
font-size: 12px;
}
.optinfield {
width: 208px; height: 18px;
padding: 7px;
font-size: 18px;
border: 1px solid #D7D4CD;
}
.optinbtn {
margin: 15px 0 15px 5px;
padding-bottom: 10px;
}
.optinbox2 {
margin: 5px auto 20px;
width: 304px;
padding: 20px 50px 14px 50px;
border: 1px solid #B9C6AA;
background: #E6FBD4;
}
.optinbox2 form label {
width: 72px;
display: inline-block;
line-height: 32px;
font-size: 12px;
}

#content-btm {
}
#footer {
text-align: center;
font-size: 11px;
padding: 1em 0;
}
.thumbs {
width: 650px;
margin: 0 auto;
}
.gridimg {
float: left;
margin-right: 1px;
text-align: center;
font: 11px/16px Arial, Helvetica, sans-serif;
width: 161px;
}
.notice {
text-align: center;
font-weight: bold;
}

::-moz-selection {
background:#6374AB;
color:#fff;
}
::selection {
background:#6374AB;
color:#fff;
}