/*



Version 1.0e

16 April, 2007



*/



* { margin:0; padding:0 }



body { font:0.8em Verdana, Tahoma, Arial, sans-serif; text-align:center; }

p { margin-bottom:20px; }

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

ol {

	list-style: none;

}

img { border:0; }



.center { text-align: center;}

#container { width:770px; margin:0 auto; text-align:left; border:1px solid; }

	#header { background:url(../images/bg-header1.gif) top center repeat-y; }

		#logo { padding:10px; }

		#nav { text-align:center; margin:0; border-top:1px solid; border-bottom:1px solid;}

			#nav li { display:inline; position: relative;}

				#nav a { padding:10px; line-height:25px; text-decoration:none; font-weight:bold; position: relative;}

		#tagline { text-align:center; font-family:Georgia, "Times New Roman", Times, serif; }

			#taglineimgbox { float:left; width:170px; overflow:hidden; }

			#taglinetext { float:right; width:600px;}

			#tagline h2 { margin:0; margin-top:20px; font:1.5em "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif; }

		#content { float:right; width:600px; }

			#content h1 { font:1.5em "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif; margin-bottom:20px; }

			#content .imgboxes { float:left; width:150px; text-align:center; }

				#content .imgbox { margin-bottom:10px; width:146px; overflow:hidden; }

					.imgbox img { border:2px solid; }

			#content .text { float:right; width:430px; padding:10px; }

			#content .inside { width:560px; }

		#extra1 { float:left; width:170px; margin-bottom:10px; text-align:left; font-size:0.8em;}

			#extra1 h4 { font-size:1.0em; padding:5px; }

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

		#subcontent { float:left; width:170px; text-align:center; }

			#subcontent h3 { font-size:1.0em; padding:5px; }

			#subcontent ul { padding:5px; }

				#subcontent li { text-align:left; font-size:0.8em; }

			

	#extra2 { clear:both; padding:10px; text-align:center; }

		#extra2 p { margin:0; }

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



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

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

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

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

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



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



/* Forms */

input,

select,

textarea {

color: #000000;

border: 1px solid #CBC7B4;

padding: 3px;

background-color: #FFFFFF;

margin: 3px 0;

}



input.hover,

select.hover,

textarea.hover {

background-color: #EEEEEE;

}

input.active,

select.active,

textarea.active {

border: 1px inset #CBC7B4;

background-color: #FFFFEE;

}



/* EMAILBRAIN */

#emailbrain { padding:10px; }

.emailB_form {

    width: 130px;

    font-weight: bold;

}

.emailB_form input.name,

.emailB_form input.email{

    width: 120px;

    font: .75em Arial, Helvetica, sans-serif;

    float: right;

}

.emailB_form input.subscribe {

    font: bold .9em Arial, Helvetica, sans-serif;

    color: #FFFFFF;

    background-color: #00CC00;

    padding: 2px;

    margin: 2px;

}

.emailB_form input.subscribe.hover {

    background-color:#CCCCCC;

}

.emailB_form select.mode {

}

.emailB_form select.mode.hover {

    color: #000000;

}

.emailB_form select.mode.active {

    color: #000000;

}

.emailB_form .bottom {

    text-align: right;

    clear: both;

}
