/* HostFar.com CSS */
body { 
	font: 74% tahoma, Sans-Serif;
	margin: 8px 0 0 8px;
	padding: 0;
	color:#333333;  
	background: #666666;
	line-height: 1.4em;
	text-align:center;
}
#title {
background:url(grphx/title.jpg) center no-repeat;
width: 725px;
height: 205px;
padding: 0;
margin: 0;
}
/* Top Menu */
#menu {
	background:url(grphx/menu.jpg) center no-repeat ;
	width: 725px;
	height: 79px;
	margin: 0;
	padding: 0;
	overflow:hidden;
}
#menu ul { margin:30px 0px 0 10px; list-style:none; padding: 0px;
}
#menu a, #nav strong, #nav span {display:inline; color:#FFFFFF; padding: 5px; text-decoration:none; }
#menu a { float:none; outline: 0;
}
#menu li {display:inline;float:left; color: #CC0000; margin:3px 0 0 0; padding:0px 5px 0 10px; border:0px
}
#menu a:hover { color: #FFFFFF; text-decoration:none; background: url(grphx/btnup.jpg) repeat-x;   height:24px;
} 
#menu a:active { color: #FFFFFF; text-decoration:none; background: url(grphx/btnovr.jpg) repeat-x; height:24px;
}
#menu .padding { padding: 5px 0 0 10px; font-weight: bold;
}
/* Design Menu */
#menu2 ul { margin:50px 20px 0 0px; padding: 0px; }
#menu2 a, #nav strong, #nav span {display:inline; color:#000000; text-decoration:none; }
#menu2 a { 
float:none; outline: 0;}
#menu2 li {display:inline;float:right; color: #CC0000; margin:0; padding:8px 5px 0 10px; border:0px;}
#menu2 a:hover { color: #FFFFFF; text-decoration:none; background: url(grphx/subbtnup.jpg) repeat-x; height:19px;
} 
#menu2 a:active { color: #FFFFFF; text-decoration:none; background: url(grphx/subbtnovr.jpg) repeat-x; height:19px;} 
#menu2 .padding { padding: 5px 0 0 10px; font-weight: bold; }

/* MAIN */
#main { 
width: 725px;
margin:0;
padding:0;
background: url(grphx/bodyfill.jpg) repeat-x;

}
.leftside {
width: 501px;
float:left;
}
.rightside {
width: 224px;
float:right;
color:#FFFFFF;
}
.rside {
width: 224px;
float:right;
color:#333333;
}
.rside a:link { 
	color: #CC0000;
	text-decoration: none;
	}
.rside a:visited { 
	color: #666666;
    text-decoration: none;
	}
.rside a:hover { 
	color: #555555;
	text-decoration: none;
	}
.rside a:active { 
	color: #777777;
	}
#wide {
width: 725px;
min-height: 400px;
padding-top:0px;
margin: 0px;
background: url(grphx/bodyfill.jpg) repeat-y;
}

/* framework */
.ltop {
background: url(grphx/cltop.jpg) center no-repeat;
width: 501px;
height: 55px;
margin:0;
padding:0;
}

.lfill {
background: url(grphx/clfill.jpg) center repeat-y;
width: 501px;
min-height: 90px;
overflow:auto;
padding:0px 0px 0px 0px;
margin:0;
}
.lbot {
background: url(grphx/clbottom.jpg) center no-repeat;
width: 501px;
height: 43px;
padding:0px 0px 0px 0px;
margin:0;
}
.rtop {
background: url(grphx/crtop.jpg) center no-repeat;
padding:0px 0px 0px 0px;
margin:0;
width: 224px;
height: 30px;
}
.rfill {
background: url(grphx/crfill.jpg) center repeat-y;
padding:0px 0px 0px 0px;
margin:0;
width: 224px;
min-height: 90px;
overflow:auto;
}
.rbot {
background: url(grphx/crbottom.jpg) center no-repeat;
padding:0px 0px 0px 0px;
margin:0;
width: 224px;
height: 43px;
}
/* Alt Right */
.rctop {
background: url(grphx/rctop.jpg) center no-repeat;
padding:0px 0px 0px 0px;
margin:0;
width: 224px;
height: 42px;
}
.rcfill {
background: url(grphx/rcfill.jpg) center repeat-y;
padding:0px 0px 0px 0px;
margin:0;
width: 224px;
min-height: 90px;
overflow:auto;
}
.rcbot {
background: url(grphx/rcbtm.jpg) center no-repeat;
padding:0px 0px 0px 0px;
margin:0;
width: 224px;
height: 27px;
}

.cfill {
background:url(grphx/bodyfill.jpg) center repeat-y;
width: 725px;
min-height: 90px;
overflow:auto;
}
.cbottom {
background:url(grphx/pgbtm.jpg) center no-repeat;
width: 725px;
height: 51px;
}

/* Elements */
img {
border: 0px;
}
.img {
  margin: 0px 0px 10px 0px;
  padding: 0px 10px 0px 30px;
  margin: 0;
  float: left;
  border: 0;
}
.img p {
margin: 0 4px 0 4px; padding: 0; text-align: left;
}
.img h1 {
margin: 0 4px 0 4px; padding: 0; text-align: center;
font-size: 12px;
}
.img h2 {
margin: 0 4px 0 4px; padding: 0; text-align: center;
font-size: 10px;
}
.spacer {
 clear: both;
 }

.section p{
	text-align:center;
	clear:both;
    margin:0;
	padding:0;
}
p {
margin: 0px;
padding: 0px 20px 0px 20px;
 }  

h2 {
margin: 0px;
padding:10px 0 0 0;
font-size:16px;
font-weight:bold;
}
h3 {
font-size: 14px;
margin: 0 0 0 25px;
padding:0 0 0 0px;
float:left;
}
a:link { 
	color: #E6E3DF;
	text-decoration: none;
	}
a:visited { 
	color: #D4D0C8;
    text-decoration: none;
	}
a:hover { 
	color: #FFFFFF;
	text-decoration: none;
	}
a:active { 
	color: #000000;
	}
.footerpadding {
padding:24px 0 0 0;
}

#wide a:link { 
	color: #CA0000;
	text-decoration: none;
	}
#wide a:visited { 
	color: #950000;
    text-decoration: none;
	}
#wide a:hover { 
	color: #666666;
	text-decoration: none;
	}
#wide a:active { 
	color: #333333;
	}
#wide .imgl {
	float:left;
	padding: 5px;
	margin: 0;
	}
#wide .imgr {
	float:right;
	padding: 5px;
	margin: 0;
	}
.lform {
text-align:left;
padding: 12px;
}