@charset "UTF-8";
/* CSS Document for Top100WebHosts.com */

body {
	background-color: #fff;
	margin: 0px;
	min-width:780px;
	height: 100%;
	width:100%;
}
body,td,th {
	font-family: serif,arial; 
}

#Head-Top {
	background-image: url(images/head-bg-wide.png);
	background-repeat: repeat-x;
	height: 35px;
	clear:both;
	}
	
.Head-Top-Text {
	font-family: "Trebuchet MS", arial;
	font-size: 13px;
	text-align: right;
	color: #FF9933;
	width: 780px;
	margin: auto;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 15px;
}


#Content {
	width: 780px;
	margin: auto;
	clear: both;
	height: auto;
}


.Logo-BG {
	background-image: url(images/logo-bg.png);
	height: 140px;
	width: 780px;
	position:absolute;
	top: 26px;

}



h1.logo {
	font-family: "Lucida Grande", arial;
	font-size: 12px;
	color: #666;
	padding-top: 80px;
	padding-left: 30px;
	width: auto;
	float: left;	
	text-decoration: none;

}



.tophost {


	font-family: "Trebuchet MS", arial;
	font-size: 12px;
	color: #444;
	width: 330px;
	margin: auto;
	font-weight: bold;
	padding-top: 25px;
	float: right;
	text-align: center;	
}

.tophost img {padding: 2px 0px;}

.tophost a { text-decoration: underline; color: #3366cc;}
.tophost a:hover { text-decoration: underline; color: #0066cc;}



#Menu {
background-image: url(images/menu.png);
background-repeat: no-repeat;
position: absolute;
top: 175px;
width:780px;
clear:both;
height: 40px;
display: block;
}

#Menu-Items {padding: 12px 0px 0px 15px;}

.menu-text {
float:left;
width:auto;
padding: 0px 5px;
font-family: "Trebuchet MS";
font-size: 13px;
font-weight: bold;
color: #FFF;
}



.menu-button {
float:left;
width:auto;
padding: 0px 5px;
font-family: arial;
font-size: 13px;
font-weight: bold;
color: #FFF;
}

.menu-button a { text-decoration: none; color: #FFF;}
.menu-button a:hover { text-decoration: none; color: #CCC;}


#Main-Content  {
position: absolute;
top: 225px;
width:780px;
clear:both;
height: auto;
}


#Main-Left {
float: left;
width: 200px;
padding-left: 5px;
}


.box-head {background-image: url(images/box-head.png);padding: 0px 0px 0px 0px;height: 35px;}

.box-head h2 {padding:10px;margin:0px;font-size:13px;font-weight:bold;font-family: "Lucida Grande",arial;color:#FFF;}

.box-body {background-image: url(images/box-body.png); font-size:13px;font-family:arial;background-repeat: repeat-y;padding: 0px 0px 0px 0px;}

.box-body-google {background-image: url(images/box-body.png); background-repeat: repeat-y;padding: 10px 0px 10px 10px;}

.box-body ul {list-style-image:url(images/orange-disk.png);margin:0px;padding:5px 10px 5px 25px;}

.box-body li {color:#666; padding-top: 5px;}


.box-bottom {background-image: url(images/box-bottom.png);padding: 0px 0px 0px 0px;height: 10px;}


.box-body a { font-size: 13px; font-family:arial; text-decoration: none; color: #666;}
.box-body a:hover { font-size: 13px; font-family:arial; text-decoration: none; color: #FF6600;}



#Main-Right {
left: 205px;
float:left;
width: 570px;
padding-left: 5px;
}

.box-head-left {background-image: url(images/box-head-left.png); background-repeat: no-repeat; height:15px;}

.box-body-left {background-image: url(images/box-body-left.png); background-repeat: repeat-y;}

.box-bottom-left {background-image: url(images/box-bottom-left.png); background-repeat: no-repeat; height: 15px; padding:0px;}

.content-head h1 {margin:0px;padding:10px 10px 20px 20px;font-size:21px;font-weight:bold;font-family: "Lucida Grande",arial;color:#FF6600;position: relative;}

.content-body {padding:0px 20px;font-size:13px;font-family: arial;color:#444;}

.content-head h1 span {
	background: url(images/gradient-white.png) repeat-x;
	position: absolute;
	display: block;
	width: 90%;
	height: 31px;
	top: 1px;
	left: 19px;
}




.clr {
	clear: both;
}






.logo-button {
	
	width: 400px;
	height: 120px;
	display: block;
	float: left;
	text-decoration: none;
	cursor:pointer;
}


.Footer {

clear:both;
	width: 100%;
	padding: 10px 0px;
	color: #666;
	border-top-color: #CCC;
	border-top-style: solid;
	border-top-width: 1px;
	margin-top: 30px;
	color: #666;
	text-align: center;
	font-size: 12px;
	font-family: arial;
}
	
	.Footer a, a:hover { text-decoration: underline; color: #666;
	}




#wrap {
	height: 100%;
	width: 100%;
	clear:both;
	}
#wrap1 {
	width: 100%;
	clear:both;
	}
	

.sitemap h2 {font-size: 14px; color: #444;}
.sitemap a { text-decoration: underline; color: #3366cc;}
.sitemap a:hover { text-decoration: underline; color: #ff6600;}
.sitemap ul { margin: 0px;}
.sitemap li { padding: 5px 5px 5px 5px;}



.content-head-more h2 {margin:0px;padding:30px 10px 20px 20px;font-size:16px;font-weight:bold;font-family: "Lucida Grande",arial;color:#FF6600;}
.content-articles a { font-family: arial; font-size: 13px; text-decoration: underline; color: #3366cc;}
.content-articles a:hover { font-family: arial; font-size: 13px; text-decoration: underline; color: #ff6600;}
.content-articles ul { font-size: 13px; margin: 0px;}
.content-articles li { font-size: 13px; padding: 2px 15px 2px 5px;}