* (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 }

/* Excitation 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 */

body 
{ background-color: #FFFFFF; color: #00071D; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 75%; }

a:link { color:#00071D; border-bottom: 1px solid #00071D; text-decoration:none; }
a:visited { color:#091E5D; border-bottom: 1px solid #091E5D; text-decoration:none; }
a:hover { color:#22356F; border-bottom: 1px solid #22356F; text-decoration:none; }
a:active { color:#22356F; border-bottom: 1px solid #22356F; text-decoration:none; }

a.whitelink:link { color:#FFFFFF; border-bottom: 1px solid #FFFFFF; text-decoration:none; }
a.whitelink:visited { color:#C5C5C5; border-bottom: 1px solid #C5C5C5; text-decoration:none; }
a.whitelink:hover { color:#E5EAF6; border-bottom: 1px solid #E5EAF6; text-decoration:none; }
a.whitelink:active { color:#E5EAF6; border-bottom: 1px solid #E5EAF6; text-decoration:none; }

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; }

.bulletlisterror { color:#FF0000; }

div#page_size { width: 776px; margin: 0 0 0 0; padding: 0 0 0 0; }

div#page_header { width: 776px; margin: 0 0 0 0; padding: 0 0 0 0; z-index: 3; }
div#page_logo { float: left; position: relative; width: 776px; z-index: 2; }
				div#slogan { float: left; position: absolute; top: 88px; left: 222px; text-align: left; }
				div#slogan p { font-size: 0.9em; line-height: 1.0em; z-index: 1; }	

div#page_content { float: left; position: relative; top: 1px; left: 0px; width: 776px; } 
				
				div#nav_column { float: left; position: relative; top: -2px; left: 0px; width: 176px; padding: 0px 0px 0px 0px; text-align: center; }
				
				#homepage_navigation { display: block; float: left; position: relative; top: 0px; left: 0px; list-style: none; text-align: left; width: 176px; }
				#homepage_navigation li { float: center; border-bottom: #FFFFFF 1px solid; }
				#homepage_navigation li a { display: block; color: #00071D; background-color: #A9B8E1; font-size: 0.9em; font-weight: bold; border: none; padding: 0.4em 0.4em; }
				#homepage_navigation li a:hover { display: block; color: #FFFFFF; background-color: #22356F; font-size: 0.9em; font-weight: bold;  border: none; padding: 0.4em 0.4em; }
				#homepage_navigation li a:visited { display: block; background-color: #7988B1; }
				#homepage_navigation li a:active { display: block; color: #FFFFFF; background-color: #22356F; font-size: 0.9em; font-weight: bold;  border: none; padding: 0.4em 0.4em; }
				#homepage_navigation .hidden { visibility: hidden; display: none; }
				#homepage_navigation li .selected { background: url(../images/active-bg.gif) left top repeat; }
				#homepage_navigation li .sub { background-color: #E5EAF6; font-weight: normal; }

				div#left_column { float: left; position: relative; top: -2px; left: 2px; width: 324px; z-index: 1; }
				div#left_main { float: left; position: relative; top: -1px; left: 0px; padding: 0px 0px 10px 0px; width: 324px; font-weight: normal; line-height: 1.4em; color: #00071D; z-index: 1; }
				div#left_main h1 { width: 304px; padding: 15px 10px 0px 10px; font-size: 1.4em; font-weight: bold; z-index: 3; }
				div#left_main h2 { width: 304px; padding: 0px 10px 3px 10px; font-size: 1.2em; color: #091E5D; font-weight: bold; z-index: 3; }
				div#left_main h3 { width: 304px; padding: 10px 10px 0px 10px; font-size: 0.9em; font-weight: bold; z-index: 3; }
				div#left_main p { width: 304px; padding: 1px 10px 5px 10px; font-size: 0.9em; line-height: 1.5em; z-index: 3; }
				div#left_main ul { width: 286px; padding: 3px 10px 10px 28px; font-size: 0.9em; line-height: 1.5em; z-index: 3; list-style: square; }
				
				div#left_grey { float: left; position: relative; top: -1px; left: 0px; padding: 0px 0px 10px 0px; width: 324px; font-weight: normal; line-height: 1.4em; background-color: #C5C5C5; z-index: 1; }
				div#left_grey h2 { width: 304px; padding: 10px 10px 3px 10px; font-size: 1.4em; font-weight: bold; z-index: 3; }
				div#left_grey p { width: 304px; padding: 3px 10px 3px 10px; font-size: 0.9em; line-height: 1.5em; z-index: 3; }
				div#left_grey ul { width: 304px; padding: 3px 10px 10px 28px; font-size: 0.9em; line-height: 1.5em; z-index: 3; list-style: square; }
				
				div#left_line { display: block; float: left; position: relative; top: 7px; left: 10px; padding: 1px 0px 0px 0px; text-align: center; width: 304px; background: url(../images/dotted-line.gif) left top repeat-x; z-index: 4;  }
								
				div#left_white { float: left; position: relative; top: -1px; left: 0px; padding: 10px 0px 10px 0px; width: 324px; font-weight: normal; line-height: 1.4em; color:#565555; z-index: 1; }
				div#left_white p { width: 304px; padding: 3px 10px 3px 10px; font-size: 1.0em; line-height: 1.5em; z-index: 3; }

				div#right_column { float: left; position: relative; top: -2px; left: 2px; width: 272px; z-index: 1; }
				div#right_blue { float: left; position: relative; top: 0px; left: 2px; width: 272px; font-weight: normal; line-height: 1.4em; background: url(../images/grey-block-margin.gif) left top repeat-y; background-color: #2E52C3; z-index: 1; }
				div#right_blue h1 { width: 232px; padding: 10px 10px 3px 10px; font-size: 1.4em; font-weight: bold; color: #FFFFFF; z-index: 3; }
				div#right_blue p { width: 232px; padding: 3px 10px 3px 10px; font-size: 0.9em; line-height: 1.5em; color: #FFFFFF; z-index: 3; }
				div#right_blue ul { width: 232px; padding: 3px 10px 10px 28px; font-size: 0.9em; line-height: 1.5em; color: #FFFFFF; z-index: 3; list-style: square; }
				div#right_blue .last { padding: 3px 10px 10px 10px; }
				
				div#right_main { float: left; position: relative; top: 0px; left: 2px; }
				div#right_image { float: left; position: relative; top: 0px; left: 2px; margin: 2px 0px 0px 0px; }
				
				div#right_blue2 { float: left; position: relative; top: 2px; left: 2px; width: 252px; font-weight: normal; line-height: 1.4em; background-color: #2E52C3; z-index: 1; }
				div#right_blue2 h3 { width: 232px; padding: 10px 10px 3px 10px; color:#FFFFFF; font-size: 1.4em; font-weight: bold; z-index: 3; }
				div#right_blue2 p { width: 232px; padding: 3px 10px 3px 10px; font-size: 0.9em; color: #FFFFFF; line-height: 1.5em; z-index: 3; }
				div#right_blue2 .last { padding: 3px 10px 10px 10px; }
				
				div#right_blue3 { float: left; position: relative; top: 0px; left: 2px; width: 252px; font-weight: normal; line-height: 1.4em; background-color: #A9B8E1; margin: 2px 0px 0px 0px; z-index: 1; }
				div#right_blue3 h3 { width: 232px; padding: 10px 10px 3px 10px; font-size: 1.4em; font-weight: bold; z-index: 3; }
				div#right_blue3 p { width: 232px; padding: 3px 10px 3px 10px; font-size: 0.9em; line-height: 1.5em; z-index: 3; }
				div#right_blue3 .large { font-size: 1.1em; padding: 10px 10px 10px 10px; }
				div#right_blue3 .last { padding: 3px 10px 10px 10px; }
					  
									
div#page_footer { width: 587px; float: left; position: relative; top: 10px; left: 178px; z-index: 4; }
											
				div#footer_line { display: block; float: left; position: relative; top: 5px; padding: 1px 0px 0px 0px; text-align: left; width: 576px; background: url(../images/dotted-line.gif) left top repeat-x; z-index: 4;  }							
				div#copyright { display: block; float: left; position: relative; top: -5px; padding: 0px 0px 0px 0px; text-align: left; width: 250px; }
				div#copyright p { font-size: 0.8em; line-height: 1.5em; font-weight: normal; }
				
				div#credit { display: block; float: left; position: relative; top: -5px; padding: 0px 0px 0px 0px; text-align: right; width: 326px; }
				div#credit p { font-size: 0.8em; line-height: 1.5em; font-weight: normal; }
				
