#container                          { width: 900px ; margin-left: auto ; margin-right: auto ;}
#outer 								{ width:100%; height:58px; background:#990033;
}

#page-wrap							{ width: 858px; margin: 0px auto; }
* {
   margin: 0px;
   padding: 0px;

}

html, body {margin:0;padding:0}

* 									{ margin: 0; padding: 0; }
body								{ font: 16px Helvetica, Arial, sans-serif; background:url(../images/brushed_steel.png); background-repeat:repeat-x;}
a									{ text-decoration: none; }
ul									{ list-style: none; }
p                                   { margin: 0px 0; }

/* 
	LEVEL ONE Logo
*/
ul.dropdowna                         { position: relative; z-index: 2000;}
ul.dropdowna li                      { font-weight: normal; float: left; text-align:left;}
ul.dropdowna a:hover		         { color: #ffffff; text-shadow: 4px 4px 4px #333333; }
ul.dropdowna a:active                { color: #ffccff; }
ul.dropdowna li a                    { display: block; padding: 13px 0px; border-right: none; color: #ffccff; }
ul.dropdowna li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdowna li.hover,
ul.dropdowna li:hover                { color: black; position: relative; }
ul.dropdowna li.hover a              { color: black; }


/* 
	LEVEL TWO Logo
*/
ul.dropdowna ul 					{ width: 210px; visibility: hidden; position: absolute;  top: 100%; left: 10; }
ul.dropdowna ul li 					{ font-weight: normal; background: #990033; color: #white; border-top: 1px solid #cccccc; float: none; } /* IE 6 & 7 Needs Inline Block */
ul.dropdowna ul li a				{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE Logo
*/

ul.dropdowna ul ul 					{ left: 100%; top: 0; }
ul.dropdowna li:hover > ul 			{ visibility: visible; }




/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; z-index: 2000;}
ul.dropdown li                      { font-weight: normal; float: left; text-align:left;}
ul.dropdown a:hover		            { color: #ffffff; text-shadow: 4px 4px 4px #333333; } 
ul.dropdown a:active                { color: #ffcccc; }
ul.dropdown li a                    { display: block; padding: 19px 0px; border-right: none; color: #ffcccc; }
ul.dropdown1 li a                   { display: block; padding: 20px 0px; border-right: none; color: #ffcccc; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 208px; visibility: hidden; position: absolute; top: 100%; left: 0;}
ul.dropdown ul li 					{ font-weight: normal; background: #990033; color: #white; 
									  border-top: 1px solid #cccccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/

ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


/* 
	MARKUP FOR BODY
*/
.headline							{color: #990033; font-family: Helvetica, Arial, sans-serif; letter-spacing: 0.04em; font-size: 24px; font-weight: 600; text-shadow: 4px 4px 4px #cccccc;}

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

a:hover, a:active, a:focus 			{color:#990000; text-decoration: none;}

a:active 							{ color: #990000  !important; font-family: Helvetica, Arial, sans-serif; font-weight: 600;  }


.brand 								{ color: #990000; font-size: 20px; font-style:italic;  text-align: left; font-family: Helvetica, Arial, sans-serif; font-weight: 600;  }

.text 								{ color: #444444; font-size: 16px; text-align: left; letter-spacing: 0.04em; line-height:130%; font-family: Helvetica, Arial, sans-serif; font-weight: 200;  }

.dotted 							{ padding-top: 0px; padding-bottom:0px; border-style: dotted; border-width:  0 0 1px; border-color: #444444; }

.tinytype 							{ color: #444444; font-size: 8px; text-align: left; font-family: Helvetica, Arial, sans-serif;}

.copyright 							{ color: #ffffff; font-size: 9px; font-family: letter-spacing: 10en; Helvetica, Arial, sans-serif; font-weight: 100;  }

p.100 								{line-height:100%;}

p.plus fifty 						{line-height:150%;}

p.plus 100 							{line-height:20%;}


/* 

<p><b>This text is bold</b></p>
<p><strong>This text is strong</strong></p>
<p><i>This text is italic</i></p>
<p><em>This text is emphasized</em></p>
<p><code>This is computer output</code></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>

*/

/*----------------------------------------------------------------------------------------------------------------*\
    footer
\*----------------------------------------------------------------------------------------------------------------*/

.footertext { color: #444444; font-size: 12px; text-align: center; letter-spacing: 0.04em; line-height:130%; font-family: Helvetica, Arial, sans-serif; font-weight: 200;  }

.footer {

	background-image: url("../images/brushed_steel_footer.png");
	width:100%;
	height:100px;
	position:absolute;
	bottom:0;
	left:0;
}