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

* {margin:0;padding:0;} 

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}


body {
	background: url(../images/pattern_XS001.gif);  
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	line-height:1.125em; /* 16x1.125=18px */
	}

#wrap {
	background: #FFFFFF;
	width: 940px;
	margin: 0 auto;

	}
	
#header {
	height: 172px;
	background: url(../images/kiwanis_coral_gables_header.jpg) no-repeat;
	border-left: thin solid #003366;
	border-right: thin solid #003366;
	}
	
	#subheader {
		text-align: center;
		width: 219px;
		height: 109px;
		background: url(../images/curls.gif) bottom right no-repeat;
		float: right;
		position: relative;
		top: 38px;
		right: 3px;
		}
		
	
			#header h1 {
				font-size: 0.75em; /* 12px -> based on font-size defined in the body (100%=16px) 16x0.75=12px */
				line-height: 1.083em; /* 13px -> based on font-size above: 12x1.083=13px */
				color: #FFB84C;
				padding-left: 39px;
				padding-right: 39px;
				padding-top: 20px;
				}
					
				
			#header h2 {
				font-size: 0.625em; /* 10px -> based on font-size defined in the body (100%=16px) 16x0.625=10px */
				line-height: 1.200em; /* 12px -> based on font-size above: 10x1.200=12px */
				color: #B89470;
				padding-left: 40px;
				padding-right: 38px;
				padding-top: 4px;
				}
				
			#header h2 span {
				font-size: 1.200em; /* 12px -> based on font-size defined in the h2 (10px) 10x1.200=12px */ 
				line-height: 1.083em; /* 13px -> based on font-size above: 12x1.083=13px */
				color: #FF9900;
				display: block;
				}	

/* MAIN CONTENT SECTION */	

#main {
	padding-top: 0px;
	padding-bottom: 151px;  /* must be same height as the footer */
	background: #FFFFFF;
	float: left;
	width: 720px;
	min-height: 700px;
	border-left: thin solid #003366;		
	} 
	
	
h3	{
	font-size: 0.875em; /* 14px -> based on font-size defined in the body (100%=16px) 16x0.875=14px */
	color: #003366;
	background: url(../images/divider_line.gif) bottom right no-repeat;
	}
	
	h3 span {
		background-color: #FFFFFF;
		}
	
ul {
	list-style-type: none;
	}
		
ul li {
	position: absolute;
	top: 45px;
	display: block;
	font: bold 0.625em/1.200em Verdana, Arial, Helvetica, sans-serif;
	color: #999966;
	width: 142px;
	height: 175px;
	text-align: center;
	padding-top: 140px;
	}
	
.sections {
	padding-left: 60px;
	display: block;
	background: #FFFFFF url(../images/badges_bkg.jpg) bottom no-repeat;
	height: 220px;
	}

/* Defines the position from left of the badge columns*/	
.first {left: 55px;}
.second {left: 222px;}
.third {left: 388px;}
.fourth {left: 554px;}

		/* LEGACY PORJECTS */
			
		.legacy {
			position: relative;
			top: 50px; /* change this value to change distance from top */
			}
		
		.christmas {
			background: url(../images/badge_christmas.jpg) top left no-repeat;
			}
		
		.kotys {
			background: url(../images/badge_kotys.jpg) top left no-repeat;
			}
		
		.police {
			background: url(../images/badge_police.jpg) top left no-repeat;
			}
				
		.service {
			background: url(../images/badge_service.jpg) top left no-repeat;
			}
	
		/* SPONSORED ORGANIZATIONS CONTENT */
			
		.sponsored {
			position: relative;
			top: 90px; /* change this value to change distance from top */
			}
		
		.scouts {
			background: url(../images/badge_scouts.jpg) top left no-repeat;
			}
		
		.cghigh {
			background: url(../images/badge_cg_high.jpg) top left no-repeat;
			}
		
		.gulliver {
			background: url(../images/badge_gulliver.jpg) top left no-repeat;
			}
				
		.ponce {
			background: url(../images/badge_ponce.jpg) top left no-repeat;
			}
			
		/* PARTNER ORGANIZATIONS */
			
		.partner {
			position: relative;
			top: 130px; /* change this value to change distance from top */
			}
		
		.ace {
			background: url(../images/badge_ace.jpg) top left no-repeat;
			}
		
		.conservatory {
			background: url(../images/badge_conservatory.jpg) top left no-repeat;
			}
		
		.foster {
			background: url(../images/badge_foster.jpg) top left no-repeat;
			}
				
		.sunil {
			background: url(../images/badge_sunil.jpg) top left no-repeat;
			}
		

/* SIDE CONTENT SECTION */	
	
#sidebar {
	padding-top: 0px;
	padding-bottom: 151px;
	background: #FEF9EC;
	float: right;
	width: 217px;
	min-height: 700px;
	border-left: thin solid #003366;
	border-right: thin solid #003366;	
	}
	
.blocsidebar {
	display: block;
	width: 190px;
	text-align: center;
	float: right;
	position: relative;
	top: 17px;
	right: 13px;
	}

.underconst {
	font: bold 0.875em/1.143em Verdana, Arial, Helvetica, sans-serif; /* 14px/16px */
	color: #996633;
	padding: 0px 2px 15px 2px;
	}
	
h4 {
	font: lighter 0.625em/1.100em Verdana, Arial, Helvetica, sans-serif; /* 10px/11px */
	color: #FFB84C;
	padding: 15px 20px 8px 20px;
	border-top: thin solid #DDCCB4;

	}
	
	
.contsidebar {
	font: lighter 0.750em/1.167em Verdana, Arial, Helvetica, sans-serif; /* 12px/14px */
	color: #996633;
	padding: 0px 2px 15px 2px;
	}
	
.contsidebar span {
font-weight: bold;
font-size: 11px;
	}
	

	
a.sidebarlink:link { color: #996633;} 
a.sidebarlink:visited { color: #996633;}
a.sidebarlink:hover { color: #DDCCB4;}

a.small {font-size: 10px;}
a.big {font-size: 14px;} 

 


/* FOOTER SECTION */	

#footer {
	position: relative;
	margin-top: -151px; /* negative value of footer height */
	margin-left: auto;
	margin-right: auto;
	width: 938px;
	height: 150px;
	clear:both;
	border-top: thin solid #003366;
	border-left: thin solid #003366;
	border-right: thin solid #003366; 
	background: url(../images/footer_bkg.jpg) repeat-x;  
	}

/* FOOTER TO THE BOTTOM FIX */
	
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */