/*
Books For Brazil CSS Sections
	Layout
	Typography
*/


/* Menu Styles */
@import url("/css/bfbv5menu.css");


/*---------------------------------------------------
LAYOUT
---------------------------------------------------*/

/*Global*/
body,
html{
	margin:0;
	padding:0;
}
h1,
h2,
h3{
	margin:0;
	padding:0;
}
floatleft{float:left;}
floatright{float:right;}

#container{
	width:755px;
	left:50%;
	position:absolute;
	margin:10px 0px 0px -377px;
}
#containerWide{
	width:900px;
	left:50%;
	position:absolute;
	margin:10px 0px 0px -450px;
}
/* Menu defined in BFBv5Menu */


/* Intro */
#bannerAcross{
	margin:0px 0px 0px 205px;
	width:550px;
	height:184px;
}
#bannerRight{
	width:192px;
	float:right;
	margin:70px 0px 0px 0px;
}
#bannerText{
	width:162px;
	margin:10px 15px 20px 15px;
	float:right;
}
#flipPic{
	float:left;
}

/*Calendar*/
#calendar{
	float:right;
	width:162px;
	padding:15px;
}
#calendar h1{
	margin-bottom:10px;
}
#calendar h2{
	padding: 10px 0px 10px 0px;
}
#calendar h3{
	padding:0px;
	margin:0px;
}
#calendar p{
	padding:0px;
	margin:0px 0px 10px 0px;
}
#calendar ul{
	margin: 0px;
	padding: 0px 0px 10px 20px;
}
#calendar li{
	padding: 0px 0px 10px 0px;
}
#upcomingMenu,
#recentMenu,
#newsMenu{
	margin: 0px 0px 0px 10px;
}

/*Side Detail*/
#sideDetail{
	clear:right;
	float:right;
	width:162px;
	padding:15px;
}
#sideDetail ul{
	padding:8px 10px 20px 10px;
	margin:0px;
}
#sideDetail li{
	padding-bottom:8px;
}

/*Main Body*/
#main{
	width:318px;
	padding:20px 0px 20px 20px;
	margin:0px 0px 0px 205px;
	
	min-height:500px;
	height:auto !important;	/*IE6 Bug*/
	height:500px;
}
#mainMedium{
	width:500px;
	padding:20px 0px 20px 20px;
	margin:0px 0px 0px 205px;
	
	min-height:500px;
	height:auto !important;	/*IE6 Bug*/
	height:500px;
}
#mainWide{
	width:650px;
	padding:20px 0px 20px 20px;
	margin:0px 0px 0px 205px;
	
	min-height:500px;
	height:auto !important;	/*IE6 Bug*/
	height:500px;
}
#main h1,
#mainMedium h1,
#mainWide h1{
	padding:15px 0px 20px 0px;
}
#main h2,
#mainMedium h2,
#mainWide h2{
	padding:30px 0px 5px 0px;
}
#main h4,
#mainMedium h4,
#mainWide h4{
	margin:0px;
	padding:20px 0px 5px 0px;
}
#main h5,
#mainMedium h5,
#mainWide h5{
	margin:0px;
	padding:20px 0px 5px 0px;
}
#main p,
#mainMedium p,
#mainWide p{
	margin:0px 0px 10px 0px;
	padding:0px;
}
#main ul,
#mainMedium ul,
#mainWide ul{
	padding:5px 10px 20px 20px;
	margin:0px;
}
#main li,
#mainMedium li,
#mainWide li{
	margin-top:6px;
}
#pageMenu{
	padding:0px 0px 50px 0px !important;
	margin:0px;
}

#lastupdated{
	bottom:30px;
	padding: 40px 0px 0px 0px;
}
#lastupdated p{
	margin:0px;
}

/*Footer*/
#footer{
	margin:0px 0px 0px 220px;
	padding:0px;
}
#bottomhack{	/*Can't make bottom margin appear because #container is absolute*/
	height:10px;
	font-size:10px;
	clear:both;
	background-color:#99cc33;
}
.rssThumbs{  /*Gallery table*/
	padding: 00px 0px 80px 0px;
}
.rssImg{  /*Thumbnail container*/
	padding: 30px 5px 5px 5px;
	text-align:center;
}
.rssImg a img{
	border: 0px;
}
.cap{  /*Thumbnail text*/
	padding: 0px 5px 0px 5px;
}
.galleryLine{
}
.galleryPicture{
        float: left;
	width: 200px;
        line-height:40px;
        text-align:center;
        margin: 0px 20px 0px 0px;
}
.galleryText{
}
.listItemDescription{
	padding:0px 0px 6px 0px;
}
#commentPreview{
	padding:10px;
	border:1px solid #000000;
	background-color: #FFF68F; /*Light Yellow*/
}
#commentsTable{
	margin-top:20px;
}

/*---------------------------------------------------
TYPOGRAPHY
---------------------------------------------------*/

/*Global*/
body,
html{
	font:9px Arial, Helvetica, sans-serif;
	background:#99cc33;
}
h1,
h2,
h3{
	font-size:1.7em;
}

a{
	color:#0099cc;	/*light-blue*/
	text-decoration:none;
	font-weight:bold;
}
a:hover{color:#99cc33;}	/*light green*/
a:visited{color:#0099cc;}

input, select, th, td{font-size:1em;}

#container,
#containerWide{
	background:#ffffff;
	background-image: url(/images/vertical_lines.gif);
	background-position: 194px;
	background-repeat: repeat-y;
}



/* intro */
#IntroHomePage, #IntroHomePage span{background-image: url(/images/IntroHomePage.gif);width:550px;height:98px;}
#IntroHomePagePt, #IntroHomePagePt span{background-image: url(/images/tagline_port.gif.gif);width:550px;height:98px;}

#bannerAcross,
#bannerRight{
	background:#0099cc;
	color:#ffffff;
}
#bannerAcross a{color:#ffffff;}
#bannerAcross a:hover{color:#99cc33;}	/*light green*/
#bannerAcross a:visited{color:#ffffff;}
#bannerText p{
	font-size:1.2em;
}

/*Side Detail*/
#sideDetail h1{
	color:#99cc33;
	font-size:1.4em;
}
#sideDetail ul{
	list-style: none;
	font-size:1.4em;
	color:#666666;
}

/*Calendar*/
#calendar{
	background:#ffffff;
}
#calendar h1{
	font-weight:normal;
	color:#000000;
}
#calendar h2{
	font-size:1.3em;
	font-weight:bold;
	color:#009933;	/*dark green*/
	background-image: url(/images/spacer_gray.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
#calendar h2 a{color:#009933;text-decoration:none;}	/*dark green*/
#calendar h2 a:hover{color:#99cc33;}	/*light green*/
#calendar h2 a:visited{color:#009933;}

#calendar h3{
	font-size:1.2em;
	font-weight:bold;
	color:#000000;
}
#calendar p{
	font-size:1.1em;
	color:#666666;
}	

#calendar ul{
	list-style: none;
}
#calendar li{
	color:#666666;
	font-size:1.1em;
}
#calendar ul a{
	color:#0099cc;
	text-decoration:none;
	font-weight: bold;
}
#calendar ul a:visited{color:#0099cc;}	/*light blue*/
#calendar ul a:hover{color:#99cc33;}		/*light green*/

/*Main Content*/
#main,
#mainMedium,
#mainWide{
	background:#ffffff;
	font-size:1.3em;
}
#main h1,
#mainMedium h1,
#mainWide h1{
	font-family: "Times New Roman", Times, serif;
	font-size:2.6em;
	font-weight: normal;
	color:#99cc33;
	font-variant: small-caps;
}
#main h2,
#mainMedium h2,
#mainWide h2{	/*Section title, usually all caps*/
	font-family: Arial,Helvetica,sans-serif;
	font-size:1.4em;
	font-weight: bold;
	color: #009933;
}
#main h3,
#mainMedium h3,
#mainWide h3{	/*Item title, just black bold*/
	font-family: Arial,Helvetica,sans-serif;
	font-size:1.1em;
	font-weight: bold;
	color: #000000;
}
#main h4,
#mainMedium h4,
#mainWide h4{	/*Item title 2, green. Donate */
	font-family: Times;
	font-size:1.2em;
	font-weight: bold;
	color: #009933;
}
#main h5,
#mainMedium h5,
#mainWide h5{	/*Questions FAQ, green*/
	font-family: Arial;
	font-size:1.2em;
	font-weight: bold;
	color: #009933;
}
#pageMenu{
	list-style: none;
}
#copyright{
	font-size:9px;
}