/* stylesheet.css for SOHO-Home-Business.com */
/* updated 26-Dec-2008 */ 
body {
background: #464646; /*#DCDCDC; */
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
table.main {
margin-left: auto;
margin-right: auto;
background: #464646;
width: 98%;
}
td {
vertical-align: top;
background: #464646;
}
td.middle{
background: #F5F5F5;
border: solid 2px #F5F5F5;
}

td.left{
background: #464646;
}
td.right{
background: #E4F2FD;
}
td.spacer{
height: 1px;
width: 139px;
}

#logo {
color:#FFCC66;
padding-left: 10px;
font-weight: bold;
font-size: 18px;
text-align: left;
}
#logo a{
color:#FFCC66;
text-decoration: none;
}
#googletop{
background: #464646;
border-top: #FFCC66 2px solid;
border-bottom: #FFCC66 2px solid;
padding-top:10px;
padding-bottom:10px;
font-size:12px;
}
#header {
width: 99%;
text-align: left;
color:#FFCC66;
background: #464646;
border: solid 2px #464646;
}
#footer {
width: 99%;
background: #363636;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
    padding-left: 10px;
    padding-top: 7px;
    color: #eeeecc;
    }
#footer a {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
    text-decoration: none;
    color: #eeeecc;
	}
  #footer a:hover { color: #FFFF00; }
#footer a.powered {
    font-weight: bold;
    text-decoration: none; /*underline overline; */
    text-transform: uppercase;
    line-height: 250%;
    }
  #footer a:hover { color: #FFFF00; }
#left{
width: 170px;
padding: 0 5px 0 0;
}
#right{
width: auto;
padding: 0 0 0 5px;
text-align: center;
}

div.text {
width: 90%;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
text-align: justify;
}
   .text a:link {color: #0066cc; text-decoration: none;}
   .text a:visited {color: #CC33FF; text-decoration: none}
   .text a:hover {background: #FFFF66;}
   .text a:active {color: #FF9966;}

h1,h2 {
    font-size: 20px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    	color: #003366;
	background: transparent;
	font-weight: bold;
	text-align: left;
	}
  h3,h4,h5,h6 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    	color: #003366;
	background: transparent;
	font-weight: bold;
	text-align: left
	}
  p, li {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
    }
  ul {
  	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
    list-style-type: square;
    }
  ol {
  	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
    }
ol     { list-style-type: decimal }      /* 1 2 3 4 5 etc. */
ol ol  { list-style-type: lower-roman }  /* i ii iii iv v etc. */
/* picture frame box */
div.rbox {
    float:right;
    margin: 5px 5px 5px 5px;
    padding:4px;
    border:1px solid #332266;
    color: #262626;
    background-color: none;
  }
div.lbox {
    float:left;
    margin: 5px 5px 5px 5px;
    padding:4px;
    border:1px solid #332266;
    color: #262626;
    background-color: none;
  }
div.cbox {
    width: auto;
    text-align: center;
    margin: 5px auto 5px auto;
    padding:4px;
    border:1px solid #262626;
    color: #262626;
    background-color: none;
  }


/* use these for nav bar */
div.title {
   	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #003366;
	background-color: #3399CC;
	}

div.nav {
    display: block;
    font-family: Tahoma, Arial, sans-serif;
	font-size: 9px;
	font-style: normal;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    border: solid #464646;
    border-right: 1px solid #464646;
    border-top: 1px solid #464646;
    border-bottom: 1px solid #464646;
	background-color: #464646;
    text-indent: 5px;
    line-height: 2em;
	}
div.nav a:link {color: #ffffff;    text-decoration: none;  }
div.nav a:visited {color: #ffffff; text-decoration: none;  }
div.nav a:hover {
    display: list-item;
	color: #FFCC33;
 	background-color: #333333;
    text-decoration: none;
    opacity: 0.4; filter:alpha(opacity=40);
    }
div.nav a:active {color: #FF9966; text-decoration: none;  }
    /* hover must come after visited so that color can change during hover */

/* RSS box for SBI only */
#addSiteTo {
width:90%;
font-size:85%;
text-align:center;
padding:8px 0;
border:1px solid #000;
margin:12px auto;
background-color: #006699;
}

#addSiteTo p {
padding:2px 2px 4px;
margin:0;
color: #eeeecc;
}

#addSiteTo img {
width:91px;
border:0;
padding:1px 0;
}

/* Drop in box */
div.dropinbox {
/* does not work from here, style must be placed directly on html page. */
position:absolute;
visibility:hidden;
left:650px;
top:300;
z-index:2;
width:180px;
/*height:350px; not necessary */
background-color:#99CCFF;
text-align: center;
}
/* various style for newsletter and drop in box*/
div.newsletterdrop {
border: solid #003366 2px;
background-color:#99CCFF;
width:160px;
padding: 2px;
margin: 5px;
text-align: center;
}
   .newsletterdrop a:link {color: #0066cc; text-decoration: none;}
   .newsletterdrop a:hover {background: #FFFF66;}
   .newsletterdrop a:active {color: #FF9966;}

/* Newsletter left bar */
div.newsletter {
border: solid #003366 2px;
width:148px;
padding: 2px;
background-color:#FFFF99;
text-align: center;
margin-left: auto;
margin-right: auto;
}
div.formtext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-align:center;
padding: 5px;
}

span.newsletterbox1 {
font-weight: bold;
font-size: 14px;
color: #FF3333;
}
span.newsletterbox2 {
font-size: 12px;
}

/* Thank you for visiting SOHO-Home-Business.com and exploring the CSS stylesheet */
/* You may also want to visit me at JanLeow.com,
   there are some tips on how to make your own website */
/* Cheers! */