html, body   { 
height: 100%; 
margin: 0; 
padding: 0;
color: #beaf99; 
background:url(i/bg_circgrad3.jpg) #000000 right bottom no-repeat;
text-align: center; 
font-size: 100%;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
border:0;
}
div#centered { 
border: 0; 
height: 95%; 
width: 95%;
position: absolute; 
left: 2%; 
top: 2%; 
z-index: 2;
}
div#top, div#topcm { /* BS bg testing stuff */
position: absolute;
text-align: left;
top: 0%;
left: 0%;
width: 100%;
height: 125px;
background: url(bg/world-maps-bg-big9.jpg) 50% -20px;
border-top: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
color: #dddddd;
z-index: 2;
font: bold 16px/16px times, times new roman, serif;
}
div#topcm { /* BS bg testing stuff */
background: url(bg/bryan.jpg) 50% -20px;
}
div#top a, div#topcm a {
color: #dddddd;
font-size: 0.85em; /* slim down top nav (navtop) type */
}
div#top a:hover, div#topcm a:hover {
color: #ffffff;
}
/* hi-res logo for print doesn't work this way... (trying to avoid the 1px x 1px dot :) */
/*
div#logo {float:left; content: url(rubicon.com_logo_print.jpg) width:71px; height: 73px;}
*/
/*
  fix navtop for printing purposes....
*/
div#navtop, div#navtopcm { /* bs bg stuff */
float:right; 
text-align: right;
background: url(bg/nav3.gif) 0% 0% no-repeat;
height: 2px;
}
div#navtopcm { /* bs bg test stuff */
background: url(none) 0% 0% no-repeat;
}
div#head {
display:block;
text-align: right;
font: 24px/24px Times, Times New Roman, Serif;
margin-top: 22px;
_margin-top: 24px;
letter-spacing: 0.2em;
_letter-spacing: 0.3em;
color:#c4b997;
}
div#subhead {
display:block;
text-align: right;
font: italic 8px/11px verdana, Georgia, Times, Times New Roman, Serif;
letter-spacing: 0.2em;
color:#c4b997;
}
div#hsubnav {
clear:both;
padding-top:20px;
font: 12px/17px verdana, arial, sans-serif;
color: #dddddd;
}
div#hsubnav a {
background: url(bg/hnav.gif);
}
div#bottom, div#bottomcm { /* bs bg stuff */
position: absolute; 
text-align: left;
top: 125px;
left: 0%;
width: 100%;
height: 70%;
background: url(bg/world-maps-bg-small_copy9.jpg) 50% -145px;
_background: url(bg/world-maps-bg-small_copy9.jpg) 47% -145px fixed; /*IE*/
background: url(bg/world-maps-bg-big_copy9.jpg) 50% -145px;
_background: url(bg/world-maps-bg-big_copy9.jpg) 47% -145px fixed; /*IE*/
border-top: 1px solid #dddddd;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
z-index: 2;
}
div#bottomcm { /* bs bg testing stuff */
background: url(bg/bryancopy.jpg) 50% -145px;
_background: url(bg/bryancopy.jpg) 47% -145px fixed; /*IE*/
}
div#sidenav {
display: block;
float: left;
width: 20%;
margin-top: 30px;
z-index: 4;
/* layer stuff */
position:relative;
right:0%;
top:0%;
z-index:10;
}
div#sidenav a {
display: block;
margin-top: 7px;
color:#dddddd;
/*
font-size: 0.85em;
*/
font-size: 0.75em;
font-family: verdana, arial, sans-serif;
line-height: 1.2em;
margin:15px 8px 0px 0px;
padding-left:15px;
text-indent:-5px;
}
div#sidenav a:hover {
color:#ffffff;
}
div#sidenav a img {
margin-left: 40px;
}
div#content, .content {
font: 0.75em verdana, arial, sans-serif;
}
#content a:link:after, #content a:visited:after, 
	.content a:link:after, .content a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 70%;
   }
div#content {
/* pos stuff is new */
position:relative;
right:0%;
top:0%;
z-index:10;
/* end new stuff */
float: right;
width: 75%;
}
div#content table#form tr td, #form tr td input, #form tr td textarea , 
  div#content table#contact tr td, #contact tr td input, #contact tr td textarea {
/* JF: just took out... form text size too small */
/*font: 0.75em verdana, arial, sans-serif;*/
}
#form tr td input, #form tr td textarea , 
  #contact tr td input, #contact tr td textarea {
width: 200px;
}
#form tr td textarea , #contact tr td textarea {
height: 40px;
}
#form tr td input#checkbx {
float: left;
margin: 3px 1px;
width: 20px;
}
table#contact{
margin-left: 50px;
}
#contact tr td input#submit, #form tr td input#submit {
margin-top: 4px;
width: 42px;
height: 17px;
}
div.row {
}
div.row div.text {
display: block;
float: left;
width: 5em;
}
div#content img {
margin: 10px;
}
div#content a {
text-decoration: underline;
color:#c4b997;
}
div#content a:hover {
color: #ffffff; 
}
div#content p, div#content ul {
padding-right: .7em;
}
div#content ul {
line-height: 1.5em;
}
div.center {
position: relative;
width: 100%;
text-align: center;
}
.rta {
text-align: right;
padding: 0em .5em;
}
.right{
float: right;
margin-left: 5px;
}
.left{
float: left;
margin-right: 5px;
}
img.right{
}
img#nospacetrb{
margin: 0px;
padding: 0px;
}
div#title{
color:#c4b997;
color:#beaf99;
font-family: Times, Times New Roman, Serif;
font-size:1.5em;
line-height:1.2em;
padding-top:10px;
margin-top:0px;
letter-spacing: 0.05em;
}
#title a, div#title a{
font-family: Times, Times New Roman, Serif;
color:#c4b997;
color:#beaf99;
text-decoration: none;
}
div#pullquote {
float: right;
width: 220px;
margin-top: 60px;
margin-left: .8em;
padding: .5em .8em;
border-top: 1px solid #63645d;
border-bottom: 1px solid #63645d;
border-left: 1px solid #63645d;
background: url(bg/dyk.gif);
font-size:0.9em;
line-height: 1.3em;
_line-height: 1.5em;
}
div#dyk {
float: right;
width: 160px;
margin-top: 60px;
margin-left: .8em;
padding: .5em .8em;
border-top: 1px solid #63645d;
border-bottom: 1px solid #63645d;
border-left: 1px solid #63645d;
background: url(bg/dyk.gif);
font-size:0.9em;
color: #dddddd;
}
div.dykhead {
text-indent:-5px;
font-weight:bold;
color:#c4b997;
}
/* selected */
div#navtop a.s, div#hsubnav a.s, div#sidenav a.sel {
color:#c4b997;
}
div#hsubnav a, div#hsubnav a.s {
font-weight:bold;
}
div#foot {
position: absolute;
top: 125px;
left:0%;
height: 70%;
width: 100%;
text-align: right;
font: 10px/10px Verdana, Arial, sans-serif;
padding: 2px;
z-index: 1;
}
div#foot a {
/* color: #50ab88; */
color: #dddddd;
}
div#pushdown {
position: relative;
top: 0%;
width: 100%;
height: 100%;
z-index: 1;
}
/* pop up formatting */
body#popupcontent{
font: .8em verdana, arial, sans-serif;
text-align:left;
background:url(na) #05244a;
width:100%;
height:100%;
}
div#screen img{
position: absolute;
top:-125px;
right:0%;
}
div#screen {
position: absolute; 
top: 0%;
left: 0%;
width: 100%;
height: 100%;
z-index: 3;
overflow: hidden;
}
#popuptitle, a #popuptitle {
font: bold 1.5em Times New Roman, Serif;
color:#c4b997;
border-bottom: 2px solid #dddddd;
}
div#video {
margin-top:10px;
width:500px;
height:400px;
border: 1px solid black;
}
/* home specific stuff */
div#homebottom {
position: absolute; 
text-align: left;
top: 125px;
left: 0%;
width: 100%;
height: 70%;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
z-index: 2;
background: url(bg/world-maps-bg-small9.jpg) 50% -145px;
_background: url(bg/world-maps-bg-small9.jpg) 50% -144px fixed; /*IE*/
background: url(bg/world-maps-bg-big9.jpg) 50% -145px;
_background: url(bg/world-maps-bg-big9.jpg) 50% -144px fixed; /*IE*/
}
div#hometop {
position: absolute;
text-align: left;
top: 0%;
left: 0%;
width: 100%;
height: 70%;
background: url(bg/world-maps-bg-small9.jpg) 50% -20px;
background: url(bg/world-maps-bg-big9.jpg) 50% -20px;
border-top: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
color: #dddddd;
z-index: 2;
}
div#hometop a {
color: #dddddd;
}
div#hometop {
font: bold 16px/16px times, times new roman, serif;
}
div#homecontent {
width: 100%;
height: 100%;
}
#homeleads{
position: absolute;
bottom:0%;
font: 0.75em verdana, arial, sans-serif;
color: #beaf99;
background: url(bg/hnav.gif);
border-top: 1px solid #cccccc;
}
#homeleads tr td {
width: 33%;
vertical-align: top;
padding: .1em;
}
#homeleads tr td a {
color: #beaf99;
margin-left: .7em;
display: block;
}
#homeleads tr td a:hover {
color: #dddddd;
text-decoration:none;
}