﻿/* CSS Document */
body {font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif;margin:0;position:relative;}
  *{ margin:0; padding:0; }
.header{
position:relative;
height:116px;
width:1000px;
}
.repRXLogo{
position:absolute;
left:164px;
top:83px;
z-index:301;
width:165px;
height:31px;
background:#fff url(../../images/RepRX/reprxLogo.gif) no-repeat 0 0;
}
/* 		
		Could make an h1 for "ReputationRX" by pasting:
		<h1>ReputationRX</h1> into the <div id="repRXLogo"> tag
		but, 30px times looks bad to me
		
div#repRXLogo h1{
font:"Times New Roman", Times, serif;
font-size:3.0em;
color:#F97C16;
}
*/
div#ceoRep{
position:absolute;
left:808px;
top:95px;
z-index:302;
width:220px;
height:19px;
/*
background:#fff url(images/ceoRep.gif) no-repeat 0 0;
*/
}
div#ceoRep h3{
font:"Times New Roman", Times, serif;
font-size:1.3em;
color:#F97C16;
}
div#keyGraphic{
position:absolute;
left:0;
top:0;
z-index:300;
width:195px;
height:330px;
background:#fff url(../../images/RepRx/keysLargeInterior.gif) no-repeat 0 0;
}
div#wrapper{
position:relative;
width:1000px;
background:#fff url(../../images/RepRx/interior_bg.gif) repeat-y 50% 0;
}
div#leftColumn{
color:#666;
margin-left:195px;
width:606px;
padding:0px 0px 12px 0px;
}
div#leftColumn h2{
color:#666;
font-size:1.4em;
padding:6px 0px 8px 0px;
}
div#leftColumn h5{
color:#666;
font-size:1.3em;
padding:6px 0px 8px 0px;
}
div#leftColumn h5.bulletMe{
display:list-item;
padding:0px 20px 0px 18px;
}
div#leftColumn h6{
color:#666;
font-size:1.0em;
padding:6px 0px 2px 0px;
}
div#leftColumn h6.indentMeMore{
padding-left:20px;
}
div#rightColumn{
position:absolute;
top:0;
left:801px;
}
.indentMe{
display:block;
margin-left:18px;
padding:0px 20px 0px 0px;
}
div#leftColumn p{
font-size:1.1em;
line-height:1.3em;
clear:left;
/*margin:0px 0px 10px 0px;
padding:0px 20px 0px 19px;*/
}
div#leftColumn p.bulletMe{
display:list-item;
margin:0px 0px 10px 0px;
padding:0px 20px 0px 18px;
}
div#leftColumn p.bulletMeMore{
display:list-item;
margin-left:32px;
padding:0px 20px 0px 0px;
}
div#leftColumn p.indentMeMore{
padding:0px 32px 0px 32px;
}
div#leftColumn p.onlyContent{
padding-bottom:250px;
}

/*div#leftColumn img {
border:1px solid #253781;
position:relative;
z-index:299;
left:12%;
}*/
div#leftColumn span.centerMe{
display:block;
text-align:center;
}
div#leftColumn a{
color:#253781;
font-weight:bold;
}

div#leftColumn ul{
font-size:1.1em;
line-height:1.3em;
padding-left:45px;
list-style-type:disc; /*inside;*/
color: #666;
padding-right:20px;
margin-bottom:8px;
}
div#leftColumn ul li{
margin-bottom:10px;
}
div#leftColumn ul li div{
color:#666;
padding-right:20px;
}
div#leftColumn em{
color:#666;
font-size:0.9em;
letter-spacing:0.3px;
}
div#leftColumn ul li span.speaker{
text-align:right;
display:block;
margin-bottom:10px;
padding-right:20px;
}

div#leftColumn ul.arrowList{
font-size:1.1em;
line-height:1.3em;
padding-left:26px;
/*list-style-type:square;
list-style-image:url(images/arrow.gif);*/
list-style-type:none;
color: #666;
padding-right:20px;
margin-bottom:8px;
}

.arrowList li{
background:url(../../images/RepRx/arrow.gif) no-repeat left 5px;
padding:0px 20px 0px 12px;
}

div#leftColumn ol{
font-size:1.1em;
line-height:1.3em;
list-style:decimal outside;
padding-left:50px;
padding-right:20px;
margin-bottom:10px;
}
div#leftColumn ol li{
margin-bottom:8px;
}
div#leftColumn table{
background:#fff;
border-collapse:collapse;
width:40em;
border:1px solid #999;
margin:1em 8em 10px;
}
div#leftColumn caption{
font-weight:bold;
line-height:2;
}
div#leftColumn th, td{
/*padding:0px;*/
padding:0.2em 1em;
}
div#leftColumn thead{
border-bottom:1px solid #999;
text-align:left;
}
div#leftColumn tr,div#leftColumn td,div#leftColumn th  {
border:1px solid #999;
text-align:left;
}
ul.surpriseList li{
color:#666;
padding-right:20px;
}
ul.surpriseList li strong{

}
ul.surpriseList li span.item{
color:#666;
font-weight:bold;
}
ul.surpriseList li span.warningSign{
display:block;
width:100%;
line-height:1.4;
margin-bottom:4px;
}
.menuStyle
{
list-style:none;
border-top:1px solid #EFEFEF;
border-bottom:1px solid #EFEFEF;
margin-left:0px;
padding:6px 0px 2px 0px;
text-decoration:none;

}

.menuStyle a:link, .menuStyle a:visited
{
   display:block;
   padding:0px 0px 0px 7px; 
}
.menuStyle a:hover
{
    
}
.menuItemStyle
{
color:#BFBFBF;
text-decoration:none;
margin-left:0px;
margin:2px 0px 1px 0px;
}

.searchForm{
float:left;
margin:-1px 0px 0px 10px;
padding:0px;
}
.searchFormTB{
font-size:0.9em;
padding:1px 0px 0px 2px;
border:1px solid #000;
width:110px;
height:14px;
}
.searchBtn{
font-size:0.9em;
margin:0px;
padding:1px 2px 1px 1px;
border:none;
background-color:#6CE07B;
cursor:pointer;
}


.subMenuStyle
{
list-style:none;
/*margin-left:20px;
padding-top:4px;*/
color:#BFBFBF;
text-decoration:none;
margin-left:0px;
margin:1px 0px 2px 0px;
}
.subMenuStyle a:link, .subMenuStyle a:visited
{
   margin-left:0px;
}
.subMenuItemStyle
{

}
.itemHoverStyle
{
    color:#F97C16;
}
.itemSelectedStyle
{
    color:#F97C16;
}
.menuSelectedStyle
{
    color:#F97C16;
}
/*
ol#servicesList li a,ol#servicesList li a:visited {
color:#BFBFBF;
text-decoration:none;
}

ol#servicesList{
list-style:none;
border-top:1px solid #EFEFEF;
border-bottom:1px solid #EFEFEF;
margin-left:8px;
padding:6px 0px 2px 0px;
}
ol#servicesList li{
margin:0px 0px 4px 0px;
}
ol#servicesList li a,ol#servicesList li a:visited {
color:#BFBFBF;
text-decoration:none;
}
ol#servicesList li a:hover{
color:#F97C16;
}
ol#servicesSubList{
list-style:none;
margin-left:20px;
padding-top:4px;
}
ol#servicesSubList li{
margin:0px 0px 4px 0px;
}
ol#servicesSubList li a,ol#servicesSubList li a:visited {
color:#BFBFBF;
text-decoration:none;
}
ol#servicesSubList li a:hover{
color:#F97C16;
}
ol#servicesList li a#current, ol#servicesSubList li a#current{
color:#F97C16;
}
*/
div#wsGraphic{
margin:4px 0px 0px 8px;
width:196px;
height:58px;
background:#fff url(../../images/RepRx/wsLogo.gif) no-repeat 0 0;
cursor: pointer;
}
div#footer
{
width:605px;
}

.mainNavList{
color:#797979;
font-size:1.2em;
font-weight:normal;
letter-spacing:1px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:-24px 0px 0px 380px;
padding:0px;
position:absolute;
text-align:right;
}

.mainNavList1_li{
border-right:1px solid #F97C16;
color:#797979;
display:block;
float:left;
margin:0px;
padding:0px 5px 0px 5px;
text-decoration:none;
}
.mainNavList_ItemLast{ 
display:inline;
margin:0px 2px 0px 0px;
border-right:none;
}
ol.mainNavList li{
display:inline;
margin:0px;
padding:0px;
}
ol.mainNavList li#mainNavListItemLast{
display:inline;
margin:0px 2px 0px 0px;
border-right:none;
}
ol.mainNavList li a, ol.mainNavList li#mainNavListItemLast a{
color:#797979;
text-decoration:none;
padding:0px 4px 0px 0px;
margin-right:2px;
border-right:1px solid #F97C16;
}
 ol.mainNavList li#mainNavListItemLast a{
 border-right:none;
 }
ol.mainNavList li a:hover, ol.mainNavList li#mainNavListItemLast a:hover{
color:#F97C16;
}

a#safeGuardLogo{
text-indent:-5000px;
display:block;
width:135px;
height:62px;
background:url(../../images/RepRx/RepRXFeature.gif) no-repeat center bottom;
padding:0px 0px 0px 20px;
}

a#riskyBusiness{
text-indent:-5000px;
display:block;
width:200px;
height:101px;
background:url(../../images/RepRx/riskyBusiness.jpg) no-repeat center bottom;
padding:0px 0px 0px 20px;
}

a#twelveSteps{
display:block;
text-indent:-5000px;
width:200px;
height:200px;
padding:10px 0px 10px 0px;
background:url(../../images/RepRx/reprxside.jpg) no-repeat;
padding:0px 0px 0px 20px;
}