/* ============================= 

   Tidebreak - Inside page
*/

/* Middle section */

#middle {
margin: 0 -12px 0 -12px;
padding: 0px 0px 14px 0px;
font-size: 1.2em;
text-align: left;
background: url(/res03.50/bg-content-bottom.png) bottom center no-repeat;
}

#middle .content-wrap1 {
padding: 5px 12px 0px 12px;
background: url(/res03.50/bg-content-middle.png) center repeat-y;
}

#middle .content-wrap2 {
padding: 20px 55px 80px 180px;
}

#middle H3 {
margin: 3em 0 1.1em 0;
}

#middle .column.double H3 {
margin: 2em 0 .4em 0;
}

.column {
}

.double {
width: 42%;
margin: 0 4em 0 0;
float: left;
}

.narrow {
width: 75%;
}

.bulletlist {
margin: 0 -40px 0 0;
}

.bulletlist UL {
margin: 0 0 0 14px;
}

.bulletlist LI {
font-size: 1.0em;
}

.boxed {
margin: 20px 0;
padding: 20px;
border: solid 1px #cecece;
}

#middle .boxed H3 {
margin: 0 0 .4em 0;
}

.hangingpic {
width: 600px;
}

.hangingpic IMG {
float: left;
margin-left: -300px;
}

.hangingpic P {
margin-left: 300px;
}

.top {
margin: 0 0 3em 0;
}

.iconblocks IMG {
float: left;
margin: 6px 0 0 -90px;
}

.iconblocks P {
margin: 0 0 0.6em 90px;
}

UL.custs DIV {
display: inline;
}

UL.custs DIV A {
margin: 0 0 0 4px;
}

BLOCKQUOTE P {
font-size: 1.6em;
line-height: 1.4em;
margin: 0 0 0.4em 0;
padding: 0 0 0 0.3em;
text-indent: -0.4em;
font-family: Georgia, Times, 'Times Roman', serif;
font-style: italic;
}

BLOCKQUOTE P SPAN {
font-size: 1.2em;
font-weight: bold;
font-family: Georgia, Times, 'Times Roman', serif;
}

BLOCKQUOTE IMG {
margin: 3.0em 0 0.6em 0;
}

P.credit {
font-size: 1.0em;
margin: 0 0 2.0em 0.4em;
color: #069;
}

FORM DIV {
margin: 1.0em 0;
}

FORM .required {
color: red;
}

TABLE {
margin: 2.0em 0 0 0;
}

TABLE.tight {
margin: 0.6em 0;
}

TABLE.col3 TD {
width: 30%;
padding: 1.0em 2.0em 0 0;
vertical-align: top;
}

TD.title {
font-weight: bold;
}

TABLE.tight TD.title {
padding: 0 1.0em 0 0;
}

TABLE.tight TD {
line-height:1.2em;
}

.eventinfo {
display: block;
font-weight: bold;
margin-bottom: 1.0em;
}

DIV.list {
margin: 2em 0;
}

UL.itemroll {
border-top: solid #cecece 1px;
list-style: none;
width: 500px;
margin: 0 0 0.6em 0;
}

.itemroll LI {
border-bottom: solid #cecece 1px;
padding: 1.6em 0 1.6em 70px;
}

.itemroll .icon {
float: left;
width: 60px;
margin-left: -70px;
}

.itemroll .description {
margin: 0;
padding: 0;
}

#middle .itemroll .description H3 {
margin: 0;
font-size: 1.2em;
line-height: 1.3;
}

.itemroll .description .subtitle {
font-style: italic;
margin: 0 0 1.0em 0;
}

#middle .subhead {
font-weight: bold;
font-size: 1.2em;
line-height: 1.4em;
font-style: italic;
margin: 0 0 0.8em 0;
}

#middle .subhead.quoted {
text-indent: -0.4em;
}

#middle .download {
margin: 1.6em 0;
}

#middle .boxed .boxhead {
margin: 0 0 1.0em 0;
font-weight: bold;
}

.articleleadin {
font-style: italic;
margin-bottom: 2.0em;
}

.payload {
padding: 0.6em 1.0em;
margin: 1.0em 0 0 0;
border: 1px #bbb solid;
}

.byline {
margin: -1.0em 0 0.5em 0;
}

.slugged .slug {
font-weight: bold;
float: left;
width: 7em;
margin: 0;
}

.slugged P {
margin: 0;
font-style: italic;
margin: 0 0 0 7em;
}

.payload.slugged P {
font-style: normal;
}

.currentitem {
margin: 4em 0 0 0;
}

.currentitem .leader {
font-size: 0.8em;
text-transform: uppercase;
margin: 0 0 0 0;
xborder-top: solid #cecece 1px;
}

#middle .currentitem H3 {
margin: 0;
}

#mediainsert {
margin: 0px -20px 0 -140px;
}



/* ============================= 

Newsletter

*/

DIV.newsletter {
width: 420px;
}

.newsletter .title {
display: block;
width: 135px;
height: 25px;
text-indent: -999px;
background: transparent url(/res03.50/head-nextwave.png) no-repeat;
margin: 0 0 0.4em 0;
}

.newsletter .subtitle {
color: #444;
}

.newsletter .sidebar  {
display: block;
width: 160px;
float: right;
margin: 30px -200px 0 0;
}

.newsletter .sidebar .item {
background-color: #aaa;
border-top: none;
margin: 0 0 20px 0;
padding: 10px 10px 10px 10px;
}

.newsletter .sidebar H3 {
font-family: Verdana, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;
text-transform: none;
color: white;
}

.newsletter .sidebar .section {
margin: 0;
}

.newsletter .section {
font-size: 0.8em;
text-transform: uppercase;
margin: 4.0em 0 0 0;
border-top: solid #cecece 1px;
}

#middle .newsletter H3 {
margin: 0.4em 0 1.0em 0;
padding: 0;
}

.newsletter H3 .important {
color: red;
font-style: italic;
font-weight: bold;
}

.newsletter .sidebar IMG {
float: none;
display: block;
margin: 1.0em auto;
}

.newsletter IMG {
float: right;
margin: 0 0 10px 10px;
}

.newsletter IMG.big {
float: none;
margin: 0;
}



/* ============================= 

Demo animation tabs

*/

#demo #middle .menu LI A {
display: block;
float: left;
width: 111px;
height: 26px;
margin: 0 1px 0 0;
padding: 10px 0 3px 0;
text-align: center;
background: url(/res03.50/demo-tabs.jpg);
}

#demo #middle .menu LI SPAN {
font-size: 7px;
margin: 0 0 0 3px;
}

/* Standard menu panels */

#demo #middle .menu LI.panel1 A {
background: url(/res03.50/demo-tabs.jpg) 0 0 ;
}

#demo #middle .menu LI.panel2 A,
#demo #middle .menu LI.panel3 A {
background: url(/res03.50/demo-tabs.jpg) 50% 0 ;
}

#demo #middle .menu LI.panel4 A {
width: 114px;
background: url(/res03.50/demo-tabs.jpg) 100% 0;
}

/* Highlighted menu panels */

#demo #middle .menu.panel1 LI.panel1 A{
background: url(/res03.50/demo-tabs.jpg) 0 -40px ;
color: white;
}

#demo #middle .menu.panel2 LI.panel2 A,
#demo #middle .menu.panel3 LI.panel3 A {
background: url(/res03.50/demo-tabs.jpg) 50% -40px ;
color: white;
}

#demo #middle .menu.panel4 LI.panel4 A{
background: url(/res03.50/demo-tabs.jpg) 100% -40px ;
color: white;
}