/*

Version 1.0
22 February, 2006

*/

* { margin:0; padding:0 }
html { font-size: 100%; }
body { font:62.5% "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif; text-align:center; padding-top:20px; }
h1 { font-size:2.0em; margin-bottom:20px; }
h2 { font-size:1.5em; padding: 0 10px; }
h3 { font-size:1.1em; padding:10px 5px 0 5px; }
h4 { font-size:1.0em; padding:5px 0 5px 0; }
p { margin-bottom:20px; }
ul { margin-left:15px; margin-bottom:20px; }
img { border:0; }

#container { width:770px; margin:0 auto; text-align:left; border:2px solid; }
	#header { float:left; width:770px; height: 246px; }
		#logo { float:left; width:200px; height: 150px; }
			#logo a { width: 200px; height: 150px; display: block; }
			#logo span { display: none; }
		#tagline { float:left; padding-top:50px; display: none; }
		#menu { font-size: 1.1em; clear:both; padding:10px 0 10px 0; margin: 0; text-align:left; }
			#menu li { display:inline; list-style:none; margin-bottom:10px; padding-left:15px; position: relative;}
				#menu a { text-decoration:none; font-weight:bold; padding: 5px 0; }
				
				#menu li:hover ul,
				#menu li.over ul {
					display: block;
				}
				
				#menu ul {
					position: absolute;
					left: 0;
					margin: 0;
					padding: 10px 0 0 0;
					background-color: #800914;
					width: 150px;
					display: none;
				}
					
					#menu ul li {
						padding-right: 20px;
						display: block;
					}
					
					#menu ul li a {
					}
	#extra1 { display: none; }
	#content-container { float:left; width:600px; overflow:hidden; }
		#content { padding:30px 20px 50px 30px; font-size: 1.2em; }
		#content h2 { margin-bottom:10px; }
	#subcontent_1 { float:right; width:150px; overflow:hidden; margin-right: 10px; font-size: 1.1em; }
		#subcontent_2 { }
			#subcontent { padding: 10px 5px; }
			#subcontent img { width:130px; }
			#subcontent p { margin:0; padding:10px; }
			
	#footer { clear:both; width:770px; margin:0 auto; text-align:center; font-size:0.9em; line-height:50px; }

.clear { clear:both; height:0px; line-height:1px; font-size:1px; }
.floatleft { float:left; vertical-align:top; }
	.floatleft img { margin-right:10px; margin-bottom: 10px; }
.floatright { float:right; vertical-align:top; }
	.floatright img { margin-left:10px; margin-bottom: 10px;  }

.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 */