@charset "utf-8";
/* CSS Document */

/* ------------------------------------------*/
/* ------------www.fleurygleason.com --------*/
/* ------------------------------------------*/


/* ------------------------------------------*/
/* ------------- [Table of Content]----------*/
/* ------------------------------------------*/
/*
1. Home
2. Biography
3. Newsletter
4. Articles
5. Books
6. Photos
	6.1 Haiti Voodoo 
	6.2 Brazil Soccor
	6.3	Kompa Music
	6.4 Wydey
	6.5 Rara
	6.6 Jean Northeastern
	6.7 Brain at Conference JF Kennedy
	6.8 Jean at Conference JF Kennedy
	6.9 Rio Beach
	6.10 Rio Carnaval
	6.11 Rio Flavela
	6.12 Rio Samba
	6.13 Rio View
	6.14 Jean Family
7. Contact Us


/*

1. Body
	2. Header / #header
		2.1 Navigation / #navbar
	3. Content / #content
		3.1. Left column / #leftcolumn
		3.2. Right column / #rightcolumn
	4. Footer / #footer
	
*/

/* Color Scheme

	Header Color         = #233f88 (Color fron Haiti flag) 
	Container background = #bdc5db (50% of the header)
	SideBox background   = #7082b2 (65% of the header)
	SideBox Header       = #5a6fa6 (75% of the header)
	Navigation bar       = #d21034 (Red color from Haiti Flag)  
	Link color           = #ffce00 (Orange color from Haiti Flag)
	
*/

/* ------------------------------------------*/
/* ------------- GLOBAL STYLES---------------*/
/* ------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	color: #333;
	font: small "Verdana", Arial, sans-serif;
	line-height: normal;
	width: 890px;
	margin-left: auto;
	margin-right: auto;
	background-color: #CCC;
	text-align: center;
}

a {
	text-decoration: none;
	color: #ffce00;
}

a img {
	border: 0;
}

p {
	margin: 0 0 1em;
	color: #333;
	font-size: x-small;
	text-align: left;
}





/* -----------------------------------------*/
/* ------------- masthead styles -----------*/
/* -----------------------------------------*/

#masthead {
	background-color: #000000;
}


/* -----------------------------------------*/
/* ---------- Navigation Styles ------------*/
/* -----------------------------------------*/

#navlinks {
	margin: 0; 
	padding: 3px 20px;
	background: #d21034; color: #fff;
}

#navlinks li {
	display: inline;
	list-style: none; /* So that all the browser display it properly*/
	margin-right: 0.5em; padding-right: 0.75em;
	border-right: 1px solid #99C;
	font-weight: bold;
	
}

#navlinks li.last {
	border-right: 0;
}




/* -----------------------------------------*/
/* --------- Homepage Content Sytle---------*/
/* -----------------------------------------*/
#container{
	background-color: #FFF;
	margin:0; /* Added*/
	text-align: left;
	width: 890px;
	height: auto;
}

#containerIndexBottom{
	background-color: #F3F3F3;
	width:890px;
	margin:0;
	height: 280px;
}

	

#container h1 {
	margin:0 0 0 20px;
	padding: 20px 0 0 0;
	border-bottom: 2px solid #233f88;
	font-size: 1.25em;
	color: #233f88;
}


#content {
	float: left;
	width: 600px;
	background-color: #FFFFFF;
	padding: 20px;
	margin:0; /* Added*/
}


#content h1 {
	border-bottom: 2px solid #233f88;
	font-size: 1.25em;
	padding: 0;
	margin: 0;
	width: 600px;
}


#content h2 {
	line-height: 2em;
	font-size: 0.85em;
	font-weight: bold;
	margin: 3em 0 0 0;
	
}


#content h2.book {
	border-bottom: 2px solid #6a861c;
	font-size: 1.25em;
	color: #6a861c;
	padding: 0;
	margin: 0;
	width: 600px;
}

#content img.illus {
	float: left;
	margin: 10px 10px 10px 0;
	border: 5px solid #fff;
}

#content img.left {
	float: left;
	margin: 10px 10px 10px 0;
	border: 5px solid #fff;
}


#content img.right { 
	float: right;
	margin: 10px 10px 10px 0;
	border: 5px solid #fff;
}
#content p{
	margin-bottom: 10px;
	line-height: 1.7em;
	font-size: 0.85em;
}


#content p.article{
	margin-bottom: 2em;
	border-bottom: .5px dotted #6a861c;
	line-height:1.5em;
	font-size: 0.85em;
}

#content p.contactUs{
	padding: 10px 0 0 0;
	margin-bottom: 10px;
	border-bottom: .5px dotted #6a861c;
	line-height:1.5em;
	font-size: 0.85em;
	width: 460px;
	
}

#flashContent{
	width:890px;
	height: 410px;
	background-color: #999;
}

#flashContentLeft{
	width: 510px;
	background-color:#069;
	float: left;
}
#flashContentRight{
	width:360px;
	background-color:#4D72D2;
	float: right;
	height: 408px;
	padding-left: 10px;
	padding-right: 10px;
}

/* -----------------------------------------*/
/* ------------- sidebar styles ------------*/
/* -----------------------------------------*/

#sidebar {
	width: 190px;
	float: right;
	padding: 5px;
	background-color: #f9f9f9;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}


#sidebar h1 {
	font-size: 1em;
	font-variant: small-caps;
	color: #999999;
	border-bottom: none;
	margin: -5px -5px 5px -5px;
	padding: 5px;
	background-color: #f4f4f4;
	
}

#sidebar img.border
{
	border: 5px solid #fff;
}


#sidebar div h2 {
	font-size:small;
}

#sidebar p{
	line-height: 2em;
	font-size: 0.85em;
}

/* -----------------------------------------*/
/* -------------- Footer--------------------*/
/* -----------------------------------------*/

#footer {
	clear:both;
	color: #FFF;
	height: 10px;
	padding: 5px 0px;
	background: #d21034;
	color: #066;
	margin:0;
	font-size: 9px;
	
}

#footer li {
	display: inline;
	margin-right:0.5em;
	padding-right: 0.75em;
	border-right: 1px solid #99C;
	font-size: x-small;
	
}

#footer li.last {
	border-right: 0;
}

#footerP{
	text-align: center;
	font-size: x-small;
	color: #999;
}


/* -----------------------------------------*/
/* ------Container for secondary style------*/
/* -----------------------------------------*/


#contentB{
	width: 395px;
	float:left;
	background-color:#F3F3F3;
	border: 1px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5;
	margin-left: 20px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#contentB p{
	margin-bottom: 10px;
	line-height: 1.6em;
	font-size: 0.85em;
	font-weight: .85 em;
}


#contentB h3{
	font-size: 1em;
	font-variant: small-caps;
	color: #333333;
	padding: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFCE00;
	margin: 2px;
	height: auto;
	border-bottom-width: thin;
}

#contentB img.border{
	float:left;
	border: 5px solid #fff;
	margin: 0 10px 10px 0px;
	
}
#container #flashContentRight h3 {
	color: #233F88;
	border-bottom: 2px solid #233f88;
}