body{
	background: #C6D0EA url('../img/containerBg.png') repeat-y center;
	text-align: center;
	width: 100%;
	height: 100%;		
	margin: 0;
	padding: 0;
	/* default text */
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	}
#container {
/*	width: 946px; t12 */
	width: 894px;
	margin: 0px auto;
	padding: 0px 0px;
	text-align: left;
	overflow: hidden;
	}
#content {
	margin-top: -18px;
	padding: 30px 14px 16px 14px;
	background: #FFF;
	}
#pictureBox {
	/*background-color: #C6D0EA;*/
	height: 320px;
	margin-bottom: 16px;
	position: relative;
	}
	#pictureBox .controller {
		position: absolute;
		bottom: 4px;
		right: 94px;
		z-index: 2;
		}
	#pictureBox .mask {
		position: absolute;
		z-index: 1;
		}
	#pictureBox .picture {
		margin: 7px 0px 0px 7px;
		}
	#pictureBox .legend {
		position: absolute;
		top: 8px;
		z-index: 2;
        width: 130px;
        height: 300px;
		}
#header {
	position: relative;
	overflow: nowrap;
	width: 962px;
	height: 184px;
	}
#footer {
	width: 962px;
	background: #7A85A4;
	padding: 12px 8px 4px 8px;
	text-align: center;
	}
	#footer ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
	#footer ul li {
		float: left;
		}
img, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	}
p {	
	font-size: 13px;
	margin: 0px 0px 16px 0px;
	}
.text_page p {
	font-size: 13px;
	line-height: 16px;	
}
.info {
	font-size: 14px;
	line-height: 16px;	
}
.error {
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	color: #C00;
	line-height: 12px;	
}
.endorsements p {
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	}
.endorsements p a{color: #000; font-weight: bold;}

.menu a:link,.menu a:hover,.menu a:visited,.menu a:active {color:#FFF; text-decoration: none; font-weight: bold;}
.padding { padding: 0px 6px; }
.float, .t1, .t2, .t3, .t4, .t5, .t6, .t7, .t8, .t9, .t10, .t11, .t12 {
	float: left;
	margin-right: 14px;
/*	margin-bottom: 16px;
	background-color: #EEE;*/
	}
.t1 {width: 66px;}
.t2 {width: 146px;}
.t3 {width: 226px;}
.t4 {width: 306px;}
.t5 {width: 386px;}
.t6 {width: 466px;}
.t7 {width: 546px;}
.t8 {width: 626px;}
.t9 {width: 706px;}
.t10 {width: 786px;}
.t11 {width: 866px;}
.t12 {width: 946px;}
.rightZero {margin-right: 0;}
.bottomZero {margin-bottom: 0;}
.floatRight {float: right;}
.clear {clear: both; line-height: 0px; height: 0px;}
a:link {
	font-weight: normal;
	color: #0A4FAD;
	}
a:visited {
	font-weight: normal;
	color: #0A4FAD;
	}
a:hover {
	font-weight: normal;
	color: #7A85A4;
	}
a:active {
	font-weight: normal;
	color: #0A4FAD;
	}
div#menu {
	position: absolute;
	bottom: 10px;
	height: 48px;
    width:100%;
	background: transparent url('../img/menuBg.jpg') repeat-x center;
	/*border: 1px dotted red;*/
	}
ul.menu {
	list-style: none;
	margin: 0px;
	padding: 0px 8px;
	height: 48px;
	}
ul.menu li {
/*	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 7px;
	padding-right: 6px;
	border-right: 1px solid #666;
	margin: 8px 0 0 0;
*/
	margin: 8px 0px 8px 0px;
	padding: 8px 7px 8px 8px;
	border-right: 1px solid #0F2B8C;
	height: 17px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	
	text-shadow: -2px 2px 1.5px #333;
	cursor: pointer;
	}
	ul.menu li a {display: block;}
	ul.menu li:hover {
		background: url('../img/menuBg_over.jpg') repeat-x center;
		text-shadow: 1px -1px 1px #333;
		}
	ul.menu li.donate {
		background: url('../img/menuBg_donate.png') no-repeat center;
		overflow: nowrap;
		padding: 16px 7px 16px 8px;
		border: 0px solid #333;
		}
		ul.menu li.donate:hover {
			background: url('../img/menuBg_donate_over.png') no-repeat center;
			}
ul.menu li, x:-moz-any-link {padding: 7px 7px 9px 8px;margin: 7px 0px 8px 0px;}
ul.submenu {
	list-style: none;
	display: none;
	position: absolute;
	z-index: 5;
	top: 40px;
	left: 170px;
	padding: 0;
	margin: 0;
	background: transparent;
	}
	ul.submenu li {
		width: 146px;
		font-size: 12px;
		color: #FFF;
		height: 16px;
		padding: 2px 8px;
		margin: 0;
		background: #0A4FAD;
		border-bottom: 1px solid #0F2B8C;
		}
		ul.submenu li:hover {
		background: #0F2B8C;
			cursor: pointer;
		}

ul.submenu3 {
	list-style: none;
	display: none;
	position: absolute;
	z-index: 5;
	top: 40px;
	left: 331px;
	padding: 0;
	margin: 0;
	background: transparent;
	}
	ul.submenu3 li {
		width: 146px;
		font-size: 12px;
		color: #FFF;
		height: 16px;
		padding: 2px 8px;
		margin: 0;
		background: #0A4FAD;
		border-bottom: 1px solid #0F2B8C;
		}
		ul.submenu3 li:hover {
		background: #0F2B8C;
		cursor: pointer;
		}

				
ul.submenu2 {
	list-style: none;
	display: none;
	position: absolute;
	z-index: 5;
	top: 40px;
	left: 493px;
	padding: 0;
	margin: 0;
	background: transparent;
	}
	ul.submenu2 li {
		width: 146px;
		font-size: 12px;
		color: #FFF;
		height: 16px;
		padding: 2px 8px;
		margin: 0;
		background: #0A4FAD;
		border-bottom: 1px solid #0F2B8C;
		}
		ul.submenu2 li:hover {
		background: #0F2B8C;
		cursor: pointer;
		}

	

#sign_up { position:fixed; top:214px; right: 0px; padding: 0px 8px 0px 0px; z-index:10; border: 2px solid #cc0000; background: #FFF; border-right: none; }
#sign_up h3 { margin: 0 0 8px 0; cursor: pointer; }
#sign_up .form_signup { display: none; }
#sign_up img { cursor: pointer; }

#tweet {
	min-height: 250px;
	}
#tweet ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	#tweet ul li{
		font-size: 13px;
		margin: 0px 0px 16px 0px;
		}
		
		#tweet ul li .time{
			color: #A6A6A6;
			}
h1 {
	font-size: 24px;
	line-height: 32px;
	color: #0A4FAD;
	background-color: #FFF;
/*	border-bottom: 2px solid #0A4FAD;*/
	padding: 4px 6px 2px 6px;
	margin: 0px 0px 0px 0px;
	}
h2 {
	font-size: 18px;
	line-height: 16px;
	color: #FFF;
	background-color: #0A4FAD;
	padding: 8px 0px 8px 8px;
	margin: 0px 0px 16px 0px;
	}
	h2.t3 {
		background: transparent url('../img/h2_t3_bg.png') no-repeat 0px 0px;
		}
	h2.t4 {
		background: transparent url('../img/h2_t4_bg.png') no-repeat 0px 0px;
		}
h3 {
	font-size: 16px;
	line-height: 16px;
	color: #0A4FAD;
	background-color: #FFF;
	border-bottom: 2px solid #0A4FAD;
	padding: 4px 6px 2px 6px;
	margin: 0px 0px 16px 0px;
	}
h4 {
	font-size: 16px;
	line-height: 16px;
	color: #0A4FAD;
	padding: 8px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	}
	
h5 {
	font-size: 14px;
	line-height: 20px;
	margin: 6px 0px 16px 0px;
	padding:0;
	}
	
h6 {
	font-size: 16px;
	line-height: 20px;
	margin: 6px 0px 16px 0px;
	padding:0;
	}
	
fieldset {
	border: 0;
	padding: 0;
	margin: 0px 0px 16px 0px;
	}
	fieldset legend {
		color: #0A4FAD;
		font-size: 12px;
		line-height: 16px;
		font-weight: bold;
		}
.esconde {display: none;}
p.more, p.less {
	font-size: 11px;
	font-weight: normal;
	color: #7A85A4;
	cursor: pointer;
	text-decoration: underline;
	}
	p.more:hover, p.less:hover {color: #0A4FAD;}

ul {
	padding: 0px;
	margin: 0px 0px 8px 16px;
	}
ul li {
	padding: 0;
	margin: 0px 0px 16px 0px;
	}
/* DEVELOPMENT */
.dev p{outline: 1px dashed red;}

/* destaque */
.destaque {
	position: absolute;
}


.volunteer {border-top: 1px solid #7A85A4; padding: 4px 8px; overflow: hidden; background: #FFF;}
.volunteer h1 {color: #0A4FAD; float: left;font-size: 12px; line-height: 16px; background: transparent; padding:0; margin:0; width: 120px; border: none; vertical-align: top;}
.volunteer h2 {color: #0A4FAD; float: left;font-size: 12px;line-height: 16px; font-weight:normal;background: transparent; padding:0; margin:0; border: none;}
.volunteer h3 {float: right;font-size: 12px;line-height: 16px; font-weight:normal;background: transparent; padding:0; margin:0; border: none;}