/* ***************************
* from
* http://www.thenoodleincident.com/tutorials/typography/template.html
******************************/

body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, verdana, sans-serif;
	font-size:12px;
	/*  font-size: 82%;font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #000;
	background-color: #fff;
	background-image: url(/images/_.gif);/*these three lines replace the n4_upgrade.gif in n4.css. and if you use this code, make sure you point to an img on _your_ server, not mine.*/
	background-repeat: no-repeat;
	background-position: top left;
	}
		
/*typography*/
a { text-decoration:underline; color:#FF0000; font-weight:bold; }
a:hover { text-decoration: none; }

/* both margins and padding set to zero and padding in header div is used instead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
/*
h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;  }

*/

h2 { font-size: 1.5em; margin: 1.0em 0em 1.0em 0em; font-weight: bold; color:#000066; }
h3 { font-size: 1.3em; margin: 1.0em 0em 1.0em 0em; font-weight: bold; color:#000066; }
h4 { font-size: 1.1em; margin: 1.0em 0em 1.0em 0em; font-weight: bold; color:#000066; }
h5 { font-size: 1.0em; margin: 1.0em 0em 1.0em 0em; font-weight: bold; color:#000066; }
h6 { font-size: 0.8em; margin: 1.0em 0em 1.0em 0em; font-weight: bold; color:#000066; }
img { border: 0; }
ol, ul, li { list-style: none; font-size: 11px; line-height: 1.5em; margin-top: 0.2em; margin-bottom: 0.2em; padding:0; }
ul { list-style-type:none; margin:0; padding:0; }
p { font-size: 1.0em; line-height: 1.5em; margin: 1.0em 0em 1.0em 0em; }
li > p { margin-top: 0.2em; }
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b { font-weight: bold; }
table { border-collapse:collapse; }

/* 
* sre styles
*/

body { background:#FFF; font-size:13px; font-family: tahoma, arial, helvetica, sans-serif; text-align:center; }

.centered { text-align:center; }
.clear { clear:both; }
table.noborder { border:0; }
table.noborder td { border:0; }

div.imgright { float:right; clear:right; margin: 5px 0px 5px 10px; }
div.imgleft { float:left; clear:left; margin: 5px 10px 5px 0px; }
div.imgright img, div.imgleft img { padding:4px; }
div.imgright p.caption, div.imgleft p.caption { padding: 0px 5px; margin:0px; font-size:11px; font-style:italic; }

.button, input.button { color:black; font-size:11px; padding:3px; font-weight:bold; background:#F5F5DC; border:1px black solid; }

#page { text-align:left; width:800px; margin:5px auto; padding:0px; background:#FFF; position:relative; }

#header { margin:0 0 10px 0; padding:0; height:114px; /* width:927px; */ background-image:url(/images/vz/sre_header_bg.jpg); background-repeat: repeat-x; position:relative; }
#header_logo { position:absolute; top:25px; left:18px; }

#header_center { padding:0; margin:0; position:absolute; top:14px; left:343px; }
#header_center h1, #header_center h2 { padding:0; margin:0; font-size:12px;	color: #000; /* absolute in the header */ text-align:left; font-weight:bold; line-height:22px; }

#header_images { float:right; padding:0; margin:3px; }
#header_images img, #header_images object, #header_images div { float:left; clear:none; margin:7px 3px 7px; border:1px #000 solid; }

#main { float:left; width:756px; margin:0 0 0 9px; clear:none; }

#foot { clear:both; padding:5px; border-top:1px #AAA solid;border-bottom:1px #AAA solid; }
#foot_logos { float:left; }
#foot_logos img { margin:10px; }
#foot_contact { float:right; }
#foot_contact a { color:#444; }
#foot_contact a:hover { color:#FF0000; }
#foot_contact p { margin:0; padding:0; }
#foot_credits { clear:both; margin:10px 0px; text-align:right; color:#AAA; font-size:0.9em; }
#foot_credits a { color:#AAA; text-decoration:underline; }
#foot_credits a:hover { text-decoration:none; }

.titledbox { margin: 0px 0px 10px 0px; padding:0; }
.titledbox .boxtitle { height:18px; background-image:url(/images/vz/sre_title_box_bg.jpg); background-repeat: repeat-x; text-align:center; font-size:12px; font-weight:bold; padding:5px 0px; margin:0; }

.titledbox .boxcontent { margin:0; border:1px #000 solid; background-image:url(/images/vz/sre_box_bg.jpg); background-repeat: repeat-x; }
		/* padding:1px; */ /* to avoid 'collapsing margins' on child <p>,<ul> elements. see http://www.webmasterworld.com/css/3530816.htm */
.titledbox .boxcontent p { margin-top: 0; padding-top:0; }
.titledbox .boxcontent h3 { margin-top: 0; padding-top:0; }
.titledbox .padded { padding:4px; }

h1.page_title, h2.home { margin: 0px 0px 10px 0px; padding:0; height:18px; background-image:url(/images/vz/sre_title_box_bg.jpg); background-repeat: repeat-x; text-align:center; font-size:12px; font-weight:bold; padding:5px 0px; color: #000; }


/* white-back-wrap */
.wbw .boxcontent { background-image:url(/images/_.gif); background-repeat:repeat-x; background:#FFF; }

/* below, using margin:-3px to avoid a myterious IE6/Win bug described here:
http://www.positioniseverything.net/explorer/dup-characters.html
*/
.home_2col { float:left; width:587px; margin-right:-3px; }	
.home_2col_left { float:left; width:287px; margin:0; padding:0; }
.home_2col_right { float:right; width:287px; margin:0; padding:0; }

.home_box { padding:3px; }

#home_center { float:left; width:587px; margin:0;padding:0; }
#home_center h3 { font-weight:bold; font-size:1.0em; margin:0 0 0.8em 0; }

#home_welcome { float:left; width: 330px; }
#home_investment { float:right; width: 400px; }


div.print_only  { display:none; }

#print_page_header { text-align:center; margin:5px; padding: 5px; border-top:1px #000 solid; border-bottom:1px #000 solid; }
#print_page_header p.title { font-size:14px; font-weight:bold;   margin:5px; }
#print_page_header p.url { font-size:12px;   font-weight:normal; margin:5px; }

.related_pages { float:right; border:1px #999 solid; margin:10px 0px 10px 10px; padding:0; }
.related_pages h3 { background:#CCC; color:#000; margin:0 0 5px 0; padding:5px; font-size:12px; font-weight:bold; }
.related_pages ul { list-style-type:none; margin:0; padding:5px; }
.related_pages ul li {  }
.related_pages ul li a { }