/*
 * CCTA HTML Elements css
 *
 * Styles for HTML elements
 * @author Benjamin Lowenstein 04/2009
 */
 
/** fonts **/

body, textarea, input  {
    font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
    font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
}

body {
    color: #000;
}

#container,
#header,
#footer
{
    /* Use a 12px base font size with a 16px line height */
    font-size: 0.75em; /* 16px x .75 = 12px */
    line-height: 1.333em; /* 12px x 1.333 = 16px */
}


/* A generic clearDefaults */

.clearDefaults {
  margin:0;
  padding:0;
}

ul.clearDefaults {
  list-style-type:none;
}

ul.clearDefaults li {
  list-style:none;
  margin:0;
  padding:0;
}

img {
  border:0;
}

h1, h2, h3, h4, h5 {
  font-weight:normal;
}

    /*TODO - change to EM */

h1 {
  font-size:32px;
  color: #CC3300;  
  font-weight:bold;
  line-height:1.7em;
}

h2 {
  font-size: 23px;
  color: #FF6600;
  line-height:1.25em;
  margin:0;
}

h3 {
  font-size: 15px;
  font-weight:bold;
  line-height: 1.45em;
  margin:0;
}

a:link, a:visited {
	color: #003366;
	text-decoration: none;
}

a:hover, a:focus {
  text-decoration:underline;

}

/*for IE*/  
form {
	margin:0; 	
	zoom:1;	
}

table {
	border-collapse:collapse;	
}

table td {
	padding:0;	
}
/*
# main font: Lucida Sans Unicode, Lucida Grande
# font sizes (home): navigation: 15px; <h2> ("Welcome!", "CCTA Spotlight" etc.): 29px; <h3> ("In the News", "Industry Issues, etc.): 15px bold;  main text: 13px
# a link: #003399, a hover: #CC9900, a visited: #003399,
# main text #333333


internal pg: left navigation <h2> 'cable industry info' 16px #000066, left navigation links 13px; left bar <h2> 'CCTA Updates' 22px; <h3> 'In the News' 15px bold; links 13px; 
content area breadcrumbs (home > cable industry info etc) 12px, <h2> (High Definition) 32px #CC9900; main content 14px #333333

I forgot some notes about the font in the footer area:
# “CCTA”: 14px, #333333
# addresses: 12px #333333
# copyright text, sitemap link : 11px #333333

*/
