/*  Access eBroadband Style Sheet - designed by Dana Noonan - noonan@infomaven.com */

/*  DOCUMENT STRUCTURE  */
#header, #footer, #main { display : block; }
#navtop, #sidebar, #navfoot, #pagenav { display : block; }
#headerprint, .skip, .brandp, .footerfile { display : none; }
.brands { display : block; }

/* LAYOUT */

body { 
 color: #000000; background: #008080;
width: 800px;
 margin: auto; padding: 0;
 font: small verdana, lucida, geneva, helvetica, arial, sans-serif;
 font-size/* */: /**/small;
 font-size: /**/small;
 }

#wrapper {margin: 0 auto; padding: 0; text-align: left; }

#content {margin: 0 auto; padding: 0; text-align: left; }

#sidebar { width: 220px; float: left; margin: 0 auto; padding: 25px 0 0 20px; 
font-family: arial, helvetica, sans-serif; }

#main { width: 510px; float: right; padding: 0 20px 20px 10px; }

.layout { color: #000000; background: #ffffff; }

/*.container { margin-left : 50px; margin-right : 50px; color : #000000; background-color : #ffffff; }*/
/*.main { margin-top : 20px; margin-left : 240px; margin-right : 20px; }*/

/* FOOTER */

#footer { clear: both; margin: 0;  padding: 0; background: #008080; } 

#footer hr { display: none; }

div.footer-screen { display: block }
div.footer-print { display: none }


/* styles that apply to all browsers */
body, div, p, dd, dt, li, tt { font-family : verdana, georgia, "trebuchet ms", sans-serif; 
font-size : 12px;}

html div.pullquote {float: right; width: 140px; color: #A09080;  background-color : #ffffff;
	border: solid #908070; border-width: 7px 0;
	font: bold 14px Arial, Helvetica, Verdana, sans-serif;
	line-height: 16px; font-style: italic ;
	padding: 3px 2px; margin: 1px 7px;}

.pullquote  { color : #000080; background-color : #ffffff;
padding-right: 0px; padding-left: 0px;  padding-bottom: 0px; margin: 0px 0px 10px; padding-top: 
20px; line-height: 16px; font-style: italic ;
} 

/*  DATA TABLES  */
/*th { padding-left : 4px; padding-right : 4px; font-family : arial, helvetica, sans-serif; font-size : 12px; text-align : left; }
td { padding-left : 4px; padding-right : 4px; font-family : arial, helvetica, sans-serif; font-size : 12px; }
td li { padding-left : 4px; padding-right : 4px; font-family : arial, helvetica, sans-serif; font-size : 12px; }
td p { padding-left : 4px; padding-right : 4px; font-family : arial, helvetica, sans-serif; font-size : 12px; }
*/
/*  LINKS (not menu links )  */
a:link { color : #000080; background-color : transparent;  }
a:visited { color : #000080; background-color : transparent; }
a:hover { color : #FF0000; background-color : transparent; text-decoration : underline; }
a:active { color : #FF0000; background-color : transparent; }

/*  BRANDING AND LOGO  */

div#header {	background-color: #008080;	padding-bottom: 0px;	margin-bottom: 0px;}
div#top {  color: inherit;  height: 90px;}
div#top h1 {  margin: 0px;  width: 400px;   height: 90px;  background-repeat: no-repeat;}
div#top h1 span {  display: none;} 
div#top h1 { 	background-image: url("i/logo_400x.gif"); } 

.tagline { padding-bottom : 3px; background-color : #00a3a3; color : #ffffff; font-family : "comic sans ms", "trebuchet ms", verdana, sans-serif; font-size : 18px; }

.brands { padding-top : 20px; padding-bottom : 8px; border-bottom : #ffffff 1px solid; color : #000000; background-color : #008080; }

/*  HEADINGS  */

/*h1 { font-size : 200%; }
h1 a { font-weight : normal; text-decoration : none; }
 */
h2 {  font-size: 20px; }
h3 { font-size : 16px;  color :#B22222; background-color : transparent; }
h4 { font-size : 14px;  color : #006400; background-color : transparent; }
h5 { /*font-size : 130%; */ color : #bd0000; background-color : transparent; }

p.section { font-size : 130%;  color : #BDB76B; background-color : transparent; letter-spacing:25%;font-family : "trebuchet ms", verdana, sans-serif;  font-variant:small-caps; }

h4.section { font-size : 130%;  color : #808000; background-color : transparent; letter-spacing:25%; font-family : "trebuchet ms", verdana, sans-serif;  font-variant:small-caps; }

/*  LISTS  */

.main li { padding-bottom: 4px; }
.main dt { padding-bottom: 4px; }
.main dd { padding-bottom: 4px; }

/*  QUOTES AND SOURCES  */
.quoted { padding : 5px 5px 5px 5px; font-family : arial, helvetica, sans-serif; }
.source { padding-right : 50px; font-family : arial, helvetica, sans-serif; font-size : x-small; text-align : right; }


/*  MISC #FF0000EFINED TAGS*/
acronym { border-bottom : 1px dotted #000000; }
pre { font-family : arial, helvetica, sans-serif; font-size : small; }
strong {font-weight: bold;	color: #333333;}
cite { font-style: italic }
hr { color: #666666;  background-color: transparent;  border: none; height: 1px; }

/* pre { padding-right : 10px; padding-left : 10px; padding-bottom : 10px; margin : 6px 20px 10px 0px; padding-top : 10px; } */


/*  MISC  */

p#visibility { visibility: visible }
p#display { display: none }

.center { text-align : center; }
.extra { line-height : 120%; }

.mono{ color : #000000; background-color : #ffffff; font-family : arial, helvetica, sans-serif; font-size : small; }
.alert { color : #FF0000; background-color : transparent; }
.highlight { color : #000000; background-color : #FFFF00; }

/*  DISPLAY BOXES  */

.def { font-family : arial, helvetica, sans-serif;  border : thin dashed #cc9933; padding-left : 10px; padding-right : 10px; padding-top : 5px; padding-bottom : 5px; color : #000000; background-color : #ffffcc; }

.code { border : thin dotted silver; padding-left : 10px; padding-right : 10px; padding-top : 5px; padding-bottom : 5px; font-family : arial, helvetica, sans-serif;  background-color : #e6e6fa;}

.try { font-family : arial, helvetica, sans-serif;  border : thin dotted #cc9933; padding-left : 10px; padding-right : 10px; padding-top : 5px; padding-bottom : 5px; color : #000000; background-color : #ccffcc; }

.info { 	border: dotted 2px #000000;	width: 200px; 	margin: 6px 3px 6px 3px;	padding: 4px;
	background-color: #ffccff;}

.feature {  border: solid 1px #000080;	width: 180px;
padding-bottom : 1x; padding-left : 0px; padding-right : 0px; padding-top : 1px; margin : 1px; 
color :  #ffffff ; background-color : #008080; font-family : arial, helvetica, sans-serif; font-size : small; }

.feature2 {  border: solid 1px #000000;	width: 180px;
margin : 1px 1px 1px 1px;  padding-bottom : 2x;
color :  #000000 ; background-color : #ffffff; font-family : arial, helvetica, sans-serif; font-size : small; }

.featurehead {  border-style: solid 1px #000000;	width: 180px;
padding-bottom : 4x; padding-left : 0px; padding-right : 0px; padding-top : 0px; margin : 0px; 
font-size : x-small; color :  #ffffff ; background-color : #008080; margin-bottom: 0px; }

.news { margin-top: 1px; font-size : x-small; 
padding-left : 6px; padding-right : 6px; padding-top : 2x; padding-bottom : 2x; }

.feature2 cite { font-style: italic; font-size : x-small; }
	
.navlist a.features { color : #008080; background-color : #ffffcc; }

/*  FORMS  */
form.contact { font-family : verdana, arial, helvetica, sans-serif;  }
td.contact { font-family : verdana, arial, helvetica, sans-serif;  }


/*  IMAGES  */
.imgright { border: none; margin: 1em 0em 1em 1em; clear: right; float: right; }
.imgleft { border: none; margin: 1.5em 1.5em 1.5em 0em; clear: left; float: left; }

/*NewsFeed*/

.newsfeed { font-size : small;  }
.newsfeed-head  { font-size : medium;  }

/*  FONT RESIZING HACK  */
/* styles that apply to everything but netscape 4 */
/*/*/a{}
body, body div, body p, body th, body td, body li, body dd, body code, body tt, body  {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd, html>body code, html>body tt, html>body  {
  font-size: small;
}
body h1 {
  font-size: large;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: x-large;
}
html>body h1 {
  font-size: x-large;
}
body h2 {
  font-size: medium;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: x-large;
}
html>body h2 {
  font-size: x-large;
}
/* end ns4 hack */


/*  MENU LINKS */

a.cover {padding: 2px 2px 2px 2px; width: 170px; 
	font: 12px arial, helvetica, sans-serif; color: #000000;	background-color: #ffffff;
}

a.menuleft { color : #008080; background-color : transparent; }
a.menuleft:link { color : #008080; background-color : transparent; }
a.menuleft:visited { color : #008080; background-color : transparent; }
a.menuleft:hover { color : #ff0000; background-color : transparent; text-decoration : underline; }

a.menufoot { padding : 1px 3px 0px 3px; background-color : #00a3a3; color : #ffffff; text-decoration : none; }
a.menufoot:link { padding : 0px 3px 0px 3px; background-color : #00a3a3; color : #ffffff; text-decoration : none; }
a.menufoot:visited { padding : 0px 3px 0px 3px; background-color : #00a3a3; color : #ffffff; text-decoration : none; }
a.menufoot:hover { padding : 0px 3px 0px 3px; background-color : #008080; color : #00fafa; text-decoration : underline; }

a.tinylink { color : #00fafa; background-color : transparent; font-size : 11px; text-decoration : underline; }
a.tinylink:link { color : #00fafa; background-color : transparent; font-size : 11px; text-decoration : underline; }
a.tinylink:visited { color : #00fafa; background-color : transparent; font-size : 11px; text-decoration : underline; }
a.tinylink:hover { color : #ffffff; background-color : transparent; text-decoration : underline; }

.navfoot {
/*	border-bottom : #000000 1px solid;*/
	background-color : #00a3a3; 	color : #000000;
	font-family : arial, "trebuchet ms",verdana,sans-serif; font-size : 13px;
}

.footer { margin: 0;  padding: 2px 0; color : #ffffff; background : #008080; font-size : 10px; }

/*  MENUS */

.navleft {
	margin : 20px 5px 5px 5px;
	padding : 2px 2px 2px 2px;
	position: absolute;
	left: 50px;
	top: 100px;
	width: 180px;
}

#navlist {float: left; }

#navlist ul {
	margin: 0; /*removes indent ie and opera*/
	padding: 0; /*removes indent mozilla and nn7*/
	list-style-type: none; /*turns off display of bullet*/
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
}

#navlist li {
	margin: 0 0 1px 0;
}

#navlist a {
	/*/*/display: block;
	padding: 2px 2px 2px 10px;
	border: 1px solid #000000;
	width: 170px;
	background-color: #008080; /* */
}

#navlist a:link, #navlist a:visited {
	color: #000000;
	/*/*/color: #eeeeee;
	text-decoration: none; /* */
}
#navlist a:hover {
	border: 1px solid #333333;
	background-color: #e6e6fa; color: #333;
}

.navlist ul { margin: 0px 0px 16px; 
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; 
	padding-top: 0px; 
	font-size: 14px;  font-family: arial, helvetica, sans-serif; 
	list-style-type: none;
}
.navlist li {
	margin: 0px 0px 1px
}

.navlist a {  width: 170px; display: block; 
	border-right: #333333 1px solid; border-top: #333333 1px solid;
   	border-left: #333333 1px solid; border-bottom: #333333 1px solid; 
	padding-right: 2px;  padding-left: 24px; 
	padding-bottom: 0px; 	padding-top: 0px; 
	 background-color: transparent;
}

.navlist a:hover {
	border-right: #333333 1px solid; border-top: #333333 1px solid;  
	border-left: #333333 1px solid; border-bottom: #333333 1px solid; 
	background-color: #ff6600; color: #333333; 
}

.navcurrent { width : 150px;
	margin: 0; /*removes indent ie and opera*/
	padding: 0; /*removes indent mozilla and nn7*/
	list-style-type: none; /*turns off display of bullet*/
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
}

/* current section */
.navcurrent { 
/*/*/display: block;
	padding: 2px 2px 2px 10px;
	border: 1px solid #000000;
	width: 170px;
	margin: 0px 0px 0px;  
	font-size: 14px; font-family: arial, helvetica, sans-serif; font-style: italic;
 	background-color: #40e0d0;
}

.navarticles { width : 150px;
	margin: 0; /*removes indent ie and opera*/
	padding: 0; /*removes indent mozilla and nn7*/
	list-style-type: none; /*turns off display of bullet*/
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

.navarticles { 
/*/*/display: block;
	padding: 1px 1px 1px 10px;
	border-right: #333333 1px solid;  border-left: #333333 1px solid; 
	width: 170px;
	margin: 0px 0px 0px;  
	font: 12px arial, helvetica, sans-serif; 
   background-color: #f08080;
}

/* current article */
.navcurrent2 { width : 150px;
	margin: 0; /*removes indent ie and opera*/
	padding: 0; /*removes indent mozilla and nn7*/
	list-style-type: none; /*turns off display of bullet*/
/*	font: 12px arial, helvetica, sans-serif; */
}

.navcurrent2 { 
/*/*/display: block;
	padding: 2px 2px 2px 10px;
	border-right: #333333 1px solid; border-left: #333333 1px solid; 
	/*border-top: #333333 1px solid;*/ /*border-bottom: #000000 1px solid; */
	width: 170px;
	font: 13px arial, helvetica, sans-serif; /*font-style: italic;*/
 	color : black; background-color: #E0FFFF ;
}

.navcurrent3 { width : 170px;
	margin: 0; /*removes indent ie and opera*/
	padding: 0; /*removes indent mozilla and nn7*/
	list-style-type: none; /*turns off display of bullet*/
}

.navcurrent3 {
/*/*/display: block;
/*	padding: 2px 2px 2px 10px;*/
	width: 170px;
	font: 13px arial, helvetica, sans-serif;
/* 	color : #fffff; background-color: #008080;*/
} 

/*  COVER AD */
#cover a { 
		padding: 2px 2px 2px 2px;
	border: 1px solid #000000;
	width: 158px;
	font: 12px arial, helvetica, sans-serif;
	color: #000000;
	background-color: #ffffff; 
text-align: center; }

#cover a:link, #cover a:visited {
	color: #000000;
	text-decoration: none;
}
#cover a:hover {
	border: 1px solid #000000f;
	background-color: #ffffff;
	color: #000080;
	font: 12px arial, helvetica, sans-serif;
}

/* MISC */

div.clearer {clear: left; line-height: 0; height: 0;}

.left { float: left;width: 50%; text-align: left; }
.right { float: right;width: 50%;text-align: right }

.center { text-align: center; }

.alert { color: #FF0000; background-color: transparent; } /* red */
.white { color: #fff; background-color: transparent; }
.highlight { color: #000000; background-color: #FFFF00; }