/* **** BASE SST TEMPLATE STYLE SHEET **** V 3.0 7/12/06 **** */

/* **** START CONTENT MODULE SPECIFIC STYLES **** */

/* ** Universal Content Module Styles ** */

table.module_maintable {
	width: 584px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
}
table.module_maintable a { /* Controls the main anchor attributes for content modules.  */
	color: #000000;
	text-decoration: none;
}
table.module_maintable a:hover {text-decoration: underline;} /* Controls the hover anchor attribute for content modules. */
td.module_titlecell { /* Controls the content module title cell attributes. */
	width: 584px;
	padding: 0;
}
td.module_gallerycell { /* Controls the gallery containing cell attributes. */
	width: 584px;
	padding: 0 0 0 0;
}
td.module_calendarcell { /* Controls the calendar containing cell attributes. */
	width: 584px;
	padding: 0 0 0 0;
}
p.module_contenttitle { /* Controls the content module title attributes. */
    font: bold 16px/18px arial, sans-serif;
    text-align: left;
    color: #000000;
    margin: 0 0 20px 0;
}
p.module_maintext { /* Controls the base content module text attributes. */
	font: 12px/14px arial, sans-serif;
	color: #000000;
	margin: 0;
}
p.module_boldmaintext { /* Controls the base bold content module text attributes. */
	font: bold 12px/14px arial, sans-serif;
	color: #000000;
	margin: 0;
}

/* ** Universal Content Module Form Styles ** */

form {margin: 0;}
p.module_formsectiontitle { /* Controls the section title text attributes for content module forms. */
	font: bold 12px/14px arial, sans-serif;
	color: #000000;
	border-bottom: 1px solid #000000;
	margin: 0;
}
table.module_formtable {
	border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
}
table.module_formtable td {
	height: 22px;
	text-align: left;
	vertical-align: middle;
	padding: 0 5px;
}
input { /* Controls the input text field attributes. */
	font: 11px arial, sans-serif;
	color: #000000;
}
input.required {background-color: #FFFF99;} /* Controls the input text field attributes of required fields. */
* html td.iecheckradiohack {padding-left: 1px;} /* Controls the ie input checkbox & radio button problem. */
input.checkradio {margin: 0;} /* Controls the input checkbox & radio button attributes. */
select { /* Controls the select field attributes. */
	font: 11px arial, sans-serif;
	color: #000000;
}
textarea {
	width: 300px;
	height: 75px;
	font: 11px/12px arial, sans-serif;
	color: #000000;
}
td.module_formbuttonscell {
	width: 584px;
	text-align: right;
	padding: 18px 0;
}
p.module_formsmallprint { /* Controls the small print at the bottom of all content module forms. */
	font: 10px/11px arial, sans-serif;
	color: #000000;
	margin: 0;
}
p.module_formsmallprint a {text-decoration: underline;} /* Controls the small print anchor underline attribute. */

/* **** END CONTENT MODULE SPECIFIC STYLES **** */

/* **** START SST TEMPLATE SPECIFIC STYLES **** */


/*<><><><><><><><><><>*/
/*<>Home Page Styles<>*/
/*<><><><><><><><><><>*/

#hmBody {
background: #000;
text-align: center;
margin: 0;
_margin-bottom: 30px;
}

/* div that surrounds the page */
#main {
position: relative;
width: 800px;
height: 583px;
background: url(http://sst.netbiz.com/_nbSSTCentral/_imageCentral/REA-060/hmBG.jpg) no-repeat;
margin: 30px auto;
}

/* company name/title */
#hmTitle {
position: absolute;
top: 11px;
right: 390px;
}

/* sub title */
#hmSubTitle {
position: absolute;
top: 44px;
right: 398px;
font: 14px arial;
color: white;
}

/* div for the right side content */
#div_rightSide {
position: absolute;
top: 14px;
right: 32px;
text-align: right;
}


/* div that holds the contact information */
#contact {
text-align: right;
font: 12px/12px arial;
color: white;
margin: 0 0 14px 0;
}
#contact p {
margin: 4px 0;
}
#contact a {
text-decoration: none;
color: white;
}
#contact a:hover {
text-decoration: underline;
}
#title1, #title2, #title3 {
font-weight: bold;
}


/* divs for the photo and name */
#photo {
margin-bottom: 7px;
}
#name {
font: bold 14px arial;
color: white;
}


/* styles for the three paragraphs */
#text {
position: absolute;
bottom: 112px;
right: 33px;
width: 580px;
text-align: right;
color: white;
}
#textTop {
margin: 0 0 20px 0;
font: bold 16px/16px arial;
}
#textMiddle {
margin: 0 0 19px 0;
font: 12px/17px arial;
}
#textBottom {
font: bold 12px/12px arial;
}


/* styles for the logos */
#logos {
position: absolute;
bottom: 12px;
right: 33px;
}
#rLogo1 {
margin: 0 10px;
}


/* navigation */
#nav {
list-style-type: none;
position: absolute;
top: 100px;
right: 684px;
text-align: right;
margin: 0;
}
#nav li {
border-bottom: 1px solid white;
margin: 0;
font: 11px/11px arial;
width: 116px;
padding: 6px 0 2px 0;
}
#nav a {
text-decoration: none;
font: 11px/11px arial;
color: white;
}
#nav a:hover {
color: #cf6;
}

/* div that holds the subnav */
#subnav {
display: none;
width: 294px;
_width: 306px;
position: absolute;
top: 6px;
left: 116px;
text-align: left;
border-bottom: 1px solid white;
padding: 0 0 2px 18px; 
}
#nav li:hover #subnav, #nav li.sfhover #subnav {
display: inline;
}
/* <li> from which the subnav is based */
#ddElement {
position: relative;
}
.pipes {
font: 11px/11px arial;
color: white;
margin: 0 5px;
}
p.agentlogin {
   position: absolute;
   left: 15px;
   bottom: 10px;
   font: 10px/11px arial, sans-serif;
   margin: 0;
}
p.agentlogin a {
   color: #336c28;
   text-decoration: none;
}
p.agentlogin a:hover {text-decoration: underline;}

/*<><><><><><><><><><>*/
/*<> Back Page Styles <>*/
/*<><><><><><><><><><>*/

#bpBody {
margin: 0;
height: 100%; /* fixes a small inssue in Safari - frames pages with vertical expansion */
}

/* table that controls the layout of the page */
#sstControlStructure {
width: 100%;
height: 100%;
min-width: 800px;
width: expression(document.body.clientWidth < 800? "800px": "100%" );
}

/* table cell that hold the header */
#td_header {
height: 159px;
background: #421603 url(http://sst.netbiz.com/_nbSSTCentral/_imageCentral/REA-060/header.jpg) no-repeat;
border-bottom: 1px solid #c60;
}

/* div that expands with the header and holds the image with the fence & sunset */
#header {
width: 100%;
height: 159px;
background: url(http://sst.netbiz.com/_nbSSTCentral/_imageCentral/REA-060/sunset.jpg) right no-repeat;
}

/* div that is used to position the content in the header */
#positioner {
width: 550px;
height: 159px;
position: relative;
}

/* table cell that holds the left side content */
#td_left {
vertical-align: top;
border-right: 1px solid #c60;
border-top: 1px solid #c60;
width: 149px;
background: url(http://sst.netbiz.com/_nbSSTCentral/_imageCentral/REA-060/bottomGradient.jpg) bottom no-repeat;
}

/* table cell that holds the content modules */
#td_content {
padding: 15px 0 30px 27px;
vertical-align: top;
border-left: 1px solid #c60;
border-top: 1px solid #c60;
}

/* table cells that render the space between borders */
#td_separator { /* horizontal space */
height: 4px;
}
#td_separator2 { /* vertical space */
width: 5px;
}

/* company titles */
#bpTitle {
position: absolute;
top: 6px;
left: 1px;
}
#bpSubTitle {
position: absolute;
top: 39px;
right: 145px;
font: 14px arial;
color: white;
}

/* div that holds the agent photo */
#bpPhoto {
position: absolute;
bottom: 4px;
left: 213px;
}
#bpPhoto img {
width: 64px;
}

/* div that holds the agent name */
#bpName {
position: absolute;
bottom: 6px;
left: 282px;
font: bold 14px arial;
color: white;
}

/* contact information */
#bpContact {
position: absolute;
bottom: 5px;
right: 344px;
font: 12px/16px arial;
color: white;
text-align: right;
}
#bpContact p {
margin: 0;
}
#bpTitle1, #bpTitle2, #bpTitle3 {
font-weight: bold;
}
#bpContact a {
text-decoration: none;
color: white;
}
#bpContact a:hover {
text-decoration: underline;
}

/* navigation */
#bpNav {
list-style-type: none;
text-align: right;
width: 149px;
margin: 0;
padding: 0;
}
#bpNav li {
border-bottom: 1px solid black;
margin: 0;
padding: 6px 13px 0 0;
/* old way (not good in Linux) padding: 8px 0 0 0; */
font: 12px/12px arial;
}
#bpNav a {
text-decoration: none;
font: 12px/15px arial;
color: #060;
margin: 0;
padding: 0;
}
#bpNav a:hover {
color: black;
}

/* sub nav styles */
#bpNav .bpSubLI {
padding-top: 3px;
font: 11px/11px arial;
}
#bpNav .bpSubLI a {
font: 11px/11px arial;
color: #963;
}
#bpNav .bpSubLI a:hover {
color: black;
}

/* logos */
/* div that holds the logos */
#bpLogos { 
text-align: right;
margin: 30px 0 0 0;
padding: 0 13px 30px 0;
}
#bpRLogo1 {     /* middle logo used to space out the three logos */
padding: 10px 0;
}


/* styles specific to the frames pages */
/* these are mostly used to draw the borders */
/* these styles correspond to the ones above with slight alterations */
#td_FMheader {
height: 159px;
background: #421603 url(http://sst.netbiz.com/_nbSSTCentral/_imageCentral/REA-060/header.jpg) no-repeat;
min-width: 800px; /* Safari only needs this style */
}
#td_FMleft {
vertical-align: top;
width: 149px;
height: 100%;
background: url(http://sst.netbiz.com/_nbSSTCentral/_imageCentral/REA-060/bottomGradient.jpg) bottom no-repeat;
}
#td_FMseparator {
height: 6px;
background: url(http://sst.netbiz.com/_nbSSTCentral/_imageCentral/REA-060/fm_topBorder.gif) repeat-x;
}
#td_FMseparator2 {
width: 7px;
height: 100%;
background: url(http://sst.netbiz.com/_nbSSTCentral/_imageCentral/REA-060/fm_sideBorder.gif) repeat-y;
}
#whitespace {  /* draws over the horizontal border to create a gap in the line were the borders intersect */
height: 1px;
width: 5px;
background: white;
position: absolute;
top: 164px;
left: 150px;
z-index: 100;
}