/* buildingwebapps.com Combined CSS 11-9-07 */ 

/***** Block Layout *****/ 

html, body {
    margin:0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    text-align:center;
    background: #fff url(/bg.gif) scroll repeat-x top;
} 
#pageWrapper { 
    width:960px; 
    text-align:left;  
    margin-left:auto; 
    margin-right:auto;  
}
/***** Fonts *****/

a:link {
    color:#bb0d04;
    text-decoration: underline;
}
a:visited {
    color:#bb0d04;
    text-decoration: underline;
}
a:active {
    color:#bb0d04;
    text-decoration: underline;
}
a:hover {
    color:#ff0000;
    text-decoration: underline;
}

a.smallLink:link, a.smallLink:visited, a.smallLink:active {
    text-decoration: none;
    font-size: 11px;
}
a.smallLink:hover {
    text-decoration: none;
    font-size: 11px;
}
a.smallLinkUnderline:link, a.smallLinkUnderline:visited, a.smallLinkUnderline:active {
    text-decoration: underline;
    font-size: 11px;
}
a.smallLinkUnderline:hover {
    text-decoration: underline;
    font-size: 11px;
}

a.greyLink:link, a.greyLink:visited, a.greyLink:active {
    color:#666;
    text-decoration: none;
}
a.greyLink:hover {
    color:#999;
    text-decoration: none;
}
a.greyLinkUnderline:link, a.greyLinkUnderline:visited, a.greyLinkUnderline:active {
    color:#666;
    text-decoration: underline;
    font-size: 11px;
}
a.greyLinkUnderline:hover {
    color:#999;
    text-decoration: underline;
}
a.blackLinkUnderline:link, a.blackLinkUnderline:visited, a.blackLinkUnderline:active {
    color:#333;
    text-decoration: underline;
}
a.blackLinkUnderline:hover {
    color:#666;
    text-decoration: underline;
}
a.whiteLink:link, a.whiteLink:visited, a.whiteLink:active {
    color:#fff;
    text-decoration: underline;
}
a.whiteLink:hover {
    color:#f1f1f1;
    text-decoration: underline;
}
p {
    text-align: left;
    margin-top: 2px;
    margin-bottom: 13px;
    line-height: 1.3em;
    color: #333;
}
p.paraMarginTight {
    text-align: left;
    margin-top: 4px;
    margin-bottom: 4px;
    line-height: 1.2em;
}
p.paraMarginSuperTight {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
}
p.paraLast {
    text-align: left;
    line-height: 1.3em;
    margin-bottom: 0px;
}
h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 150%;
    font-weight: bold;
    color: #333;
    margin: -3px 0 0.7em 0;  
}
h1.h1TightMargin {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 140%;
    font-weight: normal;
    color: #333;
    margin: -3px 0 7px 0;  
}
h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 130%;
    font-weight: normal;
    color: #333;
    margin: 0px 0 0.6em 0;  /*display: inline;*/
}

h2.h2TightMargin {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 130%;
    font-weight: normal;
    color: #333;
    margin: 0 0.2em 0.4em 0;
    display: inline;
}
h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 120%;
    font-weight: normal;
    color: #333;
    margin: 0 0.2em 0.4em 0;
    /*display: inline;*/
}
h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #333;
    margin: 0 0.2em 0.4em 0;
    display: inline;
}
/*
ul {
    list-style-type: disc;
    padding: 0 0 0 20px;
}
ul.ulTightTop {
    list-style-type: disc;
    margin: 5px 0 10px 0;
}
ul ul{
    list-style-type: none;
}

ul ul ul{
    list-style-type: none;
} */
/*
ul.bullitLi {
padding: 0 0 0 20px;
list-style-image: url(/bullit-square.gif);
line-height: 19px;
}
ul.linkLi {
padding: 0 0 0 20px;
list-style-image: url(/link-arrow.gif);
line-height: 19px;
}
*/
hr {
    color: #ccc;
    height: 1px;
    margin-bottom: 18px;
    text-decoration: none;
}
.fontBreakoutTitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 8px;
}
.fontWhite {
    color: #fff;
}
.fontWhiteBold {
    font-weight: bold;
    color: #fff;
}
.fontGray {
    color: #666;
    font-size: 11px;
}
#header {
    height:128px;
    width:100%;
    position:relative;
    margin-bottom: 16px;
}
#topHead {
    height: 70px;
}
#botHead {
    height: 29px;
}
#topHeadWebvanta {
    height: 60px;
}
#botHeadWebvanta {
    height: 29px;
}
#subNavContainer {
    margin-right: 0px;
    height: 33px;
}
.leftHead {
    /*width:259px; */
    float:left; 
    position:relative; 
}
.rightHead {
    /*width:701px;*/
    float: right;
    display:inline;
    position: relative;
    text-align: right;
}
.rightHeadSpacer {
    padding: 21px 3px 0 0;
}
.rightHeadFormWrapper {
    display: inline;
    margin-left: 10px;  
}
.subNavAlignSeminars {
    float: right;
    /*display:inline;*/
    position: relative;
    text-align: right;
    margin: 5px 100px 0 0;
}
#leftCol {
    width:740px; 
    float:left; 
    position:relative; 
}
/*#leftCol div {
margin-right: 9px;
}*/
#rightCol {
    width:220px;   
    float: right; 
    display:inline; 
    position: relative; 
}
/*#rightCol div {
margin-left: 8px;
}*/
#subCol {
    width: 731px;
    position: relative;
    float: left;
    text-align: left;
    margin-top: 14px;
}
.leftSubCol {
    width: 225px;
    float:left; 
    position:relative; 
}
.rightSubCol {
    width:506px;
    float: right;
    display:inline;
    position: relative;
}
.leftSubColEven {
    width: 356px;
    float:left; 
    position:relative; 
}
#leftSubColEvenContainer {
    float: left;
    width: 356px;
    margin: 0;
}
#leftSubColEvenBody {
    width: 356px;
    background-image: url(/editorial-bg.jpg);
    background-repeat: no-repeat;
    float: left;
}
#leftSubColEvenFoot {
    float: left;
    width: 356px;
    height: 15px;
    margin: 0;
    background-image: url(/editorial-foot.jpg);
    background-repeat: no-repeat;
}
/* Editorial Fonts */
#editorial h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #bb0d04;
    margin: -3px 0 0.7em 0;  
}
#editorial h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #bb0d04;
    margin: 0px 0 0.6em 0;
}
#editorial a:link {
    color:#333;
    text-decoration: underline;
    font-size: 11px;
}
#editorial a:visited {
    color:#333;
    text-decoration: underline;
    font-size: 11px;
}
#editorial a:active {
    color:#333;
    text-decoration: underline;
    font-size: 11px;
}
#editorial a:hover {
    color:#666;
    text-decoration: underline;
    font-size: 11px;
}
/* On the Web Static Layout */
.rightSubColEven {
    width: 357px;
    float: right;
    display:inline;
    position: relative;
}
#rightSubColEvenContainer {
    float: right;
    width: 357px;
    margin: 0;
}
#rightSubColEvenBodyGeneric {
    width: 357px;
    background-image: url(/on-the-web-bg.jpg);
    background-repeat: no-repeat;
    float: left;
}
#rightSubColEvenFoot {
    float: left;
    width: 357px;
    height: 17px;
    margin: 0;
    background-image: url(/on-the-web-foot.jpg);
    background-repeat: no-repeat;
}
/* On the Web Fonts */
#ontheweb h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: -3px 0 0.7em 0;  
}
#ontheweb ul {
    padding: 0 0 0 20px;
    list-style-image: url(/bullit-square.gif);
    line-height: 19px;
}
#ontheweb a:link {
    color:#333;
    text-decoration: underline;
    font-size: 13px;
    font-weight: bold;
}
#ontheweb a:visited {
    color:#333;
    text-decoration: underline;
    font-size: 13px;
    font-weight: bold;
}
#ontheweb a:active {
    color:#333;
    text-decoration: underline;
    font-size: 13px;
    font-weight: bold;
}
#ontheweb a:hover {
    color:#666;
    text-decoration: underline;
    font-size: 13px;
    font-weight: bold;
}
/* Ruby Static Layout */
#ruby {
    float: left;
}
#rubyBody {
    width: 356px;
    background-image: url(/ruby-bg.jpg);
    background-repeat: no-repeat;
    float: left;
}
.landingBody {
    width: 356px;
    background-image: url(/topics-blank.jpg);
    background-repeat: no-repeat;
    float: left;
}
#rubyBodyContent {
    padding: 16px 16px 0 16px;
}
#rubyFoot {
    float: left;
    width: 356px;
    height: 82px;
    margin: 0;
    background-image: url(/ruby-foot.jpg);
    background-repeat: no-repeat;
}
/* Ruby Fonts */
/*
#ruby h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #bb0d04;
margin: -3px 0 1em 0;
}

#ruby h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #bb0d04;
margin: 0px 0 0.6em 0;
}

/*
#ruby a:link {
color:#bb0d04;
text-decoration: underline;
font-size: 11px;
}
#ruby a:visited {
color:#bb0d04;
text-decoration: underline;
font-size: 11px;
}
#ruby a:active {
color:#bb0d04;
text-decoration: underline;
font-size: 11px;
}
#ruby a:hover {
color:#d33400;
text-decoration: underline;
font-size: 11px;
}
*/
/* Topics Static Layout */
.summary {
    float: right;
    width: 357px;
    margin: 0;
}
#summaryBodyContent {
    padding: 16px 16px 0 16px;
}
.topicsFoot {
    float: left;
    width: 357px;
    height: 13px;
    margin: 0;
    background-image: url(/topics-foot.jpg);
    background-repeat: no-repeat;
}
/* Topics Variations */
#topicsBodyBlank {
    width: 357px;
    background-image: url(/topics-plain.jpg);
    background-repeat: no-repeat;
    float: left;
    position: relative;
}
#topicsBodyUi {
    width: 357px;
    background-image: url(/topics-ui.jpg);
    background-repeat: no-repeat;
    float: left;
    position: relative;
    margin-top: 14px;
}
#topicsBodyServers {
    width: 357px;
    background-image: url(/topics-servers.jpg);
    background-repeat: no-repeat;
    float: left;
    position: relative;
    margin-top: 14px;
}

#topicsBodyDev {
    width: 357px;
    background-image: url(/topics-dev.jpg);
    background-repeat: no-repeat;
    float: left;
    position: relative;
    margin-top: 14px;
}
#topicsBodyBusiness {
    width: 357px;
    background-image: url(/topics-business.jpg);
    background-repeat: no-repeat;
    float: left;
    margin-top: 14px;
    position: relative;
}

/* Topics Fonts */
.summary h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    margin: 18px 0 -3px 0 !important;  
}

.summary a:link {
    color:#333;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}
.summary a:visited {
    color:#333;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}
.summary a:active {
    color:#333;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}
.summary a:hover {
    color:#666;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}
.learnmore {
    width: 150px;
    height: 35px;
    position: absolute;
    top: 0px;
    right: 0px;
    /*margin-bottom: 15px;*/
}


/*** Buckets Generic Layout **/
.bucket {
    float: left;
    width: 357px;
    margin: 0 0 15px 0;
    position:relative; 
}
.summary {
    margin: 0;
}
.bucketBody {
    width: 357px;
    background:url(/buckets-bg.gif) 0 0 repeat-y;
    float: left;
    position:relative; 
}
.bucketBodyTop { width:357px; background:url(/buckets-bg-top.jpg) 0 0 no-repeat; height:82px; margin:0 0 -82px; }
.bucketBodyContent {
    padding: 16px 16px 0 16px;
}
.bucketFoot {
    float: left;
    width: 357px;
    height: 16px;
    margin: 0;
    background-image: url(/buckets-foot.jpg);
    background-repeat: no-repeat;
}
#bucketLabelBanner {
    width: 110px;
    height: 35px;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px 0 0 10px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
.bucketLabel {
    width: 150px;
    height: 35px;
    position: absolute;
    top: 2px;
    right: 6px;
    padding: 1px 0 0 0;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-align: right;
}
.bucket table {
    margin-top:10px;  
}

/* bucket Fonts */
.bucket h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin: -6px 150px 0.7em 0;
}
.bucket h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    /*  color: #333;  */
    color: #333;
    margin: 18px 0 8px 0;
}
.bucket ul, #banner_more ul {
/*    padding: 0 0 0 18px;
    list-style-image: url(/bullit-square.gif);
    line-height: 17px;  */
}

/*
.bucket ul li, #banner_more ul li {
    padding-top: 6px;
}
#banner_more ul li {
    margin-left: 20px;
}
#banner ul {
    padding: 0 0 0 20px;
    list-style-image: url(/bullit-square.gif);
    line-height: 22px;
    font-size: 12px;
}
#banner_more ul {
    width: 290px;
    display: block;
}
.summary ul {
    padding: 5px 0 0 20px;
    list-style-image: url(/bullit-square.gif);
    line-height: 14px;
}
.summary li {
    margin-bottom: 3px;  
}
*/

.bucket ul a:link, #banner_more ul a:link, .bucket h4 a:link {
    color:#333;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}
.bucket ul a:visited, #banner_more ul a:visited, .bucket h4 a:visited {
    color:#333;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}
.bucket ul a:active, #banner_more ul a:active, .bucket h4 a:active {
    color:#333;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}
.bucket ul a:hover, #banner_more ul a:hover, .bucket h4 a:hover {
    color:#666;
    text-decoration: underline;
    font-size: 12px;
    font-weight: bold;
}

.bucket hr {
    margin-top: 15px;
}


.moreArrow a:link {
    color:#bb0d04;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
}
.moreArrow a:visited {
    color:#bb0d04;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
}
.moreArrow a:active {
    color:#f00;
    text-decoration: underline;
    font-size: 11px;
    font-weight: normal;
}
.moreArrow a:hover {
    color:#f00;
    text-decoration: underline;
    font-size: 11px;
    font-weight: normal;
}

/******* Banners Layout *******/

/* Individual Banners */
#bannerBodySeminars {
    width: 731px;
    background-image: url(/banner-seminars.jpg);
    background-repeat: no-repeat;
    float: left;
}
#bannerBodyAbout {
    width: 731px;
    background-image: url(/banner-about.jpg);
    background-repeat: no-repeat;
    float: left;
    min-height: 173px;
}
#bannerBodyRails {
    width: 731px;
    background-image: url(/category-banner.jpg);
    background-repeat: no-repeat;
    float: left;
    min-height: 173px;
}
#bannerBodyBusiness {
    width: 731px;
    background-image: url(/category-banner.jpg);
    background-repeat: no-repeat;
    float: left;
    min-height: 173px;
}


/* Static Layout */
#banner {
    float: left;
}
#bannerBodyContent {
    padding: 16px 0 0 18px;
}
#bannerBodyContentLeftPad {
    padding: 0 0 0 16px;
}
#bannerBodyContentRightPad {
    padding: 0 250px 0 16px;
}
#bannerBodyContentRightPadList {
    width: 300px;
    margin: 0;
    padding: 0;
}
#bannerFoot {
    float: left;
    width: 731px;
    height: 10px;
    margin: 0;
    background-image: url(/banner-foot.jpg);
    background-repeat: no-repeat;
}
#bannerFootCategory {
    float: left;
    width: 731px;
    height: 6px;
    margin: 0;
    background-image: url(/category-banner-foot.jpg);
    background-repeat: no-repeat;
}
/* Banner Fonts */
#banner h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    
}
#banner h2 {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #474646;
}
#banner h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #333;
}
/*
#banner span {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #cc0000;
vertical-align: super;
}
#banner span  {
padding: 0 250px 0 0;
}*/
#banner li li {
    font-size: 7px;
    line-height: 7px;
}
#banner p {
    color: #474646;
    font-size: 12px;
}
/******* Navigator Layout ******
#navigator {
padding: 7px 16px 0 16px;
}
/* Navigator Fonts 
#navigator h2 {
font-weight: bold;
margin: 0;
padding: 0;
font-size: 12px;  
}
#navigator ul {
padding: 0 0 0 20px;
list-style-image: url(/link-arrow.gif);
line-height: 19px;
}
#navigator a:link, a:visited, a:active {
color:#333;
text-decoration: none;
font-size: 13px;
font-weight: bold;
}
#navigator a:hover {
color:#666;
text-decoration: none;
font-size: 13px;
font-weight: bold;
}





/******* Breakout *******/
#breakoutContainerSeminars {
    float: right;
    width: 212px;
}
#breakoutBodySeminars {
    width: 212px;
    background-image: url(/seminarpromo.jpg);
    background-repeat: no-repeat;
    float: left;
}
#breakoutBodyContent {
    padding: 7px 16px 0 16px;
}
#breakoutFoot {
    float: left;
    width: 212px;
    height: 10px;
    margin: 0;
    background-image: url(/breakout-bottom.jpg);
    background-repeat: no-repeat;
}
#nakedContainerRightCol {
    float: right;
    width: 212px;
    margin-top: 0;
}
#nakedBodyRightCol {
    width: 212px;
    float: left;
}
#nakedBodyContent {
    padding: 7px 16px 0 16px;
}
#leftSubColContainer {
    float: left;
    width: 217px;
    margin: 0;
}
#leftSubColBody {
    width: 217px;
    background-image: url(/left-sub-col-bg-seminars.jpg);
    background-repeat: no-repeat;
    float: left;
}
#leftSubColBodyContent {
    padding: 16px 16px 0 16px;
}
#leftSubColFoot {
    float: left;
    width: 217px;
    height: 179px;
    margin: 0;
    background-image: url(/left-sub-col-foot-seminars.jpg);
    background-repeat: no-repeat;
}
#rightSubColContainer {
    float: right;
    width: 498px;
}
#rightSubColBody {
    width: 498px;
    background-image: url(/right-sub-col-seminars.jpg);
    background-repeat: no-repeat;
    float: left;
    min-height: 737px;
}
#rightSubColBodyContent {
    padding: 16px 16px 0 16px;
}
#rightSubColFoot {
    float: left;
    width: 498px;
    height: 12px;
    margin: 0;
    background-image: url(/right-sub-col-foot-seminars.jpg);
    background-repeat: no-repeat;
}
#subColContainer {
    float: left;
    width: 731px;
}
#subColBody {
    width: 731px;
    background:url(/sub-col-bg.gif) 0 0 repeat-y;
    float: left;
}
#subColBodyTop { width:731px; background:url(/sub-col-bg-top.jpg) 0 0 no-repeat; height:85px; margin:0 0 -85px; }
#subColBodyBlank {
    width: 731px;
    background-image: url(/sub-col-bg-blank.jpg);
    background-repeat: no-repeat;
    float: left;
}
#subColBodyContent {
    padding: 16px 16px 0 16px;
}
#subColFoot {
    float: left;
    width: 731px;
    height: 137px;
    margin: 0;
    background-image: url(/sub-col-foot.jpg);
    background-repeat: no-repeat;
}
#subColFootBlank {
    float: left;
    width: 731px;
    height: 11px;
    margin: 0;
    background-image: url(/sub-col-foot-blank.gif);
    background-repeat: no-repeat;
}
/*
Far right column
*/
#rightColContainer, #rightColContainerFullCol {
    float: right;
    width: 212px;
}
#rightColContainer {
    margin-top: 22px;
}
#rightColContainerFullCol {
    margin-top: 0;
}
#rightColBody {
    width: 212px;
    background-image: url(/right-col-bg-blank.jpg);
    background-repeat: no-repeat;
    float: left;
    /*min-height: 737px;*/
}
#rightColBodyUserComments {
    width: 212px;
    background-image: url(/user-comments-bg.jpg);
    background-repeat: no-repeat;
    float: left;
}
#rightColBodyContent {
    padding: 16px 16px 0 16px;
}
#rightColFoot {
    float: left;
    width: 212px;
    height: 11px;
    margin: 0;
    background-image: url(/right-col-foot.jpg);
    background-repeat: no-repeat;
}
#rightColFootUserComments {
    float: left;
    width: 212px;
    height: 10px;
    margin: 0;
    background-image: url(/user-comments-foot.jpg);
    background-repeat: no-repeat;
}

#rightColBodyTrainTall {
    width: 212px;
    height: 779px;
    background-image: url(/right-col-bg-train-bridge-tall.jpg);
    background-repeat: no-repeat;
    float: left;
}
#rightColBodyTrainTallFull {
    width: 212px;
    height: 779px;
    background-image: url(/right-col-bg-train-bridge-tall.jpg);
    background-repeat: no-repeat;
    float: left;
    margin-top:-37px;
}
#rightColBodyTrainShort {
    width: 212px;
    height: 497px;
    background-image: url(/right-col-bg-train-bridge-short.jpg);
    background-repeat: no-repeat;
    float: left;
}
#rightColBodyCraneShort {
    width: 212px;
    height: 619px;
    background-image: url(/right-col-bg-crane-pages-short.jpg);
    background-repeat: no-repeat;
    float: left;
}
#footer {
    height:30px;
    clear:both;
}
#footerContainer {
    margin: 12px 12px 12px 12px;
    float: right;  
}
.leftFoot {
    float:left;
    position:relative;
    margin-top: 12px;
}
.rightFoot {
    float: right;
    display:inline;
    position: relative;
    text-align: right;
    margin-top: 12px;
}
/* Float containers fix */ 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */

/* printer styles */ 
@media print{ 
    /* hide the right column when printing */ 
    #rightCol {
        display:none;
    } 
    #leftCol {
        width:100%;
        float:none;
    }
}
/* Generic Content */
/*  Right Column Generic Banner */
#rightColContainerFullCol {
    float: right;
    width: 212px;
    margin: 0;
}
#rightColBodyBanner1 {
    width: 212px;
    height: 779px;
    background-image: url(/right-col-banner1.jpg);
    background-repeat: no-repeat;
    float: left;
}
#rightColBodyBanner2 {
    width: 212px;
    height: 779px;
    background-image: url(/right-col-banner2.jpg);
    background-repeat: no-repeat;
    float: left;
}
#rightColBodyBannerShort {
    width: 212px;
    height: 619px;
    background-image: url(/right-col-banner3.jpg);
    background-repeat: no-repeat;
    float: left;
}
#rightSubColBodyGeneric {
    width: 498px;
    background:url(/right-sub-col-generic.gif) 0 0 repeat-y;
    float: left;
    /*min-height: 737px;*/
}
#rightSubColBodyGenericTop { with:498px; height:125px; background:url(/right-sub-col-generic-top.gif) 0 0 no-repeat; margin:0 0 -125px; }

/* Center Column Generic Footers */
#rightSubColFootCrane {
    float: left;
    width: 498px;
    height: 121px;
    margin: 0;
    background-image: url(/right-sub-col-foot-crane.jpg);
    background-repeat: no-repeat;
}
#rightSubColFootTrain {
    float: left;
    width: 498px;
    height: 121px;
    margin: 0;
    background-image: url(/right-sub-col-foot-train.jpg);
    background-repeat: no-repeat;
}
#rightSubColFootCity {
    float: left;
    width: 498px;
    height: 121px;
    margin: 0;
    background-image: url(/right-sub-col-foot-city.jpg);
    background-repeat: no-repeat;
}
/* Left Column Generic Footers */
#leftSubColFootGeneric {
    float: left;
    width: 217px;
    height: 11px;
    margin: 0;
    background-image: url(/left-sub-col-foot-generic.jpg);
    background-repeat: no-repeat;
}
#leftSubColFootCity {
    float: left;
    width: 217px;
    height: 103px;
    margin: 0;
    background-image: url(/left-sub-col-foot-city.jpg);
    background-repeat: no-repeat;
}
#leftSubColFootCrane {
    float: left;
    width: 217px;
    height: 103px;
    margin: 0;
    background-image: url(/left-sub-col-foot-crane.jpg);
    background-repeat: no-repeat;
}
#leftSubColFootTrain {
    float: left;
    width: 217px;
    height: 103px;
    margin: 0;
    background-image: url(/left-sub-col-foot-train.jpg);
    background-repeat: no-repeat;
}
/***** Resets *****/

pre,form,fieldset,input {
    margin:0;
    padding:0;
}
img {
    border: 0px;
}
#navList {
    margin: 0;
    padding: 0;
    list-style :none;
}
#navList li {
    /* for IE5 and IE6 */
    display: inline;
    list-style-type: none;
    font-size:11px;
}
.imgVertAlign {
    /*margin-top: -8px;*/
    vertical-align: middle;
}
.hrImgVertAlign {
    margin: -10px 0 5px 0;
}
.rePositionGraphicTop1 {
    margin-top: -4px;
    float: right;
    position: relative;
}

/***** Forms *****/

.formButton {
    margin-top: -10px;  
}
/* 
.formPulldown {  font-size: 12px ; color: #333; font-weight: normal; background-color: #fff; border: 1px solid #cc0000;}
.formTextField {  font-size: 12px ; color: #333; font-weight: normal; background-color: #fff; border: 1px solid #ea2903;}

*/

/***** Nav *****/

#nav {
    float:left;
    font-size:11px;   
    line-height:normal;
    height:29px;
    overflow:hidden;
}
#nav ul {
    margin:0;
    /*padding:10px 10px 0;*/
    list-style:none;
    padding-top: 7px;
}
#nav li {
    float:left;
    background:url(/tabs-left.gif) no-repeat left top;
    margin:0;
    padding:0 1px 0 9px;
}
#nav a {
    float:left;
    display:block;
    width:0.1em;
    background:url(/tabs-right.gif) no-repeat right top;
    padding:5px 15px 4px 6px;
    text-decoration:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#666;
    white-space:nowrap;
}
#nav > ul a {width:auto;
}
#nav a:hover {
    color:#719171;
}
#nav li:hover, #nav li:hover a {
    background-position:0% -150px;
    color:#fff;
}
#nav li:hover a {
    background-position:100% -150px;
}

/* On State */
#seminarsHome #nav-seminars, #blogHome #nav-blog, #rubyHome #nav-ruby, #interfaceHome #nav-interface, #serversHome #nav-servers, #developmentHome #nav-development {
    background-position:0 -150px;
    border-width:0;
}
#seminarsHome #nav-seminars a, #blogHome #nav-blog a, #rubyHome #nav-ruby a, #interfaceHome #nav-interface a, #serversHome #nav-servers a, #developmentHome #nav-development a {
    background-position:100% -150px;
    /*padding-bottom:5px;*/
    color:#fff;
}

/***** subNav *****/

#subNav {
    float:right;
    /*width:100%;*/
    position:relative;
    font-size:11px;
    line-height:normal;
}
#subNav ul {
    margin:0;
    padding:0px 0px 0px 0px;
    list-style:none;
}
#subNav li {
    float:left;
    background:url(/subnav-tabs-left.gif) no-repeat left top;
    margin:0;
    padding:0 1px 0 9px;
}
#subNav a {
    float:left;
    display:block;
    width:0.1em;
    background:url(/subnav-tabs-right.gif) no-repeat right top;
    padding:10px 15px 10px 6px;
    text-decoration:underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#fff;
    white-space:nowrap;
}
#subNav > ul a {
    width:auto;
}
#subNav a:hover {
    color:#d32705;
    text-decoration: none;
}
#subNav li:hover, #subNav li:hover a {
    background-position:0% -150px;
    color:#d32705;
    text-decoration: none;
}
#subNav li:hover a {
    background-position:100% -150px;
    text-decoration: none;
}
/* New On State */

#subNav #subnav_current {
    background-position:0 -150px;
    border-width:0;
} 

#subnav_current a {
    background-position:100% -150px;
    color:#d32705;
    text-decoration: none;
}

#nav #current {
    background-position:0 -150px;
    border-width:0;
} 

#current a {
    background-position:100% -150px;
    color: white;
    text-decoration: none;
}

/* Old On State
#rubyrailsHome #subNav-rubyrails, #serversHome #subNav-servers, #processHome #subNav-process, #uiHome #subNav-ui, #miscHome #subNav-misc {
background-position:0 -150px;
border-width:0;
} 
#rubyrailsHome #subNav-rubyrails a, #serversHome #subNav-servers a, #processHome #subNav-process a, #uiHome #subNav-ui a, #miscHome #subNav-misc a {
background-position:100% -150px;
color:#d32705;
}*/


/* Spacers */
.spacer1px  {
    font-size: 1px;
    line-height: 1px; 
}
.spacer2px  {
    font-size: 2px;
    line-height: 2px;
}
.spacer3px  {
    font-size: 3px;
    line-height: 3px;
}
.spacer4px  {
    font-size: 4px;
    line-height: 4px;
}
.spacer5px  {
    font-size: 5px;
    line-height: 5px;
}
.spacer6px  {
    font-size: 6px;
    line-height: 6px;
}
.spacer7px  {
    font-size: 7px;
    line-height: 7px;
}
.spacer9px  {
    font-size: 9px;
    line-height: 9px;
}
.spacer10px {
    font-size: 10px;
    line-height: 10px;
}
.spacer11px {
    font-size: 11px;
    line-height: 11px;
}
.spacer13px {
    font-size: 13px;
    line-height: 13px;
}
.spacer14px {
    font-size: 14px;
    line-height: 14px;
}
.spacer15px {
    font-size: 15px;
    line-height: 15px;
}
.spacer16px {
    font-size: 16px;
    line-height: 16px;
}
.spacer17px {
    font-size: 17px;
    line-height: 17px;
}
.spacer21px {
    font-size: 21px;
    line-height: 21px;
}
.spacer28px {
    font-size: 28px;
    line-height: 28px;
}
.spacer30px {
    font-size: 30px;
    line-height: 30px;
}
.spacer35px {
    font-size: 35px;
    line-height: 35px;
}
.spacer40px {
    font-size: 40px;
    line-height: 40px;
}
.spacer80px {
    font-size: 80px;
    line-height: 80px;
}
.spacer120px {
    font-size: 120px;
    line-height: 120px;
}

.flash_notice_bar {
    width: 930px;
    background: #FCC5BC;
    margin: 0 auto 10px auto;
    padding: 10px;
}

/***** Data Tables *****/
table.data {
  border: 1px solid #ddd;
  padding: 6px;
  width: 950px;
}

table.data th, table.data td {
  padding: 6px;
}

table.data td.right {
  text-align: right;
}

table.data .prominent {
  color: red; 
  font-weight:bold;
}


.fontBreakoutTitle, .fontBreakoutTitle a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin-top: 0px;
  margin-bottom: 8px;
}
.fontBreakoutTitle a {
        text-decoration: none;
        font-weight: bold;
}
label {
    display:block;
    float:left;
    width:98px;
}
label.left {
    float: left;
    width: 90px;
    text-align: right !important;
    padding-right: 8px !important;
    vertical-align: middle !important;
}
label.left_narrow {
    font-size: 12px !important;
    float: left;
    width: 62px;
    text-align: right !important;
    padding-right: 8px !important;
    vertical-align: middle !important;
}

.fieldWithErrors input, .fieldWithErrors textarea, .fieldWithErrors select {
    background-color: #fcc;
}

div.fieldWithErrors {
    display: inline !important;
}
#errorExplanation {
  width: 90%;
  border: 2px solid #c00;
  padding-bottom: 12px;
  margin-bottom: 20px;
  
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 14px;
  margin: 0;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  font-weight: bold;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}
.reqd {
    font-weight: bold !important;
}
.indent {
    margin-left: 98px;
}
#bigColumn {
  width: 731px;
  float: left;
}
#bigColumnContent {
  padding: 16px 0 0 18px;
}
h2, h2.h2TightMargin {
    font-weight: bold;
}
#subColNoBanner {
  width: 731px;
  position: relative;
  float: left;
  text-align: left;
}
.fontBannerSubhead {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #474646;
}
#home #nav-home, #podcast #nav-podcast, #articles #nav-articles, #admin #nav-admin, #books #nav-books {
  background-position:0 -150px;
  border-width:0;
}
#home #nav-home a, #podcast #nav-podcast a, #articles #nav-articles a, #admin #nav-admin a, #books #nav-books a {
  background-position:100% -150px;
  /*padding-bottom:5px;*/
  color:#fff;
}
#breakoutBodyContent p, #breakoutBodyContent a, #breakoutBodyContent h2 {
    color: white;
}
#breakoutBodyContent a {
    text-decoration:none;
    }
#breakoutBodyContent h2 a {
    font-weight: bold;
    font-size: 18px;
}
.moreInfo {
    font-weight: bold;
    text-decoration: underline;
    color: white;
}
.section_head_expanded {
    padding-left: 20px !important;
    background: url(/'expanded.gif') no-repeat left center;
    margin: 0 !important;
    margin-bottom: -8px !important;
    padding-bottom: 0 !important;
    cursor: pointer;
}
.section_head_collapsed {
    padding-left: 20px !important;
    padding-top: 0 !important;
    padding-bottom: 6px !important;
    background: url(/'collapsed.gif') no-repeat left center;
    margin: 0 !important;
    cursor: pointer;
}
.mini_comment {
    border: 1px solid #999; 
    background-color: #eee; 
    padding: 5px 10px; 
    margin-top: 10px; 
    margin-bottom: 10px;
}
.mini_comment .mini_title{
    font-weight: bold;
    }
.mini_comment .mini_author{
    font-style: italic;
    }
.mini_comment .mini_body{
    
    }
#suggestion_errors #errorExplanation {
    border:none;
}
#suggestion_errors #errorExplanation h2 {
    display: none;
    }
#suggestion_errors #errorExplanation ul li {
    color: red;
    font-weight: bold;
    }
pre {
  background: #eee;
  whitespace:nowrap;
  margin: 0.8em 0; padding: 8px;
  overflow-x: auto;
  width:98%;
  font-family: courier;
  font-size: 12px;
  line-height: 130%;
}
code {
  font-family: courier;
}
.biglink, .bigLink a, .bigLink a:link, .bigLink a:hover, .bigLink a:visited, .bigLink a:active {
    font-size: 20px !important;
}
.linkList p {
    margin: 0;
    font-style: italic;
}
.linkList .moreList p {
    margin-bottom:13px;
    margin-top:2px;
    font-style: normal;
}

.linkList li a {
    font-size: 12px;
}
.linkList li a:hover {
    text-decoration:underline;
}
.linkList li {
    padding-top: 4px;
}
.bookList h3 {
    font-weight: bold;
}
.bookList p.author {
    font-style: italic;
}
.bookList a:link, .bookList a:visited {
    color: #333;
    text-decoration:none;
}
.bookList a:hover {
    color: #666;
    text-decoration:underline;
}
#podcast_box {
}

#podcast_player {
    float:right;
    width: 260px;
    padding-bottom: 5px;
}  
#podcast_player object {
    margin-top: 0;
}
#podcast_player embed {
    margin-top: 0;
}
#podcast_playlabel {
    color:#bb0d04;
    font-size: 11px;
}
#podcast_info {
}  
.affiliate_ad {
    float:left;
    padding-right: 10px;
    padding-bottom: 10px;
}
.ad_code {
    font:courier;
    padding: 10px;
    border: 1px solid black;
}
.banner_body {
    width: 250px;
}
#left_col {
  float: left;
  width: 46%;
  margin: 0;
  padding: 0 10px 0 0;
  border-right: 1px solid #b0aba3;
}
#right_col {
  float:right;
  width: 48%;
  margin: 0;
  padding: 0 0 0 9px;
}

#bannerBodySeminars, #bannerBodyAbout, #bannerBodyArticles, #bannerBodyDevelopment, 
#bannerBodyHome, #bannerBodyPodcast, #bannerBodyRails, #bannerBodyServers, 
#bannerBodyUI, #bannerBodyBusiness   {
  width: 731px;
  background-repeat: no-repeat;
  float: left;
}
#bannerBodySeminars {
  background-image: url(/seminar.jpg);
}
#bannerBodyAbout {
  background-image: url(/crowd.gif);
}
#bannerBodyArticles {
  background-image: url(/articles.jpg);
}
#bannerBodyDevelopment {
  background-image: url(/category-development.jpg);
}
#bannerBodyHome {
  background-image: url(/homepage.jpg);
}
#bannerBodyPodcast {
  background-image: url(/podcast.jpg);
}
/* #bannerBodyRails {
  background-image: url(/rubyonrails.jpg);
} */
#bannerBodyServers {
  background-image: url(/category-servers.jpg);
}
#bannerBodyUI {
  background-image: url(/category-userinterface.jpg);
}
#bannerBodyBusiness {
  background-image: url(/category-business.jpg);
}
#bannerFoot {
  float: left;
  width: 731px;
  height: 10px;
  margin: 0;
  background-image: url(/banner-footer.jpg);
  background-repeat: no-repeat;
}
#bannerBodyContent {
    min-height: 215px;
}
/* #bannerBodyContent p {
    width: 350px;
    min-height: 140px;  
    padding-left: 20px;
} 
#bannerBodyContent h1 {
    font-weight: bold;
    font-size: 24px;
    width: 550px;
}
#bannerBodyContent h2 {
    width: 450px;
} */
#rightColBodyContent {
  padding: 16px 16px 0 16px;
}
#rightColContainerTop {
  float: right;
  width: 212px;
  margin-top: 0;
}
#article_body {
    margin-left: 10px;
    margin-right: 10px;
}
#article_body h1 {
    font-weight:bold;
    font-size: 24px;
    margin-left: 0;
}
#article_body h2 {
    margin-left: 0;
    margin-bottom: 15px;
}
#article_body p {
    line-height: 170%;
}
#content ul li, #article_body ul li, #article_body ol li {
    list-style-image: url(/bullit-square.gif);
    padding: 0 0 6px 0;
}
#content ul {
    margin-left: 0;
    padding-left: 20px;
    padding-top: 6px;
}
#content ul li, #article_body ul li {
    list-style-image: url(/bullit-square.gif);
}
/* #content ul {
    margin-left: 0;
    padding-left: 20px;
    padding-top: 6px;
} */
#content ul li, #article_body ol li {
    line-height: 170%;
}
#content blockquote, #content ul, #content ol, #content dl {
  margin: 0.5em 1em;
  padding: 0;
}
#content ol, #content ul, #content dl {
  margin-left:2em;
}
#nav a {
    font-size: 11px;
}
p.sub_nav {
    font-weight: bold;
}
#inline_search_box {
    float:right;
    margin-top:12px;
    padding-left: 5px;
}
.author {
    font-size: 12px;
    font-style: italic;
    margin-top: 0;
    margin-bottom: 0;
}
.description {
    font-size: 12px;
    font-style: normal;
    margin-top: 0;
    margin-bottom: 0;
}
#banner .more_head {
    padding: 15px 0 0 0;
}
#banner_more {
    float:right; 
    width: 290px;
    margin-top:190px;
    padding-right: 10px;
}


#banner_more h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 0 0 0.7em 0;
}
.article_excerpt h2 a:link, .article_excerpt h2 a:visited, .article_excerpt h2 a:active {
    text-decoration: none;
    color: #333;
}
.article_excerpt h2 a:hover {
  color:#666;
  text-decoration: underline;
}
.bucket .article_excerpt h4 {
    font-size: 12px !important;
    font-weight: bold !important;
    margin-bottom: 0 !important;
}

#browserNaviCenter {
  background-image: url(/naviSlice.jpg); 
  background-repeat: repeat-x;
  background-color: #FFF;
  height: 21px;
  padding-right: 4px;
  padding-left: 4px;
}


#browserNaviItem, #browserNaviItem a:link, #browserNaviItem a:visited, #browserNaviItem a:hover {
  padding-top: 4px;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
  color:#FFF;
}

.browserNaviNotSelected, .browserNaviNotSelected a:link, .browserNaviNotSelected a:visited {
  height: 16px;
  font-size: 11px;
  color:#bb0d04;
  background-color: #FFF;
  margin-top: 2px;
  margin-left:2px;
  text-decoration: none;
 }

.browserNaviNotSelected a:hover {
  color: #f00;
 }
.tagline {
    font-size: 14px;
    font-weight: bold;
    color:#bb0d04;
}
.betaLabel {
    font-size: 28px;
    font-weight: bold;
    color:#fdd;
}
.logo { /*
    font-family: Verdana;
    font-size: 40px !important;
    font-weight: bold;
    letter-spacing: -2px;
    text-decoration: none;
    width: 700px; */
}
.logo_red {
    color: #bb0d04;
}

.logo_black {
    color: #333;
}
.logo a:link, .logo a:hover, .logo a:visited, .logo a:active {
    text-decoration:none;
}
.sidebarHead {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
.inplaceeditor-form textarea {
    width: 400px;
}
.book_title {
    color: 333;
}
#form_email {
    display:none;
}
.mini_label {
  width: 50px;
  display:block;
  float:left;
  clear:left;
}
.odd {
    background-color: #eee;
}
.even {
    background-color: #ddd;
}
.odd td, .even td {
    padding-top: 4px;
    padding-bottom: 4px;
}
a.book_button {
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    text-decoration: none;
    padding: 4px;
    border-color: #bb0d04;
    font-weight: bold;
}
a.book_button:hover {
    text-decoration: none;
    background-color: #bb0d04;
    color:white;
}
#new_comment_div {
    padding: 10px;
    outline: 1px solid #999;
    margin: 10px 0;
    background-color: #ddd;
}
#screencast_button {
  padding: 6px; 
  background: #bb0d04; 
  color: white !important; 
  font-style:bold; 
  font-size:14px;
  text-decoration:none;
}

@charset "UTF-8";
/* CSS Document */

/******************************** COMMON TO ALL PODS ********************************/

.pod {
  margin: 0px auto;
  margin-bottom: 15px;
  width: 100%;
}
.top {
  background: transparent url(/LClr.png) no-repeat scroll 0px 50%;
  height: 25px;
  margin: 0 8px 0 0;
}
.top span {
  background: transparent url(/RClr.png) no-repeat scroll right top;
  height: 25px;
  position: relative;
  font-size: 1px;
  line-height: 1px;
  right: -8px;
  display: block;
}
.pod-content {
  background-color: #fff;
  margin: 0;
  padding: 0; /*1px 20px 1px 25px; */
  position:relative;
  border-left: 2px solid #CCCCCC;
  border-right: 2px solid #CCCCCC;
  font-size: 12px;
}
.bottom {
  background: transparent url(/crnrLBtm.png) no-repeat scroll left bottom;
  height: 8px;
  margin: 0 9px 0 2px;
}
html>body .bottom {
  background: transparent url(/crnrLBtm.png) no-repeat scroll left bottom;
  height: 8px;
  margin: 0 7px 0 0;
}
.bottom span {
  background: transparent url(/crnrRBtm.png) no-repeat scroll right bottom;
  display: block;
  height: 8px;
  position: relative;
  font-size: 1px;
  line-height: 1px;
  margin-right: -7px;
}

.share {
  text-align: right;
  padding: 0 10px 10px 0;
}

.properties_icon {
  margin-left:-10px;
  margin-top:10px;
  position:absolute;
  z-index:1;
  _display: block !important;
}

/******************************** SPECIFIC ACCOUNT STYLES (HACKS) ********************************/

.spartina .pod-content {
  background-color: #fff;
  font-family: Verdana,Arial,Helvetica;
  font-size: 11px;
}

.spartina.sponsor_pod div.pod-content {
  background-color: #bedce9;
}

.spartina.signup_pod {
  margin: 0 auto;
  padding: 0 0 9px 0;
  width: 215px;
}
.spartina.signup_pod h2 {
  margin: 0;
  border: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 15px;
}

/******************************** SPECIFIC POD STYLES ********************************************/

/******************************** BANNER POD *****************************************************/

.banner_pod {
  width: 100%;
}

.banner_pod .top {
  display: none;
}
.banner_pod .bottom {
  display: none;
}
.banner_pod .pod-content {
  border: 0;
}
.banner_pod .bannerBox {
  font-family: Verdana, Arial, Helvetica;
  background-image: url(/bannerFtr.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 0 0 11px 0;
}
.banner_pod .body {
  background-image: url(/bannerBkg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0;
  padding: 10px;
}

.banner_pod h1 {
  width: 504px;
}
.banner_pod h1 img {
  margin: 0;
  padding: 0;
  position: relative;
  top: 5px;
}
.banner_pod p {
  font-size: 12px;
  color: #333333;
}
.banner_pod p a {
  display: block;
}

/******************************** BASIC RESOURCE LIST POD ****************************************/
.basic_resource_list_pod .pod-content {
  padding: 1px 20px 1px 25px;
}

/******************************** BEST OF WEB POD ************************************************/
.best_web_pod {
  font-family: Verdana, Arial, Helvetica;
  width: 100%;
}
.best_web_pod .bottom {
  background: transparent url(/crnrLBtm.png) no-repeat scroll left bottom; 
  height:8px; 
  margin:0 6px 0 0; 
}
.best_web_pod .pod-content {
  background-color: transparent;
}
.best_web_pod .mainBoxHead {
  padding: 0;
  height: 35px;
}
.best_web_pod .mainBoxHead ul.breadCrumb {
  width: 500px;
  margin: 0;
  padding: 0;
  position: relative;
  top: 4px;
  left: 20px;
  float: left;
  font-size: 11px;
  color: #336633;
  font-weight: bold;
}
.best_web_pod .mainBoxHead ul.breadCrumb li {
  margin: 0;
  padding: 0 5px 0 0;
  list-style: none;
  float: left;
}
.best_web_pod .mainBoxHead ul.breadCrumb li a {
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: normal;
}
.best_web_pod .mainBoxHead .icon {
  margin: 0;
  padding: 0 27px 0 0;
  background-image: url(/icon-web-globe.gif);
  background-position: right center;
  background-repeat: no-repeat;
  float: right;
  position: relative;
  right: 20px;
  top: 2px;
  line-height: 33px;
}
.best_web_pod .icon a {
  color: #333333;
  font-size: 13px;
  text-decoration: none;
  padding: 0 5px 0 0;
}
.best_web_pod #article #articleHead {
  float: left;
  font-size: 11px;
  margin: 0;
  padding: 0;
  width: 400px;
}
.best_web_pod #article #articleHead img {
  margin: 20px 0 0 0;
}
.best_web_pod .bestMod {
  margin: 10px;
  padding: 0 0 0 10px;
  width: 210px;
  min-height: 140px;
  background-image: url(/content-header-corner.gif);
  background-position: top left;
  background-repeat: no-repeat;
  float: left;
}
.best_web_pod .bestMod .stripes {
  width: 210px;
}
.best_web_pod .bestMod ul.hdr {
  margin: 10px 0 10px 0;
  padding: 0;
  font-size: 15px;
  font-weight: bold;
  color: #333333;
}
.best_web_pod .bestMod ul.hdr li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
.best_web_pod .bestMod ul.hdr li.view {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}
.best_web_pod .bestMod ul.hdr li.view a {
  float: right;
  margin: 0;
  padding: 0;
  font-size: 11px;
  font-weight: normal;
  font-size: 11px;
  color: #336633;
}
.best_web_pod .bestMod ul {
  margin: 0;
  padding: 0 0 0 18px;
  clear: both;
}
.best_web_pod .bestMod ul li {
  margin: 0 0 3px 0;
  padding: 0;
  color: #333333;
}
.best_web_pod .bestMod ul li a {
  margin: 0;
  padding: 0;
  color: #336699;
  height: 12px;
}

/*IE6*/
html>body .best_web_pod .bestMod ul {
  margin: 0;
  padding: 0 0 0 13px;
}
html>body .best_web_pod .bestMod ul.hdr li.view a {
  float: none;
}
/*IE7*/
**:first-child+html .bestMod ul.hdr {
  clear: both;
  margin: 10px 0 0 0;
}
*:first-child+html .bestMod ul {
  margin: 0 0 0 18px;
  padding: 0;
}

/******************************** BLOG POD *******************************************************/
.blog_pod {
  width: 100%;
}

.blog_pod .pod-content {
  padding: 1px 20px 1px 25px;
}

.blog_pod .content p, .blog_pod .content h2 {
  margin: 0;
  padding: 0;
}

/******************************** CLASS SIGNUP POD ***********************************************/
.class_signup_pod .pod-content {
  padding: 1px 20px 1px 25px;
}}

/******************************** CONTACT FORM POD ***********************************************/
.contact_form_pod {
  width: 660px;
}

.contact_form_pod .pod-content {
  padding: 1px 20px 1px 25px;
}

/******************************** E-COMMERCE POD *************************************************/
.e_commerce_pod img {
  border: 0;
}

/******************************** EDITORIAL POD **************************************************/
.editorial_pod {
  font-family: Verdana, Arial, Helvetica;
  width: 100%;
}
.editorial_pod .bottom {
  background: transparent url(/crnrLBtm.png) no-repeat scroll left bottom; 
  height:8px; 
  margin:0 6px 0 0; 
}
.editorial_pod .pod-content {
  background-color: transparent;
}
.editorial_pod .mainBoxHead {
  padding: 0;
  margin: 0;
  height: 35px;
}
.editorial_pod .mainBoxHead ul.breadCrumb {
  width: 500px;
  margin: 0;
  padding: 0;
  position: relative;
  top: 10px;
  left: 20px;
  float: left;
  font-size: 11px;
  color: #336633;
  font-weight: bold;
}
.editorial_pod .mainBoxHead ul.breadCrumb li {
  margin: 0;
  padding: 0 5px 0 0;
  list-style: none;
  float: left;
  font-size: 11px;
  color: #336633;
}
.editorial_pod .mainBoxHead ul.breadCrumb li a {
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: bold;
}
.editorial_pod .mainBoxHead .icon {
  margin: 0;
  padding: 0 27px 0 0;
  background-image: url(/icon-editorial-pencil.gif);
  background-position: right center;
  background-repeat: no-repeat;
  float: right;
  position: relative;
  right: 20px;
  top: 2px;
  line-height: 33px;
  font-weight: bold;
}
.editorial_pod .mainBoxHead .icon a {
  color: #333333;
  font-size: 13px;
  text-decoration: none;
  padding: 0 5px 0 0;
}
.editorial_pod #article #articleHead {
  float: left;
  font-size: 11px;
  margin: 0;
  padding: 0;
  width: 400px;
}
.editorial_pod #article #articleHead embed {
 display: block;
 margin: 10px 0 10px 0;
}
.editorial_pod #article #articleHead img {
  margin: 20px 0 0 0;
}
.editorial_pod #article #articleHead h1 a {
  margin: 0;
  padding: 0;
  font-family: Verdana, sans-serif;
  color: #07456A;
  font-size: 22px;
  text-decoration: none;
}
.editorial_pod #sideBar {
  float: left;
  margin: 0 0 10px 0;
  padding: 0;
  width: 300px;
}
.editorial_pod #sideBar ul {
  font-size: 13px;
  font-weight: bold;
  color: #333333;
  margin: 0;
}
.editorial_pod #sideBar ul li {
  float: left;
  list-style: none;
  background-image: url(/bullit-square-yellow.gif);
  background-repeat: no-repeat;
  background-position: left 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
  font-weight: normal;
  padding: 0 0 0 20px;
  margin: 10px 0 0 0;
}
.editorial_pod #sideBar ul li a {
  color: #336633;
  display: block;
}

/*IE6*/
html> body .editorial_pod #article #articleHead .comments {
  margin: -3px 0 0 0;
  padding: 6px 0 0 29px;
}

/******************************** FORUM POD ******************************************************/
.forum_pod {
  width: 810px;
}

.forum_pod .pod-content {
  padding: 1px 20px 1px 25px;
}

/******************************** PHOTO GALLERY POD **********************************************/
.photo_gallery_pod {
  width: 100%;
}

.photo_gallery_pod .pod-content {
  height: 550px;
  padding: 1px 20px 100px 25px;
}

/******************************** PODCASTS POD ***************************************************/
.podcast_pod .pod-content {
  padding: 1px 20px 1px 25px;
}

.podcast_pod .content p, .podcast_pod .content h2 {
  margin: 0;
  padding: 0;
}

/******************************** SCHEDULER POD **************************************************/
.scheduler_pod .pod-content {
  padding: 1px 20px 1px 25px;
}

/******************************** SIGNUP POD *****************************************************/

.signup_pod .pod-content {
  padding: 1px 7px 1px 15px;
}

/******************************** SIMPLE TEXT POD ************************************************/
.simple_text_pod .pod-content {
  padding: 1px 20px 1px 25px;
}

div.hidden {
  border-width: 0px;
}

/******************************** SPONSOR POD ****************************************************/
.sponsor_pod .top {
  display: none;
}
.sponsor_pod .bottom {
  display: none;
}
.sponsor_pod .pod-content {
  border: 0;
}
.sponsor_pod img {
  border: 0;
}
.sponsor_pod .sponsors_heading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #336699;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  width: 125px;
}

/******************************** TOPIC LIST POD **************************************************/
.topic_list_pod .pod-content {
  padding-bottom: 15px;
}
.topic_list_pod {
  font-family: Verdana, Arial, Helvetica;
  margin: 0;
}
.topic_list_pod .mainBoxHead {
  padding: 0;
  margin: 0;
  height: 10px;
}
.topic_list_pod .mainBoxHead ul.breadCrumb {
  width: 500px;
  margin: 0;
  padding: 0;
  position: relative;
  top: 10px;
  left: 20px;
  float: left;
  font-size: 11px;
  color: #336633;
  font-weight: bold;
}
.topic_list_pod .mainBoxHead ul.breadCrumb li {
  margin: 0;
  padding: 0 5px 0 0;
  list-style: none;
  float: left;
  font-size: 11px;
  color: #336633;
}
.topic_list_pod .mainBoxHead ul.breadCrumb li a {
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: bold;
}
.topic_list_pod .mainBoxHead .icon {
  margin: 0;
  padding: 0 27px 0 0;
  background-image: url(/icon-editorial-pencil.gif);
  background-position: right center;
  background-repeat: no-repeat;
  float: right;
  position: relative;
  right: 20px;
  top: 2px;
  line-height: 33px;
  font-weight: bold;
}

.topic_list_pod ul.items h1 {
  margin: 10px 0 10px 0;
  color: #336633;
}
.topic_list_pod ul.items h1 a {
  margin: 10px 0 10px 0;
  color: #07456A;
  text-decoration: none;
}
.topic_list_pod ul.items {
  font-size: 13px;
  font-weight: bold;
  margin: 0 10px 10px 30px;
}
.topic_list_pod ul.items li {
  list-style: none;
  background-image: url(/bullit-square-yellow.gif);
  background-repeat: no-repeat;
  background-position: left 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
  font-weight: normal;
  padding: 0 10px 6px 20px;
  margin: 0 30px 0 0;
}
.topic_list_pod ul.items li a {
  color: #336633;
}
.topic_list_pod ul.items li p {
  margin: 2px 0 0 0;
  text-align: left;
}

ul.items {
  margin: 20px;
  padding: 0;
}
ul.items h1 {
  margin: 20px 0 20px 0;
  padding: 0;
}
ul.items li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: Verdana, Arial, Helvetica;
  color: #666666;
}


/******************************** NODE READER POD -- IN PROGRESS ****************************************************/
.node_reader_pod {
  font-family: Verdana, Arial, Helvetica;
  width: 100%;
}
.node_reader_pod .mainBoxHead {
  padding: 0;
  height: 10px;
}


/******************** SIDEBAR ********************/

.node_reader_pod #article #articleText #sideBarBox {
  float: right;
  width: 220px;
}
.node_reader_pod #article #articleText #sideBar {
  border-left: 1px solid #CCCCCC;
  margin: 0 0 10px 20px;
  padding: 0 0 0 30px;
  width: 185px;
}
.node_reader_pod #article #articleText #sideBar ul {
  font-size: 13px;
  font-weight: bold;
  color: #333333;
  margin: 0;
}
.node_reader_pod #article #articleText #sideBar ul li {
  clear:both;
  float: left;
  list-style: none;
  background-image: url(/bullit-square.gif);
  background-repeat: no-repeat;
  background-position: left 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #336633;
  font-weight: normal;
  padding: 0 0 0 20px;
  margin: 10px 0 0 0;
}
.node_reader_pod #article #articleText #sideBar ul li a {
  text-decoration: none;
}

/*IE6*/
html>body .node_reader_pod #article #articleText #sideBar {
  padding: 0;
  width: 212px;
}
html> body .node_reader_pod #article #articleHead .comments {
  margin: -3px 0 0 0;
  padding: 6px 0 0 29px;
}
/*IE7*/
*:first-child+html .node_reader_pod #article #articleText #sideBar {
  padding: 0 0 0 30px;
  width: 185px;
}

.node_reader_pod #article #articleText {
  margin: 10px;
}
.node_reader_pod #article #articleText ol {
  margin: 10px 10px 0px 10px;
  padding: 0;
}
.node_reader_pod #article #articleText ol li {
  padding: 0;
  list-style-position: inside;
}


/***** leftNav *****/
.node_reader_pod #leftNav {
  width: 151px;
  margin: 0 20px 10px 0;
  padding: 0 0 27px 0;
  float: left;
  background-color: #598559;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  background-image: url(/nav-bottom.png);
  background-position: bottom;
  background-repeat: no-repeat;
}
.node_reader_pod #leftNav h3 {
  margin: 0 0 5px 10px;
  padding: 10px 0 0 0;
  font-family: Verdana, sans-serif;
  color: #ffffff;
  font-size: 12px;
}
.node_reader_pod #leftNav .navColors .sq {
  padding: 0;
  float: left;
  margin: 0 5px 0 0;
  border-top: 2px solid #ffffff;
  display: inline;
  width: 20px;
  height: 20px;
}
.node_reader_pod #leftNav ul.navColors {
  margin: 0;
  padding: 21px 0 0 0;
  background-image: url(/nav-curve-top.gif);
  background-position: top left;
  background-repeat: no-repeat;
}
.node_reader_pod #leftNav ul.navColors li {
  margin: 0;
  padding: 0 2px 0 0;
  list-style: none;
  font-family: verdana;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  clear: both;
  color: #ffffff;
}
.node_reader_pod #leftNav ul.navColors li a {
  text-decoration: none;
  color: #ffffff;
  background-color: #598559;
}
.node_reader_pod #leftNav .navColors .txt {
  padding: 4px 0 0 5px;
  float: left;
}
.node_reader_pod #leftNav ul.navColors li.btmCap {
  background-image: url(/nav-curve-bottom.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
  padding: 0 0 7px 0;
  border-top: 2px solid #ffffff;
  width: 21px;
}

/*IE6*/
html>body .node_reader_pod #leftNav #navColors.sq {
  padding: 5px;
  float: left;
  margin: 0 4px 0 0;
  width: 13px;
  height: 15px;
}
html>body .node_reader_pod #leftNav .navColors .txt {
  padding: 4px 0 0 0;
  float: left;
}
html>body .node_reader_pod #leftNav ul.navColors li.btmCap {
  padding: 0 0 21px 0;
}


/***** leftNav list*****/
.node_reader_pod #leftNav h4 {
  margin: 0;
  padding: 22px 0 0 12px;
}
.node_reader_pod #leftNav ul {
  margin: 0;
  padding: 0 0 0 22px;
  font-size: 13px;
}
.node_reader_pod #leftNav ul p {
  margin: 0 0 5px 0;
  padding: 0;
}
.node_reader_pod #leftNav li {
  margin: 0 0 8px 1px;
  padding: 0 2px 2px 15px;
  list-style: none;
  font-size: 12px;
  background-image: url(/nav-arrow.gif);
  background-repeat: no-repeat;
  line-height: 10px;
}
.node_reader_pod #leftNav li a {
  color: #ffffff;
}
.node_reader_pod #leftNav li a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #77b277;
}
.quote {
  margin: 0 0 10px 0;
  padding: 22px 0 0 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

/*****BOOK******/
.node_reader_pod #article #articleHead .isbn {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
}
.node_reader_pod #article #articleHead #bookDetail {
  float: left;
  margin: 20px 20px 0 0;
}
.node_reader_pod #article #articleHead img {
  float: left;
  margin: 20px 20px 0 0;
}

/**** comments *****/
.node_reader_pod #new_comment_div {
  padding: 10px;
  outline: 1px solid #999;
  margin: 20px 20px;
  background-color: #ddd;
}

.node_reader_pod .mini_comment {
  border: 1px solid #999;
  background-color: #eee;
  padding: 5px 10px;
  margin: 10px 20px;
}
.node_reader_pod #comment_intro {
  border-top: 1px solid #CCCCCC;
}
.node_reader_pod .comment_intro_title {
  margin: 0px 20px;
}
.node_reader_pod #comment_result {
  margin: 0px 20px;
}

.node_reader_pod #comment_form #form_email {
  display: none;
}


/*********** REUSABLE BOX LFT COLUMN ***********/
.node_reader_pod #article #articleText .box {
  width: 212px;
  padding: 0 0px 5px 0;
  margin: 0 0 5px 15px;
  float: right;
  position: relative;
  right: -17px;
  bottom: 0;
  background-image: url(/articleBoxBtmCap.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}

.node_reader_pod #article #articleText .box_head {
  padding: 0 0 9px 0;
  margin: 0;
  background-image: url(/commentsTopCap.png);
  background-repeat: no-repeat;
  background-position: top left;
}

.node_reader_pod #article #articleText .box_head h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 15px;
  margin: 0;
  padding: 10px 0 0 10px;
  color: #333333;
}
.node_reader_pod #article #articleText .box_head p {
  background-image: url(/redPlus.png);
  background-repeat: no-repeat;
  background-position: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
  color: #666666;
}
#articleText .box_body {
  background-image: url(/articleBoxBkg.png);
  background-repeat: repeat-y;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 10px 0 0 20px;
}
.node_reader_pod #article #articleText .box_body ul {
  margin: 0;
  padding: 0;
}
.node_reader_pod #article #articleText .box_body ul li {
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
  font-style: italic;
}
.node_reader_pod #article #articleText .box_body ul li a {
  margin: 0;
  padding: 0;
  list-style: none;
  font-style: normal;
  display: block;
}

.node_reader_pod #article #articleText .box_body ul.commentForm {
  margin: 0;
  padding: 0;
}
.node_reader_pod #article #articleText .box_body ul.commentForm li {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #000;
  font-style: normal;
}
.node_reader_pod #article #rate p {
  margin-bottom: 0;
}
.node_reader_pod #article #rate .submitButton {
  float: right;
  margin: 10px 20px 0 0;
}

/*IE6*/
html>body .node_reader_pod #article #articleText .box {
  right: 0;
  padding: 0 0px 15px 0
}
html>body .node_reader_pod #article #articleText .box_head {
  margin-right: -15px;
  padding: 0 0 0 0;
}
html>body .node_reader_pod #article #articleText .box_body {
  padding: 10px 0 10px 20px;
}
/*IE7*/
*:first-child+html .node_reader_pod #article #articleText .box_head {
  margin-right: -15px;
  padding: 0 0 9px 0;
}
*:first-child+html .node_reader_pod #article #articleText .box_body {
  padding: 10px 0 2px 20px;
  margin: 0;
}


#currentThemeDisplay {
  font-weight: bold;
  font-size: 110%;
}

#currentThemeActions td {
  vertical-align: top;
}

.themeImage {
  max-height: 80px;
  max-width: 80px;
}

/********** FORMS **************/

label.reqd {   /* for required fields */
  font-weight:bold;
}

label.left {
  width: 120px;
  display: block;
  float: left;
  text-align: right;
  clear: left;
  text-transform: uppercase;
  font-weight: bold;
  font-size:90%;
  padding-right: 10px;
}

#contact_intro {
  border-bottom: 1px solid #333;
  margin-bottom: 2em;
}
#contact_pod_form label {
  width: 8em;
  display: block;
  float: left;
  text-align: right;
  clear: left;
  text-transform: uppercase;
  font-weight: bold;
  font-size:90%;
  padding-right: 1em;
}
#contact_pod_form input, textarea {
  
  padding: 0.23em;
  
}
#contact_pod_form .indent {
  margin-left: 9em;
}
#contact_firstname, #contact_lastname {
  width: 15em;
}
#contact_company, #contact_email, #contact_subject, #contact_message {
  width: 31em;
}

p#email2 {
  display: none;
}
#contact_pod_form input.submit_button {
  background: none;
  border: none;
}

#comment_email2 { display:none; }
.indent_submit { margin-left:98px !important; }