* { margin:0; padding:0 }



body { font:0.8em Verdana, Arial, Helvetica, sans-serif; }

p { margin-bottom:20px; }

ul { margin-left:15px; margin-bottom:20px; }

img { border:0; }





/* PAGE STRUCTURE */

#container {

	width:770px;

	margin:0 auto;

	text-align:left;

	border:2px solid;

	background: ffffff;

}

	#header {

	background-image: url(../images/bg-header.gif);

	background-repeat: no-repeat;

	background-position: right bottom;

}

		#logo {

	float:left;

	width:150px;

	height:149px;

	text-align:center;

	padding: 5px;

	margin: 0px;

	background-image:;

}

		#tagline {

	float:right;

	width:525;

	height: 150px;

	text-align:center;

	background: url(images/bg-body-pt.gif);



}

			#tagline h2 { padding-top:20px; font:bolder normal 1.2em Verdana, Arial, Helvetica, sans-serif; }

		#menu {

	clear:both;

	line-height:30px;

	text-align:center;

	margin:0;

	padding: 10px;

}

			#menu li { display:inline; margin-right:20px; }

				#menu a { font-weight:bold; text-decoration:none; }

	#subcontainer {

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

		#extra1 {

	float:left;

	width:150px;

	margin:10px 10px 10px 5px;

	border:1px solid;

	text-align:center;

}

			#extra1 h4 { padding:5px; }

			#extra1 p { font-size:0.8em; padding:5px; margin-bottom:0px; }

		html>body #extra1 { margin:10px; }

		#content { float:left; width:404px; margin:10px 0 10px 0; padding:10px; border:1px solid; }

			#content h1 { font:2em Verdana, Arial, Helvetica, sans-serif; margin-bottom:20px; }

		#subcontent { float:right; width:150px; margin:10px 5px 10px 10px; border:1px solid; text-align:center; font-size:0.8em; }

		html>body #subcontent { margin:10px; }

			#subcontent h3 { font-size:1.2em; margin-bottom:20px; padding:5px; }

			#subcontent ul { margin-left:20px; }

				#subcontent li { text-align:left; }

	

	#extra2 { clear:both; text-align:center; height:50px; line-height:50px; }

	#footer { text-align:center; padding-top:20px; font-size:0.8em; }



.clear { clear:both; height:0px; line-height:1px; font-size:1px; }

.floatleft { float:left; vertical-align:top; }

	.floatleft img { margin-right:10px; }

.floatright { float:right; vertical-align:top; }

	.floatright img { margin-left:10px; }



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

.clearfix {display: inline-table;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */