* {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	
	line-height: 1.2;
}



img {
	display: block;
}

html {
	background-image: url(/images/bg.gif);
	background-repeat: repeat;
	
	height: 100%;
	overflow: auto;
}

body { 
	background-image: url(/images/gradient-bg.gif);
	background-repeat: repeat-x;
	height: 100%; 
	
	min-height: 840px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.7em;
}




/*************************
 * HEADER
 *
 *************************/
#header {
	background-image: url(/images/header-bg.gif);
	background-repeat: repeat-x;
	height: 95px;
	min-width: 400px;
	width: 100%;
	
	margin-bottom: 30px; /* NEW to deal with search box  (part 1/2) */
}
	#header #logo {
		float: left;
		display: inline;
		margin-top: 12px;
		margin-left: 15px;
	}
	#header #support {
		float: right;
		display: inline;
		margin-top: 20px;
		margin-right: 15px;
	}
	#header #login-bubble {
		float:right;
		margin-top: 24px;
		margin-right:25px;
		
	}




/*************************
 * BAR
 *
 *************************/
#bar-business, #bar-education, #bar-home, 
#bar-affiliates, #bar-about, #bar-plaza,
#bar-404, #bar-support, #bar-default {
	background-repeat: repeat-x;
	
	position: absolute;
	height: 40px;
	width: 100%;

	top: 85px;
	left: 0px;
	
	padding-top: 1px;
}
#bar-business {
	background-image: url(/images/bar-bg-business.png);
}
#bar-education {
	background-image: url(/images/bar-bg-education.png);
}
#bar-home {
	background-image: url(/images/bar-bg-home.png);
}
#bar-affiliates {
	background-image: url(/images/bar-bg-affiliates.png);
}
#bar-about {
	background-image: url(/images/bar-bg-about.png);
}
#bar-plaza {
	background-image: url(/images/bar-bg-plaza.png);
}
#bar-404, #bar-support, #bar-default {
	background-image: url(/images/bar-bg.png);
}


	/*************************
	 * BAR LOGIN
	 *************************/
	 
	#bar #login {
		margin-right: 17px;
		
		height: 40px;
		position: absolute;
		top: 0px;
		right: 0px;
		
		/*font-size: 0.95em;*/
		/*opacity: 0.95; */
	
	}
	#bar #login input[type=text], 
	#bar #login input[type=password] {
		background-image: url(/images/login-input.png);
		/* height: 19px; */
		/* width: 136px; */
		font-size: 11px;
		
		margin-top: 6px;
		margin-right: 10px;
		float: left;
		
		padding-left: 5px;
		padding-top: 3px;
		height: 16px;
		width: 131px;
		
		/* opacity: 0.95; */
		
	}
	#bar #login input[type=image], 
	#bar #login img {
		height: 21px;
		width: 52px;
		margin-top: 6px;
		float: left;
	}
	#bar #login input[type=image]:focus, 
	#bar #login input[type=text]:focus, 
	#bar #login input[type=password]:focus {
		/* opacity: 0.9; */
	}
	
	#bar #login img {
		cursor: pointer;
	}
	#bar #login img:hover {
		opacity: 0.8;
	}
	#bar #login #login-result {
		margin-top: 9px;
		margin-left: 5px;
		float: left;
		color: #ffffff;
		
		display: inline;
		
	}
	
	
	#bar #login #login-result a {
		color: #eeeeee;
		text-decoration: none;
	}
	#bar #login #login-result a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
	
	
	#bar #login-links {
		padding-top: 2px;
		padding-bottom: 4px;

		background-image: url(/images/bartext-bg.png);
		background-repeat: repeat-x;
		
		opacity: 0.9;
		color: #eeeeee;
		
		
		padding-left: 5px;
	}
	

	#bar #login-links .divider {
		color: #6fa8fe;
		
	}
	

	#bar #username, #bar #password {
		color: gray;
	}
	
	
	
	
	
	
	
	
	#bar #breadcrumbs-left,
	#bar #breadcrumbs-right,
	#bar #breadcrumbs {
		float: left;
		margin-top: 6px;
	}
	
	
	
	#bar #breadcrumbs-left {
		background-image: url(/images/bartext-bg-left.png);
		width: 5px;
		margin-left: 5px;
		height: 19px;
	}
	
	#bar #breadcrumbs-right {
		background-image: url(/images/bartext-bg-right.png);
		width: 5px;
		height: 19px;
	}
	
	#bar #breadcrumbs {
		
		color: #ffffff;
		
		height: 11px;

		padding-top: 2px;
		padding-bottom: 6px;

		background-image: url(/images/bartext-bg.png);
		background-repeat: repeat-x;
		
		 opacity: 0.9; 
	}
	
	#bar #breadcrumbs .divider {
		color: #6fa8fe;
		font-size: 0.8em;
		
	}
	
	#bar #breadcrumbs a {
		color: #ffffff;
		text-decoration: none;

	}
	#bar #breadcrumbs a:hover {
		text-decoration: underline;
	}
	
	



/*************************
 * DROP DOWN SECTION MENU 
 *
 *************************/
#menu {
	
	position: absolute;
	
	top: 117px;
	left: 0px;
	
	margin-left: 5px;
	width: 220px;
	height: 235px; 
	
}

#menu img {
	margin-bottom: 0px; 
	margin-left: 1px;
}


#menu-top {
	width: 235px;
	
	
	padding-left: 3px;
	padding-top: 5px; 
	
	height: 220px; /* was 235 */
}

#menu-top img {
	margin-bottom: -2px;
	}

#menu-bottom {
	width: 200px;
		
	height: 15px;
}



/*************************
 * GLASS
 *
 *************************/
#container {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	
	margin-top: -30px; /* NEW to deal with search box  (part 2/2) */
}

#glass-top {
	background-image: url(/images/glass-top.png);
	background-repeat: no-repeat;
	width: 980px;
	
	height: 20px;
	margin-top: 6px; /* 38 before google search */ /* 10 before bar */ 
	float: left;
}


#glass {
	background-image: url(/images/glass-1px.png);
	background-repeat: repeat-y;
	padding-top: 32px;
	float: left;
	
	width: 980px;
	
}

#glass-bottom {
	background-image: url(/images/glass-bottom.png);
	background-repeat: no-repeat;
	width: 980px;
	
	height: 20px;
	margin-bottom: 0px; 
	float: left;
}



/*************************
 * MAIN PAGE
 *
 *************************/
#main-menu {
	float: left;
	width: 235px;
	height: 287px;
	
	/* these moved to "flash banner"
	margin-top: -40px;
	margin-left: 12px;
	*/
	
	color: #6fa8fe;
}
	
	#main-menu ul {
		margin-top:-65px;
		height:65px;
		margin-left:13px;
		list-style:none;
	}
	#main-menu li {
		margin-bottom:2px;
	}
	
	
	#main-menu img {
		/*margin-bottom: 1px;*/
		
	}
	#main-menu img:hover {
		/*opacity: 0.85;*/
	}
	
	
	#main-menu a {
		color: #dae6f8;
		text-decoration: none;
		opacity: 0.95;
		font-size: 1.1em;
	}
	#main-menu a:hover {
		color: #6fa8fe;

	}
	
	
	
	
	
#menu-indicator {
	position: relative;
	top: -275px;
	left: 205px;
}

#main-image {
	float: right;
	width: 710px;
	height: 287px;
	
	
	/* moved to "flash banner"
	margin-top: -40px;*/
	margin-right: 18px;
}

#main-image a {
	color: #133D65;
	
	font-size: 1.2em; 
	text-decoration: none;

}
#main-image  a:hover {
	color: #009CDC;
	text-decoration: underline;
}

#main-image  ul {
	margin-left: 3px;
	margin-right: 20px; /*was 25 */
	margin-top: 23px; /* was 28 */
	
	list-style-position: inside;
}





	/* PRODUCT POINTS */
	#main-image #product-points-business,
	#main-image #product-points-education,
	#main-image #product-points-home,
	#main-image #product-points-affiliates,
	#main-image #product-points-about,
	#main-image #product-points-plaza {
		background-repeat: no-repeat;
		position: relative;
		padding: 10px;
		cursor: pointer;
	}
	
	
	#main-image #product-points-business {
		background-image: url(/images/product-points-business.png);
		width: 290px;
		height: 112px;
		
		top: -122px;
		left: 17px;
	}
	
	#main-image #product-points-education {
		background-image: url(/images/product-points-education.png);
		width: 260px;
		height: 110px;
		top: -215px;
		left: 15px; 
	}
	
	#main-image #product-points-home {
		background-image: url(/images/product-points-home.png);
		width: 223px;
		height: 104px;
		top: -120px;
		left: 40px; 
	}
	
	#main-image #product-points-affiliates {
		background-image: url(/images/product-points-affiliates.png);
		width: 372px;
		height: 22px;
		top: -57px;
		left: 313px;
	}
	
	#main-image #product-points-about {
		background-image: url(/images/product-points-about.png);
		width: 276px;
		height: 123px;
		top: -174px;
		left: 57px;
	}
	
	#main-image #product-points-plaza {
		background-image: url(/images/product-points-plaza.png);
		width: 250px;
		height: 58px;
		top: -107px;
		left: 34px;
	}
		

		
		

	#main-image #product-points-business a {
		color: #eeeeee;
	}
	#main-image  #product-points-business a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
	#main-image #product-points-business ul {
		color: #eeeeee;
		
	}
	
	
	


		
	
#main-hr {
	float: left;
	margin-left: 12px;
	margin-top: 6px;
	height: 10px;
	width: 950px;
}

 
#news {
	background-image: url(/images/news-bg.png);
 	
	margin-top: 3px;
	margin-left: 12px;
	width: 235px;
	height: 270px;
	overflow: hidden;
	float: left;
	padding-top: 45px;
	
	color: #ffffff;
}
	#news h1 {
		font-weight: bold;
		color: #888888;
		font-size: 0.7em;
		margin-bottom: 4px;
	}
	#news h2 {
		font-weight: bold;
		font-size: 1.1em;
		margin-bottom: 8px;
	}
	#news h2 a {
		color: #78bbdb;
		text-decoration: none;
	}
	#news h2 a:hover {
		text-decoration: underline;
	}
	#news div {
		margin-bottom: 15px;
		margin-left: 13px;
		margin-right: 20px;
	}
	#news a.read-more {
		color: #54b4fd;
		text-align: right;
		text-decoration: none;
		display: block;
		margin-top: 5px;
	}
 	#news a.read-more:hover {
		text-decoration: underline;
	}


 
 
#products {
 	background-image: url(/images/products-bg.png);
	width: 475px;
	height: 270px;
	float: left;
	margin-top: 3px;
	margin-left: 5px;
	padding-top: 45px;
	overflow: hidden;
}

	#products h1 {
		font-weight: bold;
		color: #133D65;
		font-size: 1.3em;
		margin-bottom: 8px;
	}
	#products h1 a {
		color: #133D65;
		text-decoration: none;
	}
	#products h1 a:hover {
		text-decoration: underline;
	}
	#products div {
		margin-bottom: 15px;
		margin-left: 13px;
		margin-right: 20px;
	}
	#products a.read-more {
		color: #006FAF;
		text-decoration: none;
		display: block;
		margin-top: 15px;
	}
 	#products a.read-more:hover {
		color: #009CDC;
		text-decoration: underline;
	}








#buttons-right, #buttons-left {
	width: 230px;
	height: 310px;
	float: left;
	margin-left: 5px;
	margin-top: 3px;
}

#buttons-left {
	margin-left: 12px;
	margin-right: 5px;
}

	#buttons-right img, #buttons-left img {
		margin-bottom: 5px;
	}
	#buttons img:hover {
		/*opacity: 0.85;*/
	}
	
	
 
 

/*************************
 * SIDEBAR
 *
 *************************/
#sidebar {
	float: right;
	width: 182px;
	margin-right: 18px;
	/* margin-top: 75px; */
	
	/* changed for search */
	margin-top: 11px;
}
	#sidebar img {
		margin-bottom: 8px;
	}
	#sidebar img:hover {
		/* opacity: 0.9; */
	}


	
	

	
	
	
	#sidebar-products {
		background-image: url(/images/products-sidebar-bg.png);
		width: 166px;
		height: 275px;
		
		margin-bottom: 8px;
		padding-top: 40px;
		
		font-size: 0.9em;
		
		padding-left: 10px;
		padding-right: 10px;

	}
	#sidebar-products img {
		margin-bottom: 5px;

	}
	#sidebar-products p {
		margin-bottom: 10px;
	}
	#sidebar-products a {
		color: #006FAF;
		text-decoration: none;
	}
	#sidebar-products a:hover {
		color: #009CDC;
		text-decoration: underline;
	}
	#sidebar-products #webcontrol,
	#sidebar-products #safemail,
	#sidebar-products #domainpilot {
		height: 160px;
		width: 166px;
		
	}








/*************************
 * PANEL
 *
 *************************/
#panel-top {
	background-image: url(/images/panel-top.png);
	width: 763px;
	margin-left: 12px;
	height: 10px;
	float: left; 
	
	
}

#panel {
	background-image: url(/images/panel-bg.png);
	width: 728px;
	margin-left: 12px;
	padding-left: 15px;
	padding-right: 20px;
	float: left; 
	
	min-height: 509px;
}


	/*************************
	 * PANEL IMAGE
	 *************************/
	#panel #image {
		float: right;
		width: 355px;
		height: 210px;
		margin-left: 15px;
	}
	
	/*************************
	 * PANEL DOTPOINTS
	 *************************/
	#panel #dotpoints {
		float: left;
		width: 355px;
		height: 210px;
	}
		#panel #dotpoints span {
			font-variant: small-caps;
			font-weight: bold;
			font-size: 1.1em;
		}
		#panel #dotpoints ul {
			font-size: 1.2em;
			margin-left: 35px;
			margin-top: 10px;
			font-style: italic;
			color: #133D65;
		}
		#panel #dotpoints li {
			margin-top: 8px;
		}
	
	
	/*************************
	 * PAGE ITEMS
	 *************************/
	#panel .item, .image {
		width: 355px;
		margin-bottom: 20px;
		/*text-align: justify;*/
	}
	#panel .item img {
		float: left;
		margin-right: 10px;
	}
	#panel .image {
		
	}

	
	
	/*************************
	 * PAGE FULL-ITEM
	 *************************/
	#panel .full-item {
		width: 720px;
		margin-bottom: 15px;
		float: left;
	}
	
	
	
	/*************************
	 * PANEL H1 H2 H3 
	 *************************/
	#panel  h1 {
		color: #133D65;
		font-size: 1.2em;
		font-style: italic;
	}	
	#panel h2 {
		font-size: 1.2em;
		color: #2B2B2B;
		margin-bottom: 8px;
	}
	#panel h3 {
		font-size: 1.2em;
		color: #006FAF;
		margin-bottom: 2px;
	}
	#panel h4 {
		font-size: 1.1em;
		color: #2B2B2B;
		margin-bottom: 2px;
	}
	#panel h5 { /* search results */
		font-size: 1.1em;
		color: #006FAF;
		margin-bottom: 2px;
	}
	
	/*************************
	 * PANEL P
	 *************************/
	#panel p {
		margin-bottom: 12px;
	}
		
	/*************************
	 * PANEL LINK 
	 *************************/
	#panel a {
		color: #006FAF;
		text-decoration: none;
		/* margin-left: 55px; */
	}
	#panel a:hover {
		color: #009CDC;
		text-decoration: underline;
	}
	
	
	/*************************
	 * PANEL LIST 
	 *************************/
	#panel ul, ol {
		margin-left: 25px;
		margin-bottom: 15px;
	}
	#panel ul li {
		margin-bottom: 2px;
	}
	#panel ol li {
		margin-bottom: 10px;
	}
	
	
	/*************************
	 * PANEL TABLE
	 *************************/
	#panel table {
		border-spacing: 0px;
		border-collapse: collapse;
		margin-top: 20px;
		margin-bottom: 20px;
		width: 100%;
	}
	
	/*
	#panel tr {
	}
	#panel th, td {
		border: 1px solid #333333; 
		padding: 3px;
		vertical-align: top;
	}
	#panel th {
		background-color: #AF4E48; 
		color: #ffffff;
	}
	#panel td {
		background-color: #DDEAF1;
	}
	*/
	
	#panel td img {
		display: inline;
	}
	
	
	
	
	
	
	th, td {
		padding: 4px;
		vertical-align: top;
	}
	table {
		border-top: 1px solid #333333; 
		border-bottom: 1px solid #333333; 
	}
	
	.header1 {
		background-color: #af4e48;
		color: white;
		font-weight: bold;
		border-bottom: 1px solid #FFFFFF; 
	}
	.header2 {
		background-color: #2a5074;
		color: #d2f2ff;
		font-weight: bold;
	}
	.header3 {
		background-color: #ddeaf1;
		font-weight: bold;
	}
	.row1 {
		background-color: #f0f0f0;
	}
	.row2 {
			background-color: #ffffff;
	}
	
	
	
	
	
	
	
	

	
	
	
	
	
	
	
	
		
	/*************************
	 * PANEL PLAZA ITEM
	 *************************/
	#panel .plaza-item-head {
		
		/* width: 335px; */
		width: 100%;
		height: 15px;
		
		border: 1px solid #e5e5e5;
		background-color: #d7e6ee;
		
		font-size: 1.1em;
		color: #133D65;
		font-weight: bold;
		padding: 5px;
		
		cursor: pointer;
		margin-top: 15px;
		
		margin-right: 5px;
		
	}
	#panel .plaza-item-head:hover {

		background-color: #e5f0f6;
	
	}
	#panel .plaza-item-body {
	
		/*width: 335px;*/
		 width: 100%; 
		padding: 5px;
		
		border: 1px solid #e5e5e5;
		border-top: none;
		
		background-color: #f7f7f7;
		
		margin-right: 5px;
		
	}

	#panel .plaza-item-body .current {
		font-weight: bold;
	}
	#panel .plaza-item-body a {
		font-weight: normal;
	}
	

	
	
	
#panel-bottom {
	background-image: url(/images/panel-bottom.png);
	width: 763px;
	height: 15px;
	margin-left: 12px;
	float: left; 
}






#submenu {
	margin-left: auto;
	margin-right: auto;
	
	padding-top: 5px;
	text-align: center;
}
	#submenu li {
		display: inline;
		margin-right: 5px;
		margin-left: 5px;
	}
	#submenu span.current {
		font-weight: bold;
	}
	#submenu a { 
		text-decoration: none;
		color: #585858;
	}
	#submenu a:hover { 
		text-decoration: underline;
	}
	/* FEW FOR SPECIFIC SECIONS */
	#submenu-business a:hover   { color: #125DCF; }
	#submenu-home a:hover       { color: #119532; }
	#submenu-education a:hover  { color: #D4860C; }
	#submenu-affiliates a:hover { color: #565656; }
	#submenu-about a:hover      { color: #0583B7; }
	#submenu-plaza a:hover      { color: #A93885; }
	
	#submenu ul {
		margin-left: 0px;
		margin-bottom: 0px;
	}
	
	


		
/*************************
* BROADBAND LINKS
*************************/
#broadband-links {
	background-image:url(/images/broadband-bg.png);
	width:281px;
	height:169px;
	margin-left: 60px;
	padding-top:6px;
	padding-left:12px;
	margin-bottom:5px;
	line-height: 1.1;
}





		
/*************************
* BROADBAND MENU
*************************/
#broadband-menu {
	height: 55px;
}


#broadband-menu ul {
	list-style: none;
	margin-left: 0px;
}


#broadband-menu li {
	background-image: url(/images/broadband-button.png);
	width: 160px;
	height: 30px;
	float: left;
	text-align: center;
	padding: 5px;
	
	padding-top: 3px;
	height: 32px;
	
	font-size: 1.1em;
	color: #006FAF;
	font-weight: bold;
	
	margin-right: 6px;
	margin-left: 6px;
	cursor: pointer;
	
}

#broadband-menu li:hover {
	background-image: url(/images/broadband-button-over.png);
	

}
#broadband-menu a:hover {
	text-decoration: none;
	color: #f6fafc;
}

#broadband-menu li.over {
	background-image: url(/images/broadband-button-over.png);
	color: #f6fafc;
}
#broadband-menu li.over a {
	color: #f6fafc;
}

#broadband-menu li:hover a {
	color: #f6fafc;
}



#midband-check {
	width: 334px;
	height: 110px;
	background-image: url(/images/midband-check.png);
	
	color: white;
	padding-top: 45px;
	padding-left: 11px;
	padding-right: 10px;
}

	#midband-check input.text {
		border-style: inset;
		background-color: #eeeeee;
	}

	#midband-check a {
		color: #FFFFFF;
		text-decoration: underline;
	}









#adsl-check {
	width: 334px;
	height: 110px;
	background-image: url(/images/adsl-check.png);
	
	color: white;
	padding-top: 45px;
	padding-left: 11px;
	padding-right: 10px;
}

	#adsl-check input.text {
		border-style: inset;
		background-color: #eeeeee;
	}

	#adsl-check a {
		color: #FFFFFF;
		text-decoration: underline;
	}





#page-text {
	height: 80px;

}




#copyright {
	margin-left: 15px;
	margin-top: 5px;
	
	width: 800px; /*763 */
	float: left;
	font-size: 0.9em;
	color: #2B2B2B;
	
	padding-bottom: 15px;
}
	#copyright a {
		color: #2B2B2B;
		text-decoration: underline;
	}
	#copyright a:hover {
		color: #484848;
		text-decoration: underline;
	}





img.icon {
	display: inline;
	margin-bottom: -3px;
}



.hr {
	margin-top: 5px;
	margin-bottom: 15px;
}

.hr-alt {
	margin-top: 5px;
	margin-bottom: 5px;
}


ul.numbered {
	list-style: decimal;
}
code {
	font-size: 1.3em;
	font-weight: bold;
}










/* UNIVERSAL STYLES FOR INPUTS */

input.text {
	font-size: 1em;
	padding-left: 3px;
	padding-top: 3px;
	height: 16px;
	
	margin-bottom: 4px;
	background-color: #f4f4f4;
	width: 180px;
	
	border: 1px solid #666666;
	
}
input.text:hover {
	background-color: #fbfbfb;
}

input.button {	
	font-size: 11px;
	height: 21px;
	vertical-align: top;
	width: 60px;
	background-color: #4e4e4e;
	color: #FFFFFF;
	/*border: 1px solid black;*/
	border: 1px outset black;
	
	
	cursor: pointer;
	
	padding-bottom: 2px;
	padding-top: 2px;
	font-weight: bold;
	
}	
input.button:hover {
	background-color: #5e5e5e;

}
input.checkbox {
	border: none;
	background-color: transparent;
	width: 20px;
	margin-bottom: 2px;
}
label {
	float: left;
	width: 120px;
}
select {
	width: 150px;
	margin-bottom: 5px;
	border: 1px solid #666666;
	
	font-size: 1em;
	background-color: #f4f4f4;
		
	padding-top: 2px;
	height: 21px;

}
textarea {
	border: 1px solid #666666;
	background-color: #f4f4f4;
	width: 300px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.95em;
	padding: 3px;
	height: 70px;
	margin-bottom: 5px;
}






	
	











/* GOOGLE SEARCH */


#google-search form input.text {
	background-image: url(/images/icons/magnifier.png);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	border-width: 2px;
	
	border-style: inset;
	border-color: #dddddd;
	
	padding-left: 20px;
	width: 100px;
	color: #777777;
	width: 157px;	
}


#google-search form input.button {
	float: right;
}


/* position of front page search */
#index-search {
	margin-top: 0px;
	float: right;
	margin-right: 18px
}


#sidebar #google-search {
	margin-bottom: 30px;
}




/* FLASH BANNER */

#flash-banner {
	margin-left: 12px;
	margin-top: -40px;
	margin-bottom: 3px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
