/*=====================================================
 Reseller_Template_4 created by the Byethost Developement Team : 2008
  a backup copy of this stylesheet is in the images folder if you need it.
 ======================================================*/

html, body {
min-height: 100%;
}
<!--[if lte IE 6]>
#wrapper, #sidebar_left, #content, #sidebar_right {
height: 100%;
}
<![endif]-->
}

#wrapper, #sidebar_left, #content, #sidebar_right{ 
/* div you want to stretch */
min-height: 100%;
}
<!--[if lte IE 6]>
#wrapper, #sidebar_left, #content, #sidebar_right {
height: 100%;
}
<![endif]-->

body{
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:12px;
	font-family:"Lucida Grande, Lucida Sans Unicode, verdana, geneva, sans-serif";
	color:#555;
	margin:10px 0px 0px 0px;
	background-color:cornsilk;
	}
* {
	margin:0;
	padding:0;
	}
	
.center{
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	}
	
span.caps{
	text-transform:uppercase;
	}
	
#advert {
/*To place adverts at the top uncomment the following code*/
	/*position:absolute;
	z-index:1;
	top:2px;
	right:20px;*/
/*To place adverts at the bottom of the page uncomment the following code*/	
	/*clear:both;
	margin:20px 0px 0px 0px;*/
/*To hide the advert uncomment the following code*/
	display:none;
	}

#wrapper {
	margin: auto;
	background:#fff;
	border:2px solid #F289AE;
	padding: 2px;
	/*border: 8px; #FDEDF2 #FCD8E4*/
	/*
	border-top: 9px;
	border-right: 9px;
	border-left: 9px;
	border-bottom: 9px;
	border-style: outset;
	border-color: #FCD8E5;
	*/
	}
	
.fixed {
	width:700px;
	}
.fluid {
	width:97%;
	}
/*	
a:hover.movearrow  .arrow{
	margin-left:10px;
	margin-right:0;
	padding-left:0;
}
*/	
a:hover .arrow{
	margin-left:10px;
	margin-right:0;
	padding-left:0;
}
.arrow{
	float:left;
	vertical-align:top;
	height:20px;
	width:40px;
	padding:0;
	margin-left:0;
	margin-right:10px;
}

.arrowhead{
	float:left;
	width:0px;
	height:0px;
	margin:0;
	padding:0;
	line-height:0px;
	border-style:solid;
	border-color:white white white #F289AE;
	border-width:10px 0px 10px 30px;}
	
.arrowshaft{
	float:left;
	width:0px;
	height:0px;
	margin-top:6px;
	padding:0;
	line-height:0px;
	border-style:solid;
	border-width:4px;
	border-color:#F289AE #F289AE #F289AE #F289AE;
	vertical-align:center;
	}
	
/* code for slants
.borderdraw {
	line-height:0px;
	width:0px;
	height:0px;
	border-style:solid;}
.colors {
	border-color:yellow white blue #F289AE;}
*/
a {
	color:#ba1c50;
	text-decoration:none;
	}
a:hover {
	color:#545;
	text-decoration:underline;
	}

#header {
	height:70px;
	background: LavenderBlush;
	}
#header h1{
	font:170% "Arial";
	padding:30px 0px 0px 10px;
	color: #F289AE;
	}
	
#freehostplans{
	float:left;
	width:100%;
	}	

#sidebar_left {
	float:left;
	width:190px;
	padding:2px 10px 10px 10px;
	margin:0px 0px 0px 0px;
	background:#fafafa;
	border-right:0px solid #eee;
	}
	
#sidebar_left h2 {
	font:140% "Arial";
	color:#222;
	padding:2px;
	border-top:1px solid #f6f6f6;
	border-bottom:1px solid #f6f6f6;
	}
	
#sidebar_left p {
	font:100% "verdana";
	line-height:16px;
	}
#sidebar_left h1,h2,h3,h4,p,ul,ol,blockquote {
	margin:15px 0;
	}

#sidebar_right {
	float:right;
	width:190px;
	border:0px solid #eee;
	padding:2px 0px 10px 5px;
	background:#d8e3d4;
	font:95% "Verdana";
	margin:0px;
	}
#sidebar_right h2 {
	font:140% "Arial";
	font-weight:bold;
	color:#556fff;
	padding:0px;
	}
#sidebar_right p {
	font:100% "verdana";
	line-height:12px;
	}
#sidebar_right h1, h3, h4, p, ul, ol, blockquote {
	margin:0px 0;
	}
.with_sidebar {
	margin:0 0 0 200px;
	}

#content {
	background:#fff;
	padding:2px 10px 0px 10px;
	font-size:100%;
	margin:0px 210px 0px 230px;
	border:0px solid #000;
	}
#content p{
	text-align:left;
	font:100% "verdana";
	}
#content h2 {
	font:160% "Arial";
	color:#c43d00;
	}
#content h3 {
	font:140% "geneva";
	color:#c4780d;
	border-top:1px solid #f6f6f6;
	border-bottom:1px solid #f6f6f6;
	padding:0px;
	}
	
#content h1,h2,h3,h4,p,ul,ol,blockquote {
	margin:10px 0;
	}
#footer {
	height:50px;
	margin:0px;
	padding:10px 0px 10px 0px;
	background: LavenderBlush;
	border:1px solid #eee;
	clear:both;
	}

dl{
	font-size:8pt;
	/*
	list-style-position:inside;
	list-type:decimal;
	*/
	}
dt{
	padding-top:5px;
	padding-bottom:3px;
	font-weight:bold;
}
dd{
	position:relative;
	left:10px;
}
.red{
	color:red;
}
.underline{
	text-decoration: underline;
}
table#plans{
	text-align: left; 
	width: 550px;
}
/* The following code is used to creates the logo and header */
	.l1 {
		z-index: 1;
		top: 23px;
		color: black;
		font-family:"Times Roman, Times, Arial";
	}

	.l2 {
		z-index: 2;
		top: 24px;
		color: #F289AE;
		left: -1px;
		font-family:"Times Roman, Times, Arial";
	}

	.l3 {
		z-index: 3; 
		top: 25px;
		color: white;
		left: -2px;
		font-family:"Times Roman, Times, Arial";
	}

	.l4 {
		z-index: 4;
		top: 26px;
		color: #F289AE;
		left: -3px;
		border-color:black;
		font-family:"Times Roman, Times, Arial";
	}

	#y3dlogo{
		top: 20px;	
		width: 60%;
		height:60px;
		font-style: normal;
		color: black;
		left: 20px; 
	}

	.l1, .l2, .l3, .l4, #y3dlogo{
		position: absolute;
		height:30px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	.l1, .l2, .l3, .l4{
		width: 98%;
		padding: 5px;
	}

/* end logo and header code */

/*The follosing code provdes the navigation button functionality*/	

.navbar{
		line-height:2;
		vertical-align: center;
		text-align:center;
		background: LavenderBlush;
		border: solid;
		border-color: Gainsboro;
		border-width: thin;
}	

/*link visited hover active */

a.navbarbtns {
		white-space: nowrap; /* required in IE 6 */    
		width: 7em;
		font-size: 8pt;
		text-decoration: none;
		border: 6px outset #FDEDF2;
		border-style: outset;
		margin: 4px;
		padding: 4px;
		color: #8d4f10;
		text-align:center;
	}

a.navbarbtns:link, a.navbarbtns:visited{
		font-size: 8pt;
		text-decoration: none;
		background: #FCD8E4;
		border: 6px outset #FDEDF2;
		border-style: outset;
		margin: 4px;
		padding: 4px;
	}

a.navbarbtns:focus{
		font-size: 8pt;
		text-decoration: none;
		background: #F7B5CB;
		border: 6px outset #FDEDF2;
		border-style: outset;
		margin: 4px;
		padding: 4px;
		text-align:center;
		outline:0;
}

a.navbarbtns:hover{
		font-size: 8pt;
		text-decoration: none;
		background: #F7B5CB;
		border: 6px outset #FDEDF2;
		border-style: outset;
		margin: 4px;
		padding: 4px;
	}

a.navbarbtns:active {
		white-space: nowrap; /* required in IE 6 */    
		font-size: 8pt;
		text-decoration: none;
		background: #F289AE;
		border: 6px outset #FDEDF2;
		border-style: ridge;
		margin: 4px;
		padding: 4px;		
	}
/*end navbar code*/	

/* code for navfooter*/


a.navfooter {
	white-space: nowrap; /* required in IE 6 */ 
	text-align: center;
	font-size: 10pt;
}