/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,span,table,tr,th,td,p,span,h1,h2,h3,h4,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Arial;  }  /* Default font for all items */
* { -moz-box-sizing:bordert-box; box-sizing:border-box;  -ms-box-sizing: content-box;  } /* Forces IE & IE to treat padding the same */
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; background: #F2F2F2; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #333333; font-size: 12px; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
ul li { list-style-type: square; }

.bordered { border: 7px solid #FFFFFF; }

h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; }

h1 { color: #333333; font-size: 24px; margin: 0px 0px 25px 0px; line-height: 24px; letter-spacing: -0.05em; }
h2 { color: #CC0000; font-size: 20px; margin: 0px 0px 15px 0px; font-weight: bold;}
h3 { color: #666666; font-size: 16px; margin: 0px 0px 10px 0px; }
h4 { color: #777; font-size: 14px; margin: 0px 0px 5px 0px; font-weight: bold; padding-bottom: 4px; border-bottom: 1px solid #CCC; padding-top: 10px; }
p  { margin: 0px 0px 12px 0px; }
p, table, td, div, a  { color: #333333; font-size: 12px;  line-height: 17px; }
a  { color: #000000; font: bold 12px Arial; text-decoration: none; }
a:hover { text-decoration: underline; }

.button {background: #CC0000; border: 1px solid #CC0000; padding: 4px 8px; color: #FFFFFF;color: #FFFFFF; font-family: arial; padding: 5px 12px 5px 12px; line-height: 24px; }
.button:hover { text-decoration: none; background: #333333;  }


/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#main { width: 890px; margin: 0px auto; }

#headerLeft { width: 500px; float: left; color: #444444; font-family: Arial; font-size: 30px; line-height: 24px; margin-top: 17px; padding-bottom: 15px; }
	#headerLeft span { color: #333333; display: block;  font-family: arial; font-size: 11px; margin-top: 0px; line-height: 17px; }
	#headerLeft b { font-weight: normal; color: #000000; font-family: arial; font-size: 11px; margin-top: 0px; }


#headerRight { width: 390px; float: right; text-align: right; margin-top: 15px; padding-bottom: 15px;  }
	#headerRight span { font-family: arial; font-size: 10px; color: #666666; display: block; margin-top: -3px; position: relative; }
	#headerRight a { color: #CC0000; font-size: 16px; font-family: arial; font-weight: bold; margin-top: 12px; }



#bodyContainer {  }

#body {
	min-height: 370px;
	height: auto !important; /*MOZ/IE7*/
	height: 360px; /*IE6*/
}

/*.content { background: #cccccc; padding: 20px 20px 45px 20px; margin-bottom: 15px; min-height: 260px; } */

.content { margin-bottom: 15px; min-height: 260px; }


#bodyInner { padding: 15px; }


#subFooter { height: 153px; background: url('../images/layout/footer-bg.jpg'); }
#subFooter #a { width: 260px; float: left; padding-left: 20px; padding-right: 15px; border-width: 1px; border-color: #999999; border-right-style: solid; margin-top: 32px; }
#subFooter #b { width: 260px; float: left; padding-left: 20px; padding-right: 15px; border-width: 1px; border-color: #999999; border-right-style: solid; margin-top: 32px; }
#subFooter #c { width: 260px; float: left; padding-left: 15px; margin-top: 32px; }
#subFooter a { color: #666666; font-family: arial; font-size: 16px; font-weight: bold; display: block; padding: 4px 8px 4px 8px; }
#subFooter a:hover { background: #333; color: #FFFFFF; text-decoration: none; border: 1px solid #333333; padding: 3px 7px; }

#footer { margin-top: 3px; }

#footerLeft { width: 160px; float: left; color: #333333; }
#footerCenter { width: 540px; float: left; color: #666666; font-size: 10px; }
#footerRight { float: right; text-align: right; color: #333333; }

#footerLeft a, #footerRight a { color: #333333; padding: 2px 8px 2px 8px; text-decoration: none; }
#footerLeft a:hover, #footerRight a:hover { color: #333333; text-decoration: underline; }


#nav2 { width: 650px; margin-bottom: 20px; text-align: right; }
#nav2 a { padding: 5px 10px 5px 10px; color: #333333; line-height: 26px; border: 1px solid #F2F2F2; }
#nav2 a:hover, #nav2 a.o { background: #000000; text-decoration: none; color: #FFFFFF; background: #000000; border: 1px solid #000000; color: #FFFFFF; }

/* Navigation */

#nav { height: 38px; margin-top: 10px;  margin-bottom: 40px;  background: #CC0000;
	border: 1px solid #CC0000;
}

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

}

.hac {
	margin-left: 5px;
}
#p7menubar, #p7menubar ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-family: Arial;
}

#p7menubar li ul {
}

#p7menubar a {
	display: block;
	text-decoration: none;
	font-size: 13px;
	line-height: 34px;
	text-align: left;
	margin-top: 1px;
}
#p7menubar a.trigger {
}
#p7menubar li {
	float: left;
	width: 9em;
	line-height: 30px;
	font-weight: normal;
	font-size: 11px;
	list-style-type: none;
}
#p7menubar li ul li {

}


#p7menubar li {position: relative;}

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}

/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li  { width: 100%; }
#p7menubar ul li a  {
}

#p7menubar ul li a:hover  {
    text-decoration: underline;
}
#p7menubar li ul {
	position: absolute;
	display: none;

}
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}





#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
/*    background: #33CCFF;*/
}




#p7menubar a:hover {
background: #000000; border: 1px solid #000000;
	color: #FFFFFF;
}


#p7menubar a { padding: 0px 17px 0px 16px; color: #FFFFFF; font-weight: normal; font-size: 18px; font-family: arial;  border: 1px solid #CC0000 ;}
#p7menubar a:hover { text-decoration: none; }

#p7menubar li ul { width: 210px; background: #CCCCCC; margin-top: -1px; }

#p7menubar li ul li a { font-weight: normal; font-size: 14px; color: #000000; line-height: 16px; }

#p7menubar li ul li a:hover { text-decoration: none; background: #333333; color: #FFFFFF; }


.form { }
.form th, td { padding-bottom: 6px; font-size: 11px; vertical-align: bottom; }
.form th { font-weight: normal; text-align: left; padding-right: 10px; }


#ss { width: 590px; height: 359px; background: #CCCCCC; float: right; }



.home_buckets {
	background: #f2f2f2;
	width: 220px;
	padding-bottom: 10px;
}

.home_buckets h3 {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px;
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
	color: #333333;
	text-align: center;
	background: #FFFFFF;

}

.home_buckets a {
	display: block;
	text-decoration: underline;
	font-size: 11px;
	line-height: 18px;
	color: #222222;
	background: url('/images/c3_townblockarrow_red.png') no-repeat;
	background-position: 0px 2px;

	padding-left: 17px;
	margin-left: 15px;
}

.home_buckets a:hover {
	background-position: 0px -37px;
}

.home_buckets img {
	width: 219px;
	margin-left: 1px;
	margin-bottom: 8px;
}

.bucket_1 {
	float: left;
}

.bucket_2 {
	float: left;
	margin-left: 2px;
}

.bucket_3 {
	float: left;
	margin-left: 2px;
}

.bucket_4 {
	float: right;
}


/* REGISTER FORM */

#left_side {
	width: 430px;
	float: left;
}
#left_side_inner {}

#right_side {
	width: 460px;
	float: right;
}
#right_side_inner {}
#registrate_form {}
#registrate_form table tbody tr th {
	text-align: left;
	padding: 0 0 5px 0;
}
#registrate_form table tbody tr td {
	width: auto;
	text-align: left;
	padding: 0 10px 10px 0;
}
#registrate_form input {
	width: auto;
	vertical-align: middle;
}
#registrate_form table tbody tr td.checkbox {
	text-align: left;
}
#registrate_form table tbody tr td.checkbox div {
	float: left;
	width: 80px;
}
.form_title {
	font-size: 20px;
	line-height: 1.5em;
	color: #CC0000;
	font-weight: bold;
}
.checkbox2 {
	text-align: left;
}
.checkbox2 div {
	float: left;
	width: auto;	font-size: 11px;
}
.checkbox2 div input {
	vertical-align: middle;

}
#fix {
	height: 82px;
}




/* SEMINAROS REGISTER FORM/TABLE */

#register_table {}
#register_table th {
	text-align: left;
}
#register_table td {}

#register_table input {
	width: 175px;
}
#register_table textarea {
	width: 560px;
	min-height: 125px;
}
#register_table #btn {
	width: auto;
}