body {
background-image: url(carbonfiber.gif);
background-repeat: repeat;
width: 100%;
text-align: center;
margin: 0px auto;
padding-top: 0px;

}

#maincontainer{
width: 840px;
margin: 0 auto; /*Center container on page*/
background-image: url(gfsstripes.gif);
background-repeat: repeat-y;
text-align: center;
}

#topsection{
background-image:  url(gfsstripes.gif);
background-repeat: repeat-y;
height: 112px;
}

.midsectioncontainer{
width: 770px;
margin: 0 auto;
text-align: left;
}

#middlesection{
width: 768px;
text-align: center;
margin: 0 auto;
padding: 0;
float: left;
}


/* ---------------------Begin Dynamic Drive code---------------------- */
#contentcolumn{
margin-left: 240px; /*Set left margin to LeftColumnWidth plus borders*/
}

#leftcolumn{
float: left;
width: 234px; /*Width of left column*/
margin-left: -766px; /*Set left margin to -(MainContainerWidth)*/
background: #5cacee;
border-right: 6px solid #5cacee;
}

.innertuberight{
margin: 1em; /*Margins for inner DIV inside each column (to provide padding)*/
text-align: justify;
}

.innertubeleft{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
}
/* ------------------------End Dynamic Drive code----------------------- */


#footer{
clear: both;
width: 100%;
background-image:  url(gfsfooterstripes.gif);
background-repeat: repeat-y;
color: #fff;
text-align: center;
border-bottom: 1px solid #000;
padding: 4px 0;
}

#footer p{
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
color: #fff;
background: transparent;
line-height: 16px;
}

#footer a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: bold;
text-decoration: underline;
color: #fff;
background: transparent;
line-height: 16px;
}

#footer a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: bold;
text-decoration: underline;
color: #fff;
background: transparent;
line-height: 16px;
}

#footer a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: bold;
text-decoration: underline;
color: #fff;
background: transparent;
line-height: 16px;
}

#footer a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: bold;
text-decoration: underline;
color: #fff;
background: transparent;
line-height: 16px;
}

/* ---------------begin nav---------------- */
div.rednav {
width: 784px;
background: #fff;
border-top: 3px solid #0f4d8a;
border-right: 1px solid #fff;
border-bottom: 3px solid #0f4d8a;
border-left: 1px solid #fff;
text-align: center;
margin: 0px auto 0px auto;
padding: 6px 0px 6px 0px;
}

div.blacknav {
width: 784px;
color: #fff;
background: #db0f23;
margin: 0px auto 0px auto;
padding: 2px 0px 2px 0px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
font-style: oblique;
text-decoration: none;
}

.blacknav a:link {
margin-right: 0px;
margin-left: 0px;
text-indent: 0px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
font-style: italic;
text-decoration: none;
color: #fff;
background: #db0f23;
}

.blacknav a:visited {
margin-right: 0px;
margin-left: 0px;
text-indent: 0px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
font-style: italic;
text-decoration: none;
color: #fff;
}

.blacknav a:hover {
margin-right: 0px;
margin-left: 0px;
text-indent: 0px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
font-style: italic;
text-decoration: none;
color: #fff;
background: #f66 
}
/* ------------ begin chromestyle4.css -------------- */
.chromestyle {
width:100%;
font-weight:700
}

.chromestyle:after { /*Add margin between menu and rest of content in Firefox*/
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}

.chromestyle ul {
/*border-top:6px solid #e50609;
border-right:1px solid #e50609;
border-bottom:6px solid #e50609;
border-left:1px solid #e50609;*/
width:100%;
background:url(chromebg4.gif) center center repeat-x; /*THEME CHANGE HERE*/
text-align:center; /*set value to "left", "center", or "right"*/
margin:0;
padding:4px 0
}

.chromestyle ul li {
display:inline
}

.chromestyle ul li a {
color:#fff;
text-decoration:none;
font-family:verdana,arial, helvetica, sans-serif;
font-size:12px;
font-weight:700;
border-right:0 solid #e8bebe; /*THEME CHANGE HERE*/
margin:0;
padding:4px 7px
}

.chromestyle ul li a:hover,.chromestyle ul li a.selected { /*script dynamically adds a class of "selected" to the current active menu item*/
background:url(chromebg4-over.gif) center center repeat-x /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv {
position:absolute;
top:0;
border:1px solid #666; /*THEME CHANGE HERE*/
border-bottom-width:0;
font:normal 12px Verdana;
line-height:20px;
z-index:100;
background-color:#cae1ff;
width:200px;
visibility:hidden;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cacaca,direction=135,strength=4) /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a {
width:100%;
display:block;
text-indent:3px;
border:0;
border-bottom:1px solid #666; /*THEME CHANGE HERE*/
text-decoration:none;
font-weight:400;
color:#000;
padding:2px 0
}

.dropmenudiv a:hover { /*THEME CHANGE HERE*/
background-color:#fff;
}
/* ------------ end chromestyle4.css -------------- */


/* ----------------------end nav------------------- */

div #ctop {
background-image:  url(http://www.bluerealriders.com/postimages/kudostop.gif);
background-repeat: no-repeat;
width: 780px; height: 126px;
margin: 0px 0px 0px 30px;
padding: 0px 0px 0px 30px;
}

#ctop p {
margin-top: 0px;
color: #000;
font-weight: normal;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}

#ctop a:link {
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-decoration: none;
font-weight: bold;
text-decoration: underline;
color: #535353;
}

#ctop a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-decoration: none;
font-weight: bold;
text-decoration: underline;
color: #535353;
}

#ctop a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-decoration: none;
font-weight: bold;
text-decoration: underline;
color: #999;
}

.nobluelinks a:link{
margin-top: 0px;
color: #000;
font-weight: normal;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
}

.nobluelinks a:visited {
margin-top: 0px;
color: #000;
font-weight: normal;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
}

.nobluelinks a:hover {
margin-top: 0px;
color: #000;
font-weight: normal;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
}

div #preloaded-images {
position: absolute;
overflow: hidden;
left: -9999px; 
top: -9999px;
height: 1px;
width: 1px;
}

div #nspoad {
width: 230px;
margin: 8px 0 0 0;
padding: 1em 2px;
border-top: solid 2px #fff;
background-color: #000;
text-align: center;
}

.archive {
width: 174px;
margin:0;
padding: 0.5em 2px 0px 2px;
border-bottom: solid 10px #333399;
background-color: #fff;
text-align: center;
}

.archive p {text-align: center; font-size: 9pt; color: #000; text-decoration: none;}
.archive a:link {text-align: center; font-size: 9pt; color: #000; text-decoration: underline;}
.archive a:visited {text-align: center; font-size: 9pt; color: #000; text-decoration: underline;}
.archive a:active {text-align: center; font-size: 9pt; color: #000; text-decoration: underline;}
.archive a:hover {text-align: center; font-size: 9pt; color: #000; text-decoration: underline;}

.update p {text-align: center; font-size: 10pt; text-decoration: none; margin: 0px; margin-top: 1em; line-height: 14pt; color: #fff;}
.update a:link {text-align: center; font-size: 10pt; font-style: italic; text-decoration: none; margin: 0px; line-height: 14pt; color: #fff;}
.update a:visited {text-align: center; font-size: 10pt; font-style: italic; text-decoration: none; margin: 0px; line-height: 14pt; color: #fff;}
.update a:active {text-align: center; font-size: 10pt; font-style: italic; text-decoration: none; margin: 0px; line-height: 14pt; color: #fff;}
.update a:hover {text-align: center; font-size: 10pt; font-style: italic; text-decoration: none; margin: 0px; line-height: 14pt; color: #fff;}

table.centerlight{ 
float:left;
margin: 0px 0px 0px 0px;
width: 767px;
text-align: left;
background: #e6e6e6;
border-right:solid 1px #000; border-bottom:solid 1px #000; border-left:solid 1px #000;
}

table.centerdark{
float:left;
margin: 0px 0px 0px 0px;
width: 767px;
text-align: left;
background: #d9d9d9;
border-right:solid 1px #000; border-bottom:solid 1px #000; border-left:solid 1px #000;
}

td { margin: 0px; padding: 0px; }

td.ids{ width:136px; border-right:solid 1px #000; vertical-align: top; }

td.poststuff{ padding: 0px 0.5em 6px 0.5em; vertical-align: top; }

hr { text-align: left; width: 96%; height: 1px; color: #000; /* For Internet Explorer */
margin-left: 0; background-color: #000; border: 0px solid #000; } /* For Opera and Gecko-based browsers */

h1 {
margin-left: 0px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-size: 12pt;
font-weight: bold;
text-decoration: none;
}

p {
margin-right: 0px;
margin-left: 0px;
text-indent: 0px;
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
text-decoration: none;
}

ul {
margin-right: 0px;
margin-left: 0em;
text-indent: 0px;
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
text-decoration: none;
}

img { border: 0; } /* to stop blue boxes around image links */

a { outline: none;}
a:active { outline: none; } /* to stop boxes around links in Firefox */

p.quote {padding:0.5em 1em; margin:1em 2em; border-top:solid 2px #333; border-bottom: solid 2px #333;}

/* begin post dates */

div.datedk {
margin-left:400px;
background-image:url(http://members.cox.net/bluerealriders/postimages/datedk.gif);
background-repeat:no-repeat;
width:181px;
height:17px;

}
p.datedk {
text-align: left;
font-size:7pt;
margin:0 0 6px 0;
padding:4px 0 0 3em;
color:#000;
}

div.datelt {
margin-left:400px;
background-image:url(http://members.cox.net/bluerealriders/postimages/datelt.gif);
background-repeat:no-repeat;
width:181px;
height:17px;
}

p.datelt {
text-align: left;
font-size:7pt;
margin:0 0 6px 0;
padding:4px 0 0 3em;
color:#000;
}