/* GENERAL MARKUP */
* {
	margin: 0px;
	padding: 0px;
	border: none;
	line-height: 1.16em;
}
html, body {
	width: 100%;
	height: 100%;
}
body {
	font-size: 12px;
	font-family: Calibri,Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	background: #FFFFFF url("http://slsimg.com/slhosting/background.png") repeat-x top;
}
h1, h2, h3, h4, h5, h6 {
	color: #16588c;
}
h1 {
	font-size: 1.33em;
}
h2 {
	font-size: 1.2em;
	margin-top: 7px;
}
h3 {
	font-size: 1.15em;
}
h4 {
	font-size: 1.1em;
}
h5 {
	font-size: 1.0em;
}
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
	color: #16588c;
	font-style: normal;
}
p {
	margin-top: 10px;
}
ul.data {
	list-style: none;
}
hr {
	margin: 8px 0px;
	color: #b8b7b3;
	background-color: #b8b7b3;
	height: 1px;
}
a:link {
	color: #16588c;
	text-decoration: none;
}
a:visited {
	color: #16588c;
	text-decoration: none;
}
a:hover {
	color: #16588c;
	text-decoration: underline;
}
a:active {
	color: #16588c;
	text-decoration: underline;
}
.border {
	border: 1px solid #e2dcc4;
}
.borderThick {
	border: 2px solid #bfb27c;
}
/* ====================================================================
  SHADOWS - PNG HACKS
-------------------------------------------------------------------- */
/* works for IE5+ win and IE5mac, but FF/moz ignore */
#shadowLeft {
	width: 5px; /* works for IE5+ win */;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='http://slsimg.com/slhosting/shadow-left.png', sizingMethod='scale');

	/* hides from everything but IE5mac */
	/*\*//*/
	background: url(shadow-left.png) repeat-y right;
	/**/
}
/* FF/Moz see this [class]fine and render it fine */
#shadowLeft[class] {
	background: url("http://slsimg.com/slhosting/shadow-left.png") repeat-y right;
}
/* works for IE5+ win and IE5mac, but FF/moz ignore */
#shadowRight {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='http://slsimg.com/slhosting/shadow-right.png', sizingMethod='scale');
	/*\*//*/
	background: url(shadow-left.png) repeat-y right;
	/**/
}
/* FF/Moz see this fine and render it fine */
#shadowRight[class] {
	background: url("http://slsimg.com/slhosting/shadow-right.png") repeat-y left;
}
/* works for IE5+ win and IE5mac, but FF/moz ignore */
#shadowTop {
	height: 5px; /* works for IE5+ win */;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='http://slsimg.com/slhosting/shadow-top.png', sizingMethod='scale');
	/* hides from everything but IE5mac */
	/*\*//*/
	background: url(shadow-top.png) no-repeat;
	/**/
}
/* FF/Moz see this fine and render it fine */
#shadowTop[class] {
	background: url("http://slsimg.com/slhosting/shadow-top.png") no-repeat;
}
/* works for IE5+ win and IE5mac, but FF/moz ignore */
#shadowBottom {
	height: 5px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='http://slsimg.com/slhosting/shadow-bottom.png', sizingMethod='scale');
	/*\*//*/
	background: url(shadow-bottom.png) no-repeat;
	/**/
}
/* FF/Moz see this fine and render it fine */
#shadowBottom[class] {
	background: url("http://slsimg.com/slhosting/shadow-bottom.png") no-repeat;
}
/* ====================================================================
  LAYOUT
-------------------------------------------------------------------- */
#innerTable {
	background-color: #FFFFFF;
	padding: 1px;
}
#headerTop {
	height: 66px;
	background: url("http://slsimg.com/slhosting/header-continue.png") no-repeat right;
}
#header {
	height: 102px;
	background: url("http://slsimg.com/slhosting/header.png") right no-repeat;
}
#navigation {
	height: 28px;
	background: url("http://slsimg.com/slhosting/navigation.png") repeat-x;
}
#menu {
	background-color: #cfd3d6;
}
#menu img {
	margin-top: 20px;
	border: 1px solid #FFFFFF;
}
#content {
	/*	background: url("images/content.png") repeat-y; */
	background-color: #CFD3D6;
}
#contentsub {
	background: url("http://slsimg.com/slhosting/content.png") no-repeat;
	padding: 10px 40px 30px 30px;
}
#footerTop {
	height: 27px;
	background: url("http://slsimg.com/slhosting/footer-top.png");
}
#footer {
	height: 35px;
	background: url("http://slsimg.com/slhosting/footer.png") repeat-x;
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8d9092;
}
#footer1 {
	 margin-left:20px;
	 width:720px;
	 text-align:center;
}
/* STYLES */
#welcome {
	padding: 20px;
}
#news {
	padding: 20px 10px;
}
#plan1, #plan2, #plan3 {
	height: 78px;
	cursor: hand;
}
#plan2, #plan3 {
	margin-top: 1px;
}
#plan1 {
	background-image: url("http://slsimg.com/slhosting/plan1.png");
}
#plan2 {
	background-image: url("http://slsimg.com/slhosting/plan2.png");
}
#plan3 {
	background-image: url("http://slsimg.com/slhosting/plan3.png");
}
#plan1 h1, #plan2 h1, #plan3 h1 {
	color: #FFFFFF;
	padding-top: 10px;
	margin-left: 12px;
	font-size: 20px;
	font-weight: normal;
}
#plan1 p, #plan2 p, #plan3 p {
	margin-top: 5px;
	margin-left: 12px;
	font-size: 11px;
	color: #FFFFFF;
}
#plan1 a:link, #plan1 a:visited, #plan1 a:hover, #plan1 a:active, #plan2 a:link, #plan2 a:visited, #plan2 a:hover, #plan2 a:active, #plan3 a:link, #plan3 a:visited, #plan3 a:hover, #plan3 a:active {
	text-decoration: none;
}
h1.company-name {
	margin: 0px;
	padding: 0px;
	line-height: 50px;
	font-size: 24px;
	font-weight: bold;
	color: #00486f;
}
h1.header-info {
	margin: 0px;
	padding: 0px 0px 0px 35px;
	line-height: 80px;
	font-size: 26px;
	font-weight: Normal;
	color: #FFFFFF;
}
/*
Client-Side Display Elements
------------------------------------------------------------------------------------------------------------
This is the from default CMS stylesheet for all client-side (visitor facing).
*/
/* >> General */
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.sohotext {
	font-family : Arial;
	font-size: 12px;
}
.SMtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.smtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.uptext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000000;
}
/* Generic form button style. */
.FormLt1 {
	font-family : Arial;
	font-size : 8px;
	cursor: pointer;
}
/* >> Menu System - #VMENU# */
/* >> Main Menu Links */
/* This is the main vmenu table */
/* ---------------------------------------------------------------------- */
/* <table> */
table.vmenu_mainz {
	width: 177px;
	margin-top: 10px;
	padding: 0px;
	border: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
/* <tr> */
/* <td> ---- [<div><a>Main Page</a></div>] ---- </td>
  /*-----------------------------------------------------------*/
td.vmenu_main_off {
	width: 100%;
	height: 21px;
	border: 0px;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	background: #bd790d url("../../hosting12/menu.png") repeat-x bottom;
}
td.vmenu_main_on {
	width: 100%;
	height: 21px;
	border: 0px;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	background: #e09e16 url("../../hosting12/menu.png") repeat-x bottom;
}
/* <div> ---- [<a>Main Page</a>] ---- </div>
   /*-----------------------------------------------------------*/
div.vmenu_main_off {
	width: 100%;
}
div.vmenu_main_on {
	width: 100%;
}
/* <a> ---- [Main Page] ---- </a>
    /*-----------------------------------------------------------*/
a.vmenu_main_off:link {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 0px solid #000000;
}
a.vmenu_main_off:visited {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 0px solid #000000;
}
a.vmenu_main_off:hover {
	color: #FFFFFF;
	text-decoration: underline;
	border-bottom: 0px solid #000000;
}
a.vmenu_main_off:active {
	color: #FFFFFF;
	text-decoration: underline;
	border-bottom: 0px solid #000000;
}
a.vmenu_main_on:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.vmenu_main_on:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.vmenu_main_on:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
a.vmenu_main_on:active {
	color: #FFFFFF;
	text-decoration: underline;
}
/* </div> */
/* </td> */
/* </tr> */
/* >> Sub Menu Links */
/* <tr> */
/* <td> ---- [<table><tr><td><div> >> </div></td><td><div><a>Main Page</a></div></td></table>] ---- </td>
  /*-------------------------------------------------------------------------------------------------------------*/
td.vmenu_main_sub {
	width: 100%;
	border: 0px;
	padding: 0px 0px 0px 0px;
}
/* <table> Submenu link table */
/*-----------------------------------------------------------*/
table.vmenu_subz {
	width: 100%;
	border: 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/* <tr> */
/* <td> Submenu Item Bullet */
/*-----------------------------------------------------------*/
td.vmenu_sub_bull_off {
	width: 20px;
	padding: 3px 0px 0px 13px;
	font-size: 11px;
	font-weight: bold;
	color: #858585;
}
td.vmenu_sub_bull_on {
	width: 20px;
	padding: 3px 0px 0px 13px;
	font-size: 11px;
	font-weight: bold;
	color: #903518;
}
/* <div> Contains an individual main menu link (within td)
      /*-----------------------------------------------------------*/
div.vmenu_sub_bull_off {
	padding: 0px;
	width: 100%;
}
div.vmenu_sub_bull_on {
	padding: 0px;
	width: 100%;
}
/* </div> */
/* </td> */
/* <td> Submenu Item Link */
/*-----------------------------------------------------------*/
td.vmenu_sub_off {
	width: 100%;
	border: 0px;
	padding: 3px 0px 0px 5px;
	font-size: 11px;
	font-weight: normal;
}
td.vmenu_sub_on {
	width: 100%;
	border: 0px;
	padding: 3px 0px 0px 5px;
	font-size: 11px;
	font-weight: bold;
}
/* <div> Contains an individual main menu link (within td)
      /*-----------------------------------------------------------*/
div.vmenu_sub_off {
	width: 100%;
	border: 0px;
	padding: 0px 0px 0px 0px;
}
div.vmenu_sub_on {
	width: 100%;
	border: 0px;
	padding: 0px 0px 0px 0px;
}
/* <a href=> A cell containing an individual main menu link
       /*-----------------------------------------------------------*/
a.vmenu_sub_off:link {
	color: #003F7C;
	text-decoration: none;
}
a.vmenu_sub_off:visited {
	color: #003F7C;
	text-decoration: none;
}
a.vmenu_sub_off:hover {
	color: #903518;
	text-decoration: none;
}
a.vmenu_sub_off:active {
	color: #903518;
	text-decoration: none;
}
a.vmenu_sub_on:link {
	color: #003F7C;
	text-decoration: none;
}
a.vmenu_sub_on:visited {
	color: #003F7C;
	text-decoration: none;
}
a.vmenu_sub_on:hover {
	color: #903518;
	text-decoration: none;
}
a.vmenu_sub_on:active {
	color: #903518;
	text-decoration: none;
}
/* </a> */
/* </div> */
/* </td> */
/* =========================================================== */
/* >> Menu System - #HMAINS# */
/* This is the main hsub table */
table.hmains {
	border: 0px;
	padding: 0px;
	margin: 0px 5px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #2983a6;
}
/* This cell contains a submenu link */
td.hmains {
	border: 0px;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	background: url("http://slsimg.com/slhosting/list.png") no-repeat left;
}
a.hmains {
	line-height: 21px;
	margin-left: 15px;
}
a.hmains:link {
	color: #00486f;
	text-decoration: none;
}
a.hmains:visited {
	color: #00486f;
	text-decoration: none;
}
a.hmains:hover {
	color: #bd790d;
	text-decoration: none;
}
a.hmains:active {
	color: #bd790d;
	text-decoration: none;
}
/* >> Menu System - #HSUBS# */
/* This is the main hsub table */
table.hsubs {
	border: 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/* This cell contains a submenu link */
td.hsubs {
	border: 0px;
	padding: 2px 10px 2px 10px;
}
a.hsubs:link {
	color: #00486f;
	text-decoration: none;
}
a.hsubs:visited {
	color: #00486f;
	text-decoration: none;
}
a.hsubs:hover {
	color: #bd790d;
	text-decoration: none;
}
a.hsubs:active {
	color: #bd790d;
	text-decoration: none;
}
/* >> #NEWSBOX# */
/* Newsbox
/*-----------------------------------------------------------*/
/* <font> */
.newsbox_date {
	font-family: arial, verdana, Courier New, Courier, mono;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}
.newsbox {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
}
.newsbox a:link {
	color: #0087d0;
	text-decoration: none;
}
.newsbox a:visited {
	color: #0087d0;
	text-decoration: none;
}
.newsbox a:hover {
	color: #0087d0;
	text-decoration: underline;
}
.newsbox a:active {
	color: #0087d0;
	text-decoration: underline;
}
/* <font> */
.newsbox_tease {
	font-family: Arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
}
/* Full Ariticle Display
/*-----------------------------------------------------------*/
table.article_table {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
td.article_title {
	font-family: Courier New, Courier, mono;
	font-size: 16px;
	font-weight: bold;
	color: #2E2E2E;
}
font.article_date {
	color: #336699;
}
td.article_content {
	padding: 4px;
}
/* >> Old Styles (to be phased out after obsolecense is assured) */
textarea {
	font-size: 8pt;
	height: 75px;
	width: 175px;
}
.logohead {
	font-family : Arial;
	font-size : 25pt;
	font-weight : bold;
}
.logosub {
	font-family : Arial;
	font-size : 8pt;
	font-weight : bold;
}
.menusys {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
/* my stuff */
.hilite {
	color:#990000;
}
#idmain {
	margin-top: 20px;
	text-align: left;
}
#greenlist {
	font-size: 0.8em;
	color: #416B12;
	margin: 0;
	padding: 0;
}
#idmainedit {
	padding: 15px;
}
.xlist {
	margin-left:25px;
}
/* client login form */
#clientlogin {
	margin-top:10px;
}
#clientlogin label {
	float: left;
	width: 65px;
}
#clientlogin .cldiv {
	margin-top:7px;
	margin-bottom:5px;
}
#clientlogin #submit {
	background-color:#4D90CA;
	color:#FFFFFF;
}

/* welcome box */

#welcome {
	 float:left;
	 width:240px;
	 padding:5px;
	 margin:0;
}

#news {
	 float:left;
	 width:228px;
	 padding:5px;
	 margin:0;
}
#plans {
	float:left;
	width:268px;
	margin:0;
}