body{
margin:0;
padding:0;
background-image: url('http://petitebell.org/img/layout/2008/bg.jpg'); 
background-repeat: repeat-x;
background-color: #FBFBFB;
font-family: Verdana, Helvetica;
font-size:9px;
color: #989898;
}


a { text-decoration: none;}
a:link {color: #48A78D;}
a:visited, a:active {color: #48A78D;}
a:hover {color: #000000; text-decoration: none;}



strong {color: #46C5A2;}
b {color: #46C5A2;}
i { color: #46C5A2;}
italic { color: #48A78D;}
u {color: #46C5A2; text-decoration: none; border-bottom: 1px solid #000000;}
em{color: #46C5A2;}




#maincontainer{
width: 861px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
text-align:justify;
position:relative;
}

#topsection{
height: 353px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 176px 0 190px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 190px; /*Width of left column in pixel*/
margin-left: -861px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
width: 176px; /*Width of right column*/
margin-left: -176px; /*Set left margin to -(RightColumnWidth)*/
}

#footer{
clear: left;
width: 100%;
background: #ffffff;
	border-top: 1px solid #f3f3f3;
color: #989898;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #989898;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}




.tudo{
	background-color: #ffffff;
	border: 1px solid #F3F3F3;
	padding: 4px;
	}





.title  {
	background-color: #ABE2D3;
	border-bottom: 0px solid #DDE0CF;
	border-left: 0px solid #B22748;
	border-top: 0px solid #000000;
	border-right: 0px solid #B20000;
	font-size:11px;
        font-family:arial;
        font-weight:bold;
	color: #ffffff;
	text-align: center;
	text-transform:uppercase;
	letter-spacing: 1px;
	line-height: 20px;
margin: 2px;
	padding-left: 5px;}

	
.title a{
color: #ffffff;
}	


.title a:visited{
color: #ffffff;}

.title a:hover{
color: #000000;}



.content {
	background: url() no-repeat bottom left;
	background-color: #ffffff;
	border-bottom: 0px solid #DDE0CF;
	border-left: 0px solid #B22748;
	border-top: 0px solid #000000;
	border-right: 0px solid #B20000;
	color: #626262;
	font-size:9px;
        font-family:verdana;
	text-align: justify;
	padding-left: 1px;
	padding-right: 1px;
margin: 3px;
	line-height: 13px;
}	


.news {
	background: url() no-repeat bottom left;
	background-color: #ffffff;
	border-bottom: 0px solid #DDE0CF;
	border-left: 0px solid #B22748;
	border-top: 0px solid #000000;
	border-right: 0px solid #B20000;
	color: #626262;
	font-size:9px;
        font-family:verdana;
	text-align: justify;
	padding-left: 1px;
	padding-right: 1px;
margin: 3px;
	line-height: 13px;
}	
	
.category {
	text-align: center;
	vertical-align:top;
	display:inline;
	width:50px;}	

.meta {

	background: url() no-repeat bottom left;
	background-color: #F7F7F7;
	border-left: 0px solid #3c3c3c;
	font-size:9px;
        font-family:tahoma;
	color: #989898;
	text-transform: normal;
	text-align: right;
	letter-spacing: 1px;
	line-height: 13px;
	padding-left: 5px;
margin: 2px;}














.tb {
	background-color: #ABE2D3;
	border-bottom: 0px solid #DDE0CF;
	border-left: 0px solid #910A57;
	border-top: 0px solid #000000;
	border-right: 0px solid #B20000;
	font-size:11px;
	font-family:arial;
        font-weight:bold;
	color: #ffffff;
	text-align: center;
	text-transform:uppercase;
	letter-spacing: 1px;
	line-height: 16px;
	letter-spacing: 3px;
	padding-left: 5px;
}


.tb a{
color: #ffffff;}

.tb a:visited{
color: #ffffff;}

.tb a:hover{
color: #000000;}


.date {
	background-color: #FBFBFB;
	border-bottom: 0px solid #DDE0CF;
	border-left: 0px solid #A12541;
	border-top: 0px solid #000000;
	border-right: 0px solid #B20000;
	font-weight:normal;
	font-size: 9px;
	font-family:tahoma;
	color: #626262;
	text-align: center;
	letter-spacing: 1px;
	line-height: 16px;

}


.tb2{
	background-color: #ffffff;
	text-align: justify;
	line-height: 13px;
	font-family: verdana;
	font-size: 9px;
	color: #626262;
	}



.sidebar_title {
	background-color: #fbfbfb;
border-bottom: 0px solid #444444;
border-top: 0px solid #444444;
border-right: 0px solid #444444;
border-left: 0px solid #910A57;
	font-weight:normal;
	font-size: 11px;
	font-family: arial;
	color: #989898;
	text-align: center;
	text-transform:uppercase;
	letter-spacing: 3px;
	line-height: 16px;
	padding-left: 2px;

}

.sidebar_title a{
color: #48A78D;}

.sidebar_title a:hover{
color: #48A78D;}


.sidebar_content{
	background-color: #transparent;
	border-bottom: 0px solid #000000;
	text-align: justify;
	line-height: 13px;
	font-family: verdana;
	font-size: 9px;
	color: #626262;
	}

.sidebar_content_projects{
	background-color: #ffffff;
	border-bottom: 1px solid #F3F3F3;
	text-align: justify;
	line-height: 12px;
	font-family: verdana;
	font-size: 9px;
	color: #626262;
	}





.img2 {
background-color: #ffffff;
padding: 0px;
border-bottom: 1px solid #F3F3F3;
border-top: 1px solid #F3F3F3;
border-right: 1px solid #F3F3F3;
border-left: 1px solid #F3F3F3;
padding-right: 4px;
padding-left: 4px;
padding-top: 4px;
padding-bottom: 4px;
margin: 1px;
}


.img2:hover {
background-color: #ffffff;
padding: 0px;
border-bottom: 1px solid #ABE2D3;
border-top: 1px solid #ABE2D3;
border-right: 1px solid #ABE2D3;
border-left: 1px solid #ABE2D3;
padding-right: 3px;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
margin: 2px;
}


.catimage {
background-color: #ffffff;
padding: 0px;
border-bottom: 0px solid #393939;
border-top: 0px solid #393939;
border-right: 0px solid #393939;
border-left: 0px solid #393939;
padding-right: 0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin: 1px;
}


input, select, textarea {
background-color: #fbfbfb;
font-family:'Verdana', Trebuchet MS, Arial, Helvetica, Sans-serif; 
font-size:10px; 
color: #333333; 
border-top:1px solid #ABE2D3;
border-right:1px solid #ABE2D3;
border-bottom:1px solid #ABE2D3;
border-left:1px solid #ABE2D3;
}


.affiliates img {
background-color: #ffffff;
padding: 0px;
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin: 3px;
}


h1, h2 {
font-size : 7pt;
text-decoration : none;
text-align: center;
font-family: tahoma;
text-transform: uppercase;
padding-top : 1px;
padding-bottom : 0px;
padding-left : 20px;
padding-right : 20px;
margin-top : 0px;
margin-bottom : 0px;
margin-left : 0px;
margin-right : 0px;
color : #989898;
letter-spacing: 1px;
background-color: #f7f7f7;
line-height: 16px;
border-top-width : 0px;
border-bottom-width : 0px;
border-left-width : 0px;
border-right-width : 0px;
border-style : solid;border-color : #ffffff;
	font-weight:normal;
}


#footlink {text-align:center;}

#footlink span.footlinkcurrent {
background: #ffffff;
color:#989898;
border:1px solid #F3F3F3; 
padding:0 4px 0 4px;
margin:0 1px 0 1px;
 font-size: 9px;}

#footlink span.footlinktotal {
background: #ffffff;
color:#48A78D;
border:1px solid #ABE2D3;
padding:0 4px 0 4px;
margin:0 1px 0 1px;}
#footlink a {padding:0 4px 0 4px;
margin:0 1px 0 1px;
 font-size: 9px;}

#footlink a:link, #footlink a:visited, #footlink a:active {
background: #ffffff;
color:#989898;
border:1px solid #F3F3F3;}

#footlink a:hover {
background: #ffffff;
color:#48A78D;
text-decoration: none;
border:1px solid #ABE2D3;
 font-size: 9px;}