body {


background-color:#6498fe; 
font-family: Arial, Verdana, sans-serif;
font-size: 86%;
color: #333333;
margin:auto;
padding:0;
text-align:center;
}


b{
color: #333333;
font-family: Arial;
font-size: 100%;
font-style: italic, bold;
}

.divide{
background-image: url(../image-files/divide.jpg);
background-repeat: no-repeat;
margin-left: 5px;
height: 30px;
width:250px;
}

 
ul {
list-style-type: none;
padding-left: 0;
margin-left: 10px;
}
 
li.custom {
background: url(http://www.love-of-roses.com/images/custom1.gif) left center no-repeat; 

padding-left: 20px;
margin-bottom: 10px;

 }

a { font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
font-size: 100%; color: #000099; text-decoration: underline;
}

a:visited { font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
 font-size: 100%; 
 color: #660066;
 }
 
a:hover { font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
 font-size: 100%; 

 color: #6498fe;
 }


h1 { font-family: 'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 150%;  color: #330066}
h2 { font-family: 'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 116%;  color: #ff9900}
h3 { font-family: 'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 108%;  color: #ff9900}




table {
margin-top:0px;
font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
font-size: 100%;
color: #000;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}



td.headerbg {
background-color:transparent; 
padding: 0px;
position: relative;
top: 5px;
}


td.spacerbg {
background-color:#fff; 
background-image: url(../image-files/navbg.jpg);
background-repeat: repeat-y;
background-position: top left;
height:1px;
}

td.contentbg {
background-color:#fff; 
background-image: url(../image-files/contentbg.jpg);
background-repeat: repeat-y;
background-position: top right;
padding-right:10px;
padding-left:5px;
}

td.rightbg {
width: 20%;
font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
font-size: 100%;
color: #000;
background-color:#fff; 
}

td.leftbg {
font-size: 100%;
margin-left: 10px;
background-color:#fff; 
background-image: url(../image-files/navbg.jpg);
background-repeat: repeat-y;
background-position: top left;
padding-left:10px;
padding-right:5px;
}

td.footerbg {
font-size: 93%;
background-color:#fff;
background-image: url(../image-files/footerbg.jpg);
background-repeat: repeat-y;
background-position: bottom left; 
text-align: top center;
padding:5px;
height: 66px;
}

div .contentbox2 {
display: block;
padding:10px;
width: 400px;
margin:10px auto 10px auto;
border: 2px solid #000066;
background-color: #ffc;
}
/* This is for the heading background color....your H1, H2, and H3 tags*/
.hbg{
font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
background-color:#e4e4e4; 
color:#006666;
width: auto;
z-axis: 1;
}


/* information below is to remove the link styling for anchor links.
Just leave this as it is....it works fine, and shouldn't be modified */
a.jumplink{
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}

a:hover.jumplink  {
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
} 

.bgimage2 {
	background-image: url(http://sbi-help.easy-online-money.net/image-files/star.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:  center;
	
}
/* this is stuff for the header*/

.slogan{
display: none;
}
.subtext {
	position: fixed;
	top: 70px;
	right: 250px;
	font: bold 20px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -1px;
	color: Gray;	
}

/* this is for the horizontal nav*/


#nav {
	clear: both;	
	padding: 0;			
}
#nav ul {
	float: left;
	list-style: none;
	background: url(../image-files/topnavbg.jpg) no-repeat;	
	width: 100%;		
	padding: 0;	margin: 0 0 0 0px;
	height: 30px;
	display: inline;
	text-transform: uppercase;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0 6px 0 6px;
	padding: 0 5px;
	border-top: none;	
	border-right: 1px solid #dadada;
	border-left: transparent;	
	border-bottom: none;
	color: #555;
	font: bold 10px/30px  Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
}
#nav ul li a:hover, 
#nav ul li a:active {
	color: #fff; 
	background-color: #ccc;
	font: bold;
}
p.image{
	position: absolute;
	margin: 0;
	padding: 0;
	left: 360px;
	top: 56px;
	
	clear: both;
	}
	.head-text{
	
	position: fixed;
	right: 20px;
	top: 160px;	
	clear: both;
	}

div.bgimage2 {
background-image: url(http://www.easy-online-money.net/images/star.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position:top center;
}
div.bgimage3 {
background-image: url(../images/trans.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position:top center;
}


#image {
  position:relative;
  width:760px;
  height:1000px;
  margin:0;
}
#inner {
  position:absolute;
  top:0px;
  left:120px;
  width:520px;
  height:100%;
  background:#fff;
  padding:5px;
}
#inner {
  filter: alpha(opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  -moz-opacity: 0.50;
  opacity:0.50;
  -khtml-opacity: 0.50;
}
#outer {
  position:absolute;
  top:0px;
  left:100px;
  width:560px;
  height:100%;
  background:#fff;
  padding:5px;
}
#outer {
  filter: alpha(opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  -moz-opacity: 0.50;
  opacity:0.50;
  -khtml-opacity: 0.50;
}
#outer2 {
  position:absolute;
  top:0px;
  left:80px;
  width:600px;
  height:100%;
  background:#fff;
  padding:5px;
}
#outer2 {
  filter: alpha(opacity=30);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  -moz-opacity: 0.30;
  opacity:0.30;
  -khtml-opacity: 0.30;
}
#text {
position:absolute;
  top:20px;
  left:130px;
  width:480px;
  height:auto;
  background:transparent;
  padding:5px;
}

.bgimage {
background-image: url(http://sbi-help.easy-online-money.net/images/webdesign.jpg);
background-repeat: repeat;
background-position:top center;
}

/*stuff for the show/hide navigation*/

.more {
		display: none;
		 background:none;
		 
		 padding-bottom:10px; }
		 
		 
	a.showLink, a.hideLink {
		text-decoration: none;
		color: #36f;
		padding-left: 8px;
		background: transparent url(../image-files/down.gif) no-repeat left; }
	a.hideLink {
		background: transparent url(../image-files/up.gif) no-repeat left; }
	a.showLink:hover, a.hideLink:hover {
		border-bottom: 1px dotted #36f; }
		
		div.full-width-box-nav {
   background-color: #ffffff;
   background-image: url(../image-files/divbox-bg.png);
   background-repeat: repeat-x;
	margin: 10px 0 10px 0;
	padding: 0px;
   border: 1px solid #ccc;
   width: 170px;
	
}


.navlink {
font-weight: normal;
font-family: Arial, Verdana, sans-serif;
line-height: 90%;
margin-top:5px; /*sets the gap between your nav panel links. This needs to be the same value as the margin below*/
text-align: left;
}

.navlink a {
font-size: 96%;
font-family:  Arial, Verdana, sans-serif;
line-height: 90%;
margin-top:5px; /*sets the gap between your nav panel links. This needs to be the same value as the margin above*/
text-align: left;
}

.navlink a:hover {
font-size: 96%;
font-family:  Arial, Verdana, sans-serif;
line-height: 90%;
margin-top:5px; 
}


/* this part below is for the color on the background, surrounding the buttons. Change the color, and the 
border, if you like. For the border, you can use solid, dashed, or dotted, for different border styles*/




.navlink {
font-weight: normal;
text-align: left;
margin-bottom:3px;
margin-top: 0px;
}


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

.navlink a {
padding: 2px;
text-decoration: none;
display: block;
color: #0099cc; /*this is where you change the button font color*/
}

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

.navlink a:hover {
color: #000; /*-----this is where you change the button font color, when the button is hovered over*/
background-color: transparent;
}

#navigator {
background-color: transparent;
border:  transparent;
width: 170px;
margin-top: 5px;
margin-left: 0;
margin-right: auto;
padding: 2px;
text-align: left;
}