* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* Infinitesima CSS by Ridgeway Studios - www.ridgewaystudios.com*/

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.secret { visibility: hidden; display: none; }

body 
{ background-color: #E1E1E1; color: #333333; font-size: 80%; text-align: center; }

a:link { color:#0471B0; text-decoration: underline; font-size: 85%; }
a:visited { color:#0471B0; text-decoration: underline; font-size: 85%; }
a:hover { color:#C41721; text-decoration: underline; font-size: 85%; }
a:active { color:#C41721; text-decoration: underline; font-size: 85%; }

a.inverted:link { color:#C41721; text-decoration: none; font-size: 85%; }
a.inverted:visited { color:#C41721; text-decoration: none; font-size: 85%; }
a.inverted:hover { color:#0471B0; text-decoration: none; font-size: 85%; }
a.inverted:active { color:#0471B0; text-decoration: none; font-size: 85%; }

a.download:link { color:#000000; text-decoration: none; font-size: 100%; }
a.download:visited { color:#000000; text-decoration: none; font-size: 100%; }
a.download:hover { color:#0471B0; text-decoration: none; font-size: 100%; }
a.download:active { color:#0471B0; text-decoration: none; font-size: 100%; }

a.downloadgrey:link { color:#838383; text-decoration: none; font-size: 100%; }
a.downloadgrey:visited { color:#838383; text-decoration: none; font-size: 100%; }
a.downloadgrey:hover { color:#0471B0; text-decoration: none; font-size: 100%; }
a.downloadgrey:active { color:#0471B0; text-decoration: none; font-size: 100%; }

a.overimage { color:#FFFFFF; text-decoration: none; }
a.overimage:visited { color:#FFFFFF; text-decoration: none; }
a.overimage:hover { color:#FFFFFF; text-decoration: underline; }
a.overimage:active { color:#FFFFFF; text-decoration: underline; }

a.leftnav:link { color:#000000; text-decoration: none; font-weight: bold; font-size: 100%; }
a.leftnav:visited { color:#000000; text-decoration: none; font-weight: bold; font-size: 100%; }
a.leftnav:hover { color:#C41721; text-decoration: underline; font-weight: bold; font-size: 100%; }
a.leftnav:active { color:#C41721; text-decoration: underline; font-weight: bold; font-size: 100%; }

a.inline:link { font-size: 100%; }
a.inline:visited { font-size: 100%; }
a.inline:hover { font-size: 100%; }
a.inline:active { font-size: 100%; }

a.inlinered:link { font-size: 100%; color:#C41721; text-decoration: none; }
a.inlinered:visited { font-size: 100%; color:#C41721; text-decoration: none; }
a.inlinered:hover { font-size: 100%; color:#0471B0; text-decoration: none; }
a.inlinered:active { font-size: 100%; color:#0471B0; text-decoration: none; }

a.inlinegrey:link { font-size: 100%; color:#3B3B3B; text-decoration: none; }
a.inlinegrey:visited { font-size: 100%; color:#3B3B3B; text-decoration: none; }
a.inlinegrey:hover { font-size: 100%; color:#0471B0; text-decoration: none; }
a.inlinegrey:active { font-size: 100%; color:#0471B0; text-decoration: none; }

a.footerlink:link { color:#000000; text-decoration: none; font-size: 100%; }
a.footerlink:visited { color:#000000; text-decoration: none; font-size: 100%; }
a.footerlink:hover { color:#C41721; text-decoration: underline; font-size: 100%; }
a.footerlink:active { color:#C41721; text-decoration: underline; font-size: 100%; }

a.imagelink:link { border-bottom: 0px; text-decoration: none; }
a.imagelink:visited { border-bottom: 0px; text-decoration: none; }
a.imagelink:hover { border-bottom: 0px; text-decoration: none; }
a.imagelink:active { border-bottom: 0px; text-decoration: none; }

h1 { color:#000000; font-family: Verdana, Arial; font-size: 1.7em; line-height: 1.2em; font-weight: bold; margin:0; padding: 15px 0px 6px 0px; }

h2 { color:#C41721; font-family: Arial, Verdana; font-size: 1.3em; line-height: 1.3em; font-weight: bold; margin: 6px 0px 0px 0px; padding: 0px 0px 0px 0px; }

h3 { color:#C41721; font-family: Arial, Verdana; font-size: 1.2em; line-height: 1.2em; font-weight: normal; margin:0; padding: 6px 0px 6px 0px; }

h4 { color:#C41721; font-family: Arial, Verdana; font-size: 1.3em; line-height: 1.2em; font-weight: bold; margin:0; padding: 0px 0px 0px 0px; }

p { color: #333333; font-family: Arial, Verdana; font-size: 1.0em; line-height: 1.6em; margin: 0px 0px 5px 0px; }

.alert {background-color: #FFF200; }

.date { color: #000000; font-family: Arial, Verdana; font-size: 0.8em; line-height: 1.5em; margin: 0px 0px 5px 0px;  }

.downloadinfo { font-family: Arial, Verdana; font-size: 0.9em; color: #838383; line-height: 1.3em; margin: 0px 0px 2px 0px; }

.red { color: #C41721; font-size: 0.8em; }

.leftindent { margin: 0 0 12px 0; padding-left: 82px; }

.largep { font-size: 1.2em; line-height: 1.2em; }

.imagetext { color: #FFFFFF; font-family: Arial, Verdana; font-size: 1.2em; padding: 143px 0px 0px 12px;  }

.xmark { font-weight: bold; font-size: 1.0em; color: #C41721; margin: 5px 5px 5px 5px; }

.footer { color: #000000; font-family: Arial, Verdana; font-size: 0.8em; margin: 8px 0px 20px 13px; }

.height300 { height: 300px; }
.height400 { height: 400px; }
.height500 { height: 500px; }
.height600 { height: 600px; }
.height700 { height: 700px; }
.height750 { height: 750px; }
.height800 { height: 800px; }
.height900 { height: 900px; }
.height1000 { height: 1000px; }
.height1100 { height: 1100px; }
.height1200 { height: 1200px; }
.height1300 { height: 1300px; }
.height1400 { height: 1400px; }
.height1500 { height: 1500px; }
.height1600 { height: 1600px; }

.height2200 { height: 2200px; }
.height2600 { height: 2600px; }

.height3100 { height: 3100px; }
.height3200 { height: 3200px; }
.height3400 { height: 3400px; }
.height3500 { height: 3500px; }



div#page_size { width: 938px; margin: 0 auto 0 auto; padding: 0 0 0 0; background-color: #FFFFFF; border-left: 11px solid #FFFFFF; border-right: 11px solid #FFFFFF; }

div#page_header { float: left; position: relative; width: 938px; height: 98px; text-align: left; background-color: #FFFFFF; }		
				
div#page_name { float: left; position: relative; width: 330px; height: 98px; }
div#font_sizing { float: right; text-align: right; position: relative; width: 608px;  }

div#banner_line { float: right; text-align: right; position: relative; width: 608px; height: 62px; padding-top: 5px; padding-bottom: 5px; }
 
div#nav_line { float: left; position: relative; width: 938px; text-align: right; border-top: 1px solid #FFFFFF; background-color: #000000; }

div#page_navigation { float: right; position: relative; border-bottom: 1px solid #000000; border-top: 1px solid #000000; }	

				#mainnavigation { float: right; list-style: none; margin: 0; text-align: left; }
				#mainnavigation li { float: left; font-size: 0.9em; }
				#mainnavigation li a { font-family: Verdana, Arial; font-size: 100%; display: block; color: #C5C5C5; text-decoration: none; padding: 4px 12px; }
				#mainnavigation li a:visited { display: block; color: #C5C5C5; text-decoration: none; }
				#mainnavigation li a:hover { display: block; color: #FFFFFF; background-color: #383838; }
				#mainnavigation li a:active { display: block; color: #FFFFFF; background-color: #383838; }
				#mainnavigation li a.current { font-weight: bold; color: #FFFFFF; }
				#mainnavigation li .current { background-color: #383838; }
		
div#page_body { float: left; position: relative; top: 1px; width: 938px; text-align: left; background-color: #FFFFFF; }		

div#page_leftcolumn { float: left; position: relative; width: 272px; text-align: left; margin-top: 7px; padding: 0px 20px 0px 20px; background-color: #F1F1F1; }

		 div#page_leftcolumn .line { display: block; position: relative; padding: 1px 0px 0px 0px; width: 272px; height: 1px; border-top: 1px dotted #000000; }
 		 div#page_leftcolumn .spacedline { display: block; position: relative; margin: 8px 0px 6px 0px; text-align: left; width: 272px; height: 1px; border-top: 1px dotted #000000; }
		 div#page_maincolumn .extrapadline { display: block; float: left; position: relative; margin: 18px 0px 36px 0px; text-align: left; width: 272px; height: 1px; border-top: 1px dotted #FFFFFF; }
		 div#page_leftcolumn ul { color: #333333; font-family: Arial, Verdana; font-size: 0.9em; line-height: 1.4em; list-style: disc; list-position: inside; margin: 5px 0px 5px 40px; }
		 div#page_leftcolumn .selected { color: #C41721; font-weight: bold; text-decoration: none; }

div#homepage_leftcolumn { float: left; position: relative; width: 424px; text-align: left; margin-top: 7px; padding: 15px 20px 20px 20px; background: url(../images/homepage-main.jpg) center top no-repeat; background-color: #E1E1E1; }

						div#homepage_leftcolumn h1 { color:#000000; font-family: Verdana, Arial; font-size: 1.7em; line-height: 1.2em; font-weight: bold; margin:0; padding: 0px 0px 6px 0px; }
						div#homepage_leftcolumn .mainimage { padding-top: 160px; }
						
div#homepage_leftcolumnwhite { float: left; position: relative; width: 424px; text-align: left; padding: 0px 20px 20px 20px; }

						div#homepage_leftcolumnwhite .line { display: block; position: relative; padding: 1px 0px 0px 0px; width: 424px; height: 1px; border-top: 1px dotted #000000; padding-bottom: 5px; }

div#homepage_rightcolumn { float: left; position: relative; width: 432px; height: 368px; text-align: left; margin-top: 7px; padding: 5px 20px 5px 20px; background-color: #F4F4F4; }

		 div#homepage_rightcolumn h1 { color:#000000; font-family: Verdana, Arial; font-size: 1.7em; line-height: 1.2em; font-weight: bold; margin:0; padding: 9px 0px 6px 0px; }

		 div#homepage_rightcolumn .line { display: block; position: relative; padding: 1px 0px 5px 0px; width: 432px; height: 1px; border-top: 1px dotted #000000; }

		 div#homepage_iconouter { float: left; display: block; position: relative; text-align: left; width: 432px; height: 96px; padding-top: 5px; }
		 
		 div#homepage_iconimage { float: left; position: relative; width: 78px; text-align: left; }

		 div#homepage_icontext { float: left; position: relative; width: 135px; text-align: left; }
		 		 		
						div#homepage_icontext h2 { color:#C41721; font-family: Arial, Verdana; font-size: 1.3em; line-height: 1.3em; font-weight: bold; padding: 12px 0px 0px 0px; }
				 
div#homepage_rightcolumnwhite { float: left; position: relative; width: 432px; text-align: left; padding: 0px 20px 20px 20px; }

		 div#homepage_rightcolumnwhite .line { display: block; position: relative; padding: 1px 0px 5px 0px; width: 432px; height: 1px; border-top: 1px dotted #000000; }
		 

div#homepage_splitter { float: left; position: relative; width: 938px; height: 0px; } 
		
div#page_maincolumn { float: left; position: relative; width: 585px; text-align: left; margin-top: 7px; padding: 0px 0px 0px 20px; }

		 div#page_maincolumn .line { display: block; float: left; position: relative; padding: 1px 0px 0px 0px; text-align: left; width: 585px; height: 1px; border-top: 1px dotted #000000; }
		 div#page_maincolumn .spacedline { display: block; float: left; position: relative; margin: 18px 0px 16px 0px; text-align: left; width: 585px; height: 1px; border-top: 1px dotted #000000; }
 		 div#page_maincolumn .notopline { display: block; float: left; position: relative; margin: 1px 0px 16px 0px; text-align: left; width: 585px; height: 1px; border-top: 1px dotted #000000; }
 		 div#page_maincolumn .invisibleline { display: block; float: left; position: relative; margin: 18px 0px 16px 0px; text-align: left; width: 585px; height: 1px; border-top: 1px dotted #FFFFFF; }
		 div#page_imageouter { float: left; position: relative; margin-bottom: 5px; width: 148px; text-align: right; }
		 div#page_imageinner { position: relative; width: 146px; height: 105px; background-color: #FFFFFF; border: 1px solid #E1E1E1; text-align: center; margin-top: 5px; margin-bottom: 5px; }
		 div#page_textcolumn { float: left; position: relative; width: 417px; text-align: left; padding: 0px 0px 12px 20px; }
		 div#page_maincolumn ul { color: #000000; font-family: Arial, Verdana; font-size: 1.0em; line-height: 1.6em; list-style: disc; list-position: inside; margin: 0px 0px 8px 40px; }
		 div#page_rolloverouter { float: left; position: relative; margin-bottom: 5px; width: 352px; text-align: left; }
		 div#page_rolloverinner { position: relative; width: 350px; height: 350px; border: 1px solid #E1E1E1; margin-top: 5px; margin-bottom: 5px; }
		 div#page_rollovercolumn { float: left; position: relative; width: 213px; text-align: left; padding: 0px 20px 12px 0px; }
		 div#page_graphinner { position: relative; width: 350px; height: 808px; border: 1px solid #E1E1E1; margin-top: 5px; margin-bottom: 5px; }
		 div#page_benefitscontainer { float: left; position: relative; margin-bottom: 5px; width: 585px; text-align: center; }
		 div#page_benefitscontainer .imageborder { margin: 30px; border: 1px solid #E1E1E1; }
		 
		 div#page_tablecolumn1 { float: left; position: relative; width: 167px; text-align: left; padding: 3px 10px 0px 3px; }
		 div#page_tablecolumn2 { float: left; position: relative; width: 205px; text-align: left; padding: 3px 10px 0px 0px; }
		 div#page_tablecolumn3 { float: left; position: relative; width: 187px; text-align: left; padding: 3px 3px 0px 0px; }
		 div#page_tablecolumn4 { float: left; position: relative; width: 405px; text-align: left; padding: 3px 0px 0px 0px; }
		 div#page_tablegreycontainer { float: left; background-color: #DDDDDD; width: 585px; }
		 div#page_formgrey { background-color: #DDDDDD; }

		 div#page_iconouter { float: left; display: block; position: relative; text-align: left; width: 585px; padding-top: 10px; }
		 
		 div#page_iconimage { float: left; position: relative; width: 100px; text-align: left; padding-top: 10px; }

		 div#page_icontext { float: left; position: relative; text-align: left; width: 480px; }
		 
		 
div#download { float: right; position: relative; width: 220px; text-align: left; padding: 0px 0px 0px 40px; background: url(../images/pdf.gif) right top no-repeat; }		 
		 div#download h3 { color:#C41721; font-family: Arial, Verdana; font-size: 1.2em; line-height: 1.2em; font-weight: normal; margin:0; padding: 6px 0px 6px 0px; background }
		 div#download .line { display: block; position: relative; padding: 1px 0px 0px 0px; text-align: left; width: 220px; height: 1px; border-top: 1px dotted #000000; }
		 
div#wmv { float: right; position: relative; width: 220px; text-align: left; padding: 0px 0px 0px 40px; background: url(../images/wmv.gif) right top no-repeat; }		 
		 div#wmv h3 { color:#C41721; font-family: Arial, Verdana; font-size: 1.2em; line-height: 1.2em; font-weight: normal; margin:0; padding: 6px 0px 6px 0px; background }
		 div#wmv .line { display: block; position: relative; padding: 1px 0px 0px 0px; text-align: left; width: 220px; height: 1px; border-top: 1px dotted #000000; }
		 
div#movie { float: right; position: relative; width: 220px; text-align: left; padding: 0px 0px 0px 40px; background: url(../images/movie.gif) right top no-repeat; }		 
		 div#movie h3 { color:#C41721; font-family: Arial, Verdana; font-size: 1.2em; line-height: 1.2em; font-weight: normal; margin:0; padding: 6px 0px 6px 0px; background }
		 div#movie .line { display: block; position: relative; padding: 1px 0px 0px 0px; text-align: left; width: 220px; height: 1px; border-top: 1px dotted #000000; }
		 
div#page_footer { z-index: 50; float: left; position: relative; left: 7px; border-top: 1px dotted #000000; width: 920px; margin: 20px 0px 0px 0px; text-align: left; }	

a.disclaimer { position: relative; z-index: 24; text-decoration: none; }
a.disclaimer:hover { z-index: 25; background-color: #F3F3F3; }
a.disclaimer span { display: none }
a.disclaimer:hover span { z-index: 100; display: block; position: absolute; top:-12em; left:10em; left: 0; width: 272px;  padding: 12px; margin: 10px; z-index: 100;  color: #333333; background: #FFFFFF; border: 1px solid #000000;  line-height: 1.4em; font-family: arial, verdana; text-align: left; }