/*



Version 1.0c

24 March, 2006



*/



* { margin:0; padding:0 }



body { font:0.8em Verdana, Arial, Helvetica, sans-serif; text-align:center; padding-top:10px; }

h1 { font-size:2.0em; margin-bottom:20px; }

h2 { font-size:1.0em; }

h3 { font-size:1.0em; margin-bottom:10px; }

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:1px solid; background-color: #fff; }

	#header { float: left; text-align:center; width: 770px; height: 145px; border-bottom: #000 5px solid;}

		#logo { float: left; text-align: left; padding: 10px 10px 10px 10px; width: 250px;}

		#tagline { float: right; width: 400px; text-align:center; padding:10px 20px;}

				#tagline img { display: none;}

	

	#sub_container { display:block; }

		#subcontent_1 { float:left; width:149px; margin-right:1px; padding-top:10px; overflow:hidden; }

		#subcontent_1 .imgbox img  { width:149px; border:0; display:block; }

			#menu { margin:0 5px 0 5px; text-align:left; }

				#menu li { list-style:none; margin-bottom:10px; padding-left:25px; line-height:20px; }

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

			#extra1 { text-align:center; }

				#extra1 p { padding:5px; font-size:0.9em; }

/* WITHOUT BACKGROUND */

		/*#content { float:left; width:450px; padding:10px; overflow:hidden; }*/

/* WITH BACKGROUND */

		#content { float:left; width:450px; padding:10px; background:url(../images/bg-content.gif) top right no-repeat; overflow:hidden; }

		#subcontent_2 { float:right; width:129px; padding:10px; font-size:0.9em; margin-left:1px; overflow:hidden; }

			

	#extra2 { clear:both; text-align:center; border-top:1px solid; padding:5px; }

		#extra2 p { margin:0; padding:10px; }

		#extra2 img { vertical-align:middle; }

	#footer { width:770px; margin:0 auto; text-align:center; font-size:0.8em; line-height:50px; }



#imgboxes { float:left; margin-right:10px; margin-bottom:10px; }

	#imgboxes img { border:10px solid; width:100px;  }



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

.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-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */