* { margin:0; padding:0 }



body { font:0.9em Arial, Tahoma, Verdana, sans-serif; text-align:center; padding:10px 0px; }

h1 {

	font:2.0em "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;

	margin-bottom: 10px;

}

h2 {

	clear: both;

	padding: 0px 2px;

	margin: 5px 0px;

	font: 1.2em "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;

}

p { margin-bottom:10px; }

/* global styles */
.center { text-align: center; margin: auto;}

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

img { border:0; }





#container {

	width:770px;

	margin:0 auto;

	text-align:left;

	border:1px solid;

}



#logo {

	text-align:center;

}



#menu {

	text-align:center;

	background: #FFFFFF url(../images/bg-menu.gif) top center no-repeat;

	border-top:5px solid;

	margin:0;

}

#menu li { display:inline; }

#menu a {

	font-size:0.8em;

	font-weight:bold;

	text-decoration:none;

	height:40px;

	line-height:40px;

	padding:10px 15px 10px 5px;

	background:url(../images/bg-menu-divider.gif) right no-repeat;

}

#tagline {

	padding:10px;

	background-color:#000000;

	text-align:center;

	font: bold 1.3em "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;

	color:#ffffff;

}



#intro {

	width:0px;

	clear: both;

}
#intro_main {
	background-color: #000000;
	padding-top: 5px;
	padding-left: 5px;
}
#subcontainer {

position: relative;

	width: 770px;

	background:url(../images/bg.gif) top left no-repeat;

	background-color:#000000;

	padding-top:37px;

}
#subcontainer_main {

position: relative;

	width: 770px;

	background:url(../images/bg-content.gif) top left no-repeat;

	background-color:#000000;

	padding-top:37px;

}


#content {

	float:right;

	width:511px;

	margin:10px 5px 10px 5px;

	padding:10px;

	border:1px solid;
	overflow: hidden;

}

html>body #content {

	width:511px;

	margin:10px;
	overflow: hidden;

}

#content h1 {

	font:2.0em "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;

	margin-bottom:20px;

}



#subcontent {

	float:left;

	width:181px;

	margin-left:5px;

	padding:10px;

	border-left:1px solid;

	border-right:1px solid;

	border-bottom:1px solid;

	font-size:0.8em;

overflow: hidden;

}

html>body #subcontent {

	margin-left:9px;

	width:182px;

}

#subcontent h3 {

	font-size:1.2em;

	margin-bottom:20px;

}



#extra1 { }

#extra1 h4 {

	font-size:1.2em;

	margin-bottom:10px;

}



#extra2 {

	clear:both;

	height:50px;

	background:url(../images/bg-menu.gif) top center no-repeat;

	text-align:center;

	line-height:50px;

	border-top:5px solid;

	border-bottom:20px solid;

}

#extra2 p { margin:0; }



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



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

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

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

.floatright { clear: right; 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 */