BODY {
	background: #FFFFFF url("http://www.perfect-internet-based-home-business.com/images/lef-softblue.jpg") repeat-y; /* that will be repeated only along the y-axis [North/South] */
	margin: 0; /*margins are set to zero*/
	padding-top: 0; /*for Opera6*/
	line-height: 15px;
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100%;
}
      
#container{/*location set for browser, DO NOT EDIT*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

#header {
	margin-top: 0;
	margin-left: 0;
	width: 100%;
	z-index: 2;
	margin-bottom: 0;
	margin-right: 0;
	background: #113366 url("../images/rightback.jpg") no-repeat right; /*EDIT COLOR TO MATCH PRIMARY IMAGE BACKGROUND COLOR TO BLEND*/
	color: #FFFFF;
}




#webcontent {
	/*The area that holds the primary content*/
	position: absolute;
	top: 60px;
	left: 180px;
	color: #000000;
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.4;
	width: 52%;
	z-index: 3;
	font-size: small;
	background-color: transparent;
}
	
/*Default link colors for content area; not recommended to edit*/
A:link {
	COLOR: #0000CC;
	TEXT-DECORATION:underline;
	background-color: transparent;
}

A:visited {
	COLOR: #990099;
	TEXT-DECORATION:underline;
	background-color: transparent;
}

A:hover {
	COLOR: #CC3300;
	TEXT-DECORATION:underline;
	background-color: transparent;
}

#navigation{

position:absolute;
background-color:#99C9FF;
border:  1px solid;
width: 120px;
margin-top: 0px;
margin-left: 6px;
margin-right: auto;
z-index:6;
padding: 2px;
text-align: left;
font-size: 10pt;
top: 108px;
}

/* want to put a TEXT above Housebutton.*/

.abovehousebutton {

font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-transform: uppercase;
font-weight: bold;
text-align: left;
line-height: 110%;
font-size: 8pt;
color:#ffffff; 

}

.abovehousebutton p {
margin-top: 8px;
margin-bottom: 1px;



}



/* want more space between your buttons? just increase the margins
from 1px. Font weight can be bold if you prefer.*/



.housebutton {


line-height: 110%;
font-size: 9pt;
font-weight: bold;
text-align: left;
margin-bottom: 2px;
margin-top: 2px;


}

/* this part is for the colors of your buttons "at rest" so to speak.*/



.housebutton a {

font-size: 9pt;
padding: 4px;
display: block;
color: #12248a; /*this is where you change the button font color*/
background-color: transparent;
border-top: ;
border-left: ;
border-bottom: 1px dotted;
border-right: ;
font-size: 93%;
font-family:  Arial, sans-serif;
text-decoration: none;

}

/*this part is how the buttons look, once the pointer passes over them. */




.housebutton a:hover {

color: #000000; /*-----this is where you change the button font color, when the button is hovered over*/
background-color: #1884e7;
border-top:  1px dotted;
border-left: 1px dotted;
border-bottom: none;
border-right: 1px dotted;
font-size: 93%;
font-family:  Arial, sans-serif;
text-decoration: none;

}

#topleftads{
	position:absolute;
	background-color:transparent;
	width: 130px;
	margin-top: 85px;
	margin-left: 6px;
	margin-right: auto;
	z-index:6;
	top: 40px;
}
	

#menu3 {
	/*for manual footer links*/
	PADDING-RIGHT: 0;
	PADDING-LEFT: 0;
	PADDING-BOTTOM: 3px;
	MARGIN: 40px 0 0;
	PADDING-TOP: 3px;
	TEXT-ALIGN: center;
	line-height: 22px;
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}	

#rightcontent {
	/*to set the right column*/
	position: absolute;
	left: 76%;
	top: 108px;
	width: 210px;
	z-index: 4;
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: x-small;
	margin: 0;
	text-align: left;
	padding: 3px 5px;
	border: 1px solid #DCDCDC;
	background-color: transparent;
}  	

#webcontent p{
	font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size:small;
}

OL, UL, DL {font-size:small;}/*font-family is already defined, here I only set the font-size*/

/*Settings for all heading tags*/
h1{
	margin-bottom: 0;
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-large;
	color: #ff1a00;
    font-weight:bold;
    text-align: center;
	background-color: transparent;
}

h2{
	margin-top:0;
	font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size:large;
	color:#FF1A00;
	font-weight:bold;
	text-align: center;
    background-color: transparent;
}

h3{
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000066;
	font-weight: bolder;
	background-color: transparent;
}

h5{
	margin-bottom: 0;
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
    font-weight:normal;
    text-align: center;
	color: #696969;
	background-color: transparent;
}

h4 {
	font-family: Courier New, Courier, mono;
	font-size: small;
	color: #000066;
	padding: 4px;
	width: 100%;
	BORDER-TOP: 1px solid #FCC642;
	BORDER-LEFT: 1px solid #FCC642;
	BORDER-BOTTOM: 1px solid #FCC642;
	BORDER-RIGHT: 1px solid #FCC642;
	background-color: #FEFAAB;
}

h6 {
	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000033;
	BORDER-TOP: thin solid #FCC642;
	BORDER-BOTTOM: thin solid #FCC642;
	BORDER-LEFT: thin solid #FCC642;
	BORDER-RIGHT: thin solid #FCC642;
	margin: 0;
	padding: 1px;
	text-align: center;
	background-color: #63ACEF;
}    


blockquote {
margin: 12px 56px;
color: #006;
font-size: 100%;
line-height: 20px;
font-family: 'Courier New', Courier, monospace;
}


hr {
border: 0;
color: #1884e7;
background-color: #1884e7;
height: 1px;
text-align: center;
}  
 
span.navmenu {

font-size: x-small;
font-weight:bold;
padding: 4px;
display: block;
color: #000000; /*this is where you change the button font color*/
background-color: #ffffff;
border-top: 1px solid ;
border-left:;
border-bottom: 1px solid;
border-right: ;
font-family:  Verdana, sans-serif;
text-align: center;
margin-bottom: 6px;
}    
    
strong, b {font-weight:800;}/*NN 4.xx needs that...*/ 
big {font-size:larger;}/*to emphasize words, use it inline with a <span> class*/ 
small {font-size:smaller;}/*not really necessary, but one never knows...use it inline with a <span> class*/

/*This removes the need to add border=0 to linked images*/
A IMG {border:0.1px none #000000;} 

ul{
	list-style-image:  url("../images/li.gif");
	list-style-position:outside;
	list-style-type:none;
}

em,i{ /*sets italics to bold to stand out better*/
	font-weight: bold;
	font-style: italic;
}

body .InvSquestions {
	color: #000000;
  	font-weight:bold;
  	font-size:small;
  	background:#F9BC63;
  	border-top:1px dotted #000;
  	border-bottom:1px dotted #000;
  	padding:2px;
}

.InvShelp {
	color: #000;
}

.date {
	font-size: small;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.subBodyText {
	font-size: small;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.author {
	font-size: small;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#notificationOptions {
	font-size: small;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#SSC2NotificationContactDiv td {
	font-size: small;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* ------ Section 5 - Additional Navigation ------ */

/* -- Thumbnail-with-Caption Navigation Left -- */

.ThumbnailLinkLeft {
Margin: 5px
text-align: center;
float: left;
}

.ThumbnailLinkLeft a {
text-decoration: none;
}

.ThumbnailLinkLeft a:hover .Caption {
text-decoration: underline;
color: red;
}


/* -- Thumbnail-with-Caption Navigation Right -- */

.ThumbnailLinkRight {
text-align: center;
float: right;
}

.ThumbnailLinkRight a {
text-decoration: none;
}

.ThumbnailLinkRight a:hover .Caption {
text-decoration: underline;
color: red;
}


/* -- Thumbnail-with-Caption Navigation -- */

.ThumbnailLink {
text-align: center;
}

.ThumbnailLink a {
text-decoration: none;
}

.ThumbnailLink a:hover .Caption {
text-decoration: underline;
color: red;
}


/* -- Horizontal Text NavBar -- */

.ExtraNav {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-transform: uppercase;
font-weight: lighter;
text-align: center;
}

.ExtraNav ul {
list-style-type: none;
padding: 0;
}

.ExtraNav ul li {
display: inline;
text-align: center;
}

.ExtraNav a {
color: #D3D3D3;
text-decoration: none;
text-align: center;
padding: 2px 10px 2px 10px;
}

.ExtraNav a:visited {
color: #B0B0B0;
text-decoration: none;
}

.ExtraNav a:hover {
color: #3C3837;
background-color: #FCD427;
padding: 20px 10px 19px 10px;
text-decoration: none;
}

#Header .ExtraNav {
font-size: 85%;
position: relative;
top: 19px;
}

#Header .ExtraNav ul { 
margin: 0;
}

#Footer .ExtraNav {
margin: 15px auto 15px auto;
}

#Footer .ExtraNav a:hover {
color: #3C3837;
background-color: #FCD427;
padding: 3px 10px 3px 10px;
text-decoration: none;
}




/* ------ Section 6 - Boxes ------ */

.CalloutBox {
background-color: transparent;
width: 462px;
border: 1px solid #D3D3D3;
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.CalloutBox p {
margin: 13px;
}

p.CalloutBox {
padding: 13px;
}

div.CalloutBox h1,
div.CalloutBox h2,
div.CalloutBox h3,
div.CalloutBox h4,
div.CalloutBox h5,
div.CalloutBox h6 {
margin: 13px 0 0 13px;
}

.ReminderBox {          
background-color: #E1E1E1;
width: 136px;
padding: 10px;
margin: 0 20px 10px 15px;
float: right;
color: black;
}

.ReminderBox h4 {
padding: 3px 0px 11px 0px;
border: 0px;
margin: 0;
background-color: #E1E1E1;
background-image: url(../images/reminder-top.jpg);
background-repeat: no-repeat;
background-position: bottom center;
text-transform: uppercase;
font-weight: normal;
text-align: center;
color: #ffffff;
}


.ReminderBox p {
color: #3C3837;
font-size: 70%;
line-height: 130%;
padding: 0 3px;
}

.AdSenseBoxLeft, .AdSenseBoxRight, .AdSenseBoxCenter468, .AdSenseBoxExtraColumn {
padding: 5px;
background-color: white;
border: 0px;
}

.AdSenseBoxLeft {
margin: 0 18px 12px 18px;
float: left;
}

.AdSenseBoxRight {
margin: 0 18px 12px 18px;
float: right;
}

.AdSenseBoxCenter468 {
width: 468px;
margin: 0 auto 12px auto;
clear: both;
}

.AdSenseBoxExtraColumn {
padding: 0;
margin: 0 auto 12px auto;
clear: both;
}

.ReturnToNavBox {
background-color: transparent;
width: 100%;
border-top: 1px solid #D3D3D3;
border-bottom: 1px solid #D3D3D3;
margin: 40px auto;
padding: 10px 4px;
}

/* -- RSS Box -- */

#RSSbox {
display: block;
width: 100%;
font-size: 95%;
font-weight: normal;
text-transform: uppercase;
line-height: 150%;
text-align: left;
color: #000099;
margin: 45px -10px 30px -10px;
padding: 5px 10px 5px 10px;
background-image: url(../image/rss-header.jpg);
background-repeat: no-repeat; 
background-color: transparent;
}

#RSSbox a {
font-size: 95%;
color: white;
}