/* --------- Normalize ---------- */

* {
margin: 0;
padding: 0;
}

/* Normalize list styles */
ol, ul {
list-style: none;
}

ul li, ul li li, ul li li li  {
list-style-type:none;
}

p, ul.sf_postListing li p, .sf_singlePost p, .sf_postComments p {margin-bottom:20px !important;}

/* Normalize table borders */
table {
border-collapse: collapse;
border-spacing: 0;
}

#home .sf_readMore {
margin-top:2px;
}

a img {border:none;}

/* --------- End Normalize ---------- */

/* Applied Styles  */

.imageleft {
float:left;
margin:.3em 20px 5px 0;
}

.imageright {
float:right;
margin:.3em 0 5px 20px;
}

.alert {
background-color:#FFFF99;
padding:30px;
}


ul.two-col-list li {
width:50%;
float:left;
}

.clear {
clear:left;
}

table.prettytable {
border:solid #009AC8 1px;
margin-top:10px;
margin-bottom:10px;
}

table.prettytable th {
background-color:#009AC8;
text-align:left;
color:white;
border:solid 1px;
border-color:#6A82A4 #CDD5E1 #CDD5E1 #6A82A4;
padding:5px;
}

table.prettytable tr {
vertical-align:top;
}

table.prettytable td {
padding:5px 10px;
border:solid #6A82A4 1px;
}

.highlight {
background-color:#d3ebf7;
}

.highlight-two {
background-color:#FFE0A3;
}


/* End Applied Styles  */



/* --------- Chrome Formatting ---------- */

#kiwanis-brand{background-color:#005daa;height:50px;text-align:left; width:auto;}





#kiwanis-brand h2, #kiwanis-brand h3 {
border:none;
/*text-indent:-9999px;*/
}

#chrome {height:50px;margin:0 auto;position:relative;width:990px;}
#chrome h2 { text-indent:-9999px; margin-right:45px;}
#chrome h2 a { background:url(images/kiwanis_slp.gif) no-repeat; display:block; width:142px; height:50px;float:right;}
#chrome h3 { text-indent:-9999px;}

#chrome a {
color:#FFFFFF;
text-decoration:underline;
}

#chrome a:hover {
color: #C4112F;
text-decoration:none;
}

#chrome p { font-size:11px; margin:0; letter-spacing:.6px;
bottom:0;
left:45px;
margin-bottom:7px;
position:absolute;
}

/* --------- End Chrome Formatting ---------- */



	
body {text-align: center;background:url(images/keyclub_bg_approved.jpg) repeat-x #039ac7 center top; font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;}

	
#wrapper {text-align: left;width: 990px; margin: 0 auto; overflow:auto; background:url(images/footer-bg.gif) repeat-x bottom #fff; clear:left;}
	
	#wrapper404 {text-align: left;width: 990px; margin: 0 auto; overflow:auto; background:none repeat scroll 0 0 #FFFFFF; clear:left;}
	
	#header {height:109px; }
	#header h1 {display:block; float:left; text-indent:-9999px; margin:28px 0 8px 45px;}
	#header h1 a {background:url(images/keyclub-logo.gif) no-repeat; width:210px; height:29px; display:block;}
	ul.main-nav {font-size:20px; text-transform:uppercase; letter-spacing:1px;}
	ul.main-nav li { border-left:1px solid #b3b3b3; line-height:35px; padding:0 10px 0 10px;}
	ul.main-nav li.last {border-right: 1px solid #b3b3b3;}
	ul.main-nav li a { text-decoration:none; color:#000;}
	
	#image-area {height:281px;}
	
	#interior #image-area {height:auto;}
	
	#col-wrap {float:left;clear:both; margin:29px 0 25px 0; width:990px; background:url(images/col-wrap-bg.jpg) no-repeat center -29px;}
	#col-wrap404 {float:left;clear:both; margin:29px 0 0 0; width:990px; background:url(images/col-wrap-bg.jpg) no-repeat center 229px;}
	#interior #col-wrap {float:left;clear:both; margin:29px 0 25px 0; width:990px; background:url(images/col-wrap-bg.jpg) no-repeat center 229px; min-height:600px;}
	
	#aside-one {float:left; margin-bottom:8px;}
	
	#info-box {width:180px;margin:8px 0 0 45px; background-color: #e6e2d6; padding-top:15px;}
	#info-box img {margin:0 0 15px 15px;}
	#info-box img.for-more {margin:0;}
	
	#content h1 {   margin-bottom:13px; font-size:31px; text-transform:uppercase; font-weight:normal;}
	#interior #content h1 {   margin-top:13px;}
	
	#content {float:left; width:520px; margin:0 0 0 30px; font-size:14px; min-height:400px;}
	
	#content404 {float:left; width:930px; margin:0 0 0 30px; font-size:14px; min-height:400px;}
	
	#info404 
	{
	    padding:30px 0 0 130px;
	    background: url(images/phone.jpg) no-repeat center bottom;
	    height:450px;
	}
	.special404 {
	    color:#009ac8;
	    font-size:20px;
	}
	.title404 {
	    color:#005daa;
	    font-size:100px;
	}
	.links404 {
	    color:#009ac8;
	    font-size:20px;
	    text-align:right;
	    padding:10px 135px 0 0;
	}
	.links404 a {
	    color:#009ac8;
	    font-size:20px;
	}
	#footer404 
	{
	    background:#005daa;
	    height:75px;
	    clear:both;
	}
	
	.sf_postTitle {margin-bottom:0 !important;}
	
	#content h2, #interior h1.sf_postTitle { font-size:18px; font-weight:bold; text-transform:uppercase;}
	#content h2 a { color:#005daa; text-decoration:none;}
	#content h2 a:hover {color:#469fe8;}
	

	
	.sf_newsList h2.sf_newsTitle {
font-size:17px!important;
font-weight:normal;
line-height:1.2em;
margin: 0 !important;
padding:0;}
	
	.sf_newsList li {
list-style-type:none;
margin:0 0 35px !important;
padding:0;
}
	
	#content span.entry-date {margin-bottom:25px; display:block;}
	#content p {line-height:18px;}
	#content a {color:#c41230; text-decoration:none;}
	#content a:hover {color:#c41230; text-decoration:underline;}
	#content ul { margin:10px 0 20px 20px;}
	#content ul li {list-style:disc; margin-bottom:5px;}
	#content ul.sf_postListing { margin:0;}
	#content ul.sf_postListing li { list-style:none outside none; margin:0 0 25px; padding:0;}
	
		#content #ctl00_Crumbs_tm_Breadcrumb1, #content #ctl00_Crumbs_tm_Breadcrumb1 a {
color:#a8a8a8;
font-size:10px;
}

#ctl00_Crumbs_tm_Breadcrumb1 {
position:relative;
top:5px;
left:0;
}
	
	
	#content .sf_newsList p {margin-bottom:0;}
	#content p.sf_newsDate {margin-bottom:15px;}
	
	#aside-two {float:left;width:180px;margin:0 0 0 22px;}
	#aside-two ul.social li { float:left;}
	.quick-links h3 { font-size:18px; color:#009ac8; font-weight:normal; border-bottom:1px solid #b3b3b3; margin-bottom:16px;}
	.quick-links ul {margin-bottom:54px;}
	.quick-links ul li { font-size:12px; margin-bottom:10px;}
	.quick-links ul li a {color:#c41230;; text-decoration:none;}
	.quick-links ul li a:hover {text-decoration:underline;}
	ul.social li img.nudge {margin-right:2px;}
	.copyright { float:left; font-size:10px; text-align:center; padding-top:50px;}
	.copyright a { color:#005daa; text-decoration:none;}
	.copyright a:hover { text-decoration:underline;}
	
	#club-links {clear:both;}
	
	ul.site-nav { list-style:none; display:block; float:right; font-size:11.5px; text-transform:uppercase; margin:47px 45px 0 0;}
	ul.site-nav li {float:left;  padding:0 10px 0 10px; border-right:1px solid #b3b3b3; line-height:10px;}
	ul.site-nav li a {text-decoration:none; color:#000;}
	ul.site-nav li a:hover {text-decoration:underline;}
	ul.site-nav li.first {padding-left:0;}
	ul.site-nav li.last {padding-right:0; border-right:none;}
	
	ul.main-nav { list-style:none; display:block; clear:both;}
	ul.main-nav li {float:left;}
	
	.footer {margin:25px 45px 75px 45px; clear:both; overflow:hidden;}
	/*#club-links ul { font-size:10px; float:left;left:50%;list-style-type:none;margin:0 auto;padding:0;position:relative; overflow:visible;}
	#club-links ul li {float:left; padding:0 14px 0 14px; border-right:1px solid #000; line-height:10px; position:relative;right:50%;}
	#club-links ul li a {color:#005daa; text-decoration:none;}
	#club-links ul li a:hover {text-decoration:underline;}
	#club-links ul li.first {font-weight:bold; border-right:none; padding:0;} 
	#club-links ul li.last {border-right:none; padding-right:0;}*/
	#club-links ul { font-size:10px; float:left;list-style-type:none;margin:0 auto;padding:0;position:relative; left:100px;}
	#club-links ul li {float:left; padding:0 14px 0 14px; border-right:1px solid #000; line-height:10px; position:relative;}
	#club-links ul li a {color:#005daa; text-decoration:none;}
	#club-links ul li a:hover {text-decoration:underline;}
	#club-links ul li.first {font-weight:bold; border-right:none; padding:0;} 
	#club-links ul li.last {border-right:none; padding-right:0;}
	

	p.branding-logo {text-indent:-9999px; background-image:url(images/kiwanis-branding-logo.gif); display:block; width:147px; height:44px; margin:0 0 10px 0;}
	#page-image img {margin:-29px 0 28px 0; width:224px; height:258px; overflow:hidden;}
	
	.sf_searchBox label {display:none;}
	.sf_searchBox {background:url(images/bg-search.gif) no-repeat scroll left top #FFF;border:0 none;margin:0;padding:0; width:208px; height:30px; position:relative; top:-31px; left:737px;}
	.sf_searchBox .sf_searchText {background:none repeat scroll 0 0 transparent;border:0 none;height:20px;padding:3px;width:170px; color:#d33c56; font-size:14px;}
	.sf_searchBox .sf_searchSubmit {background:none repeat scroll 0 0 transparent;border:0 none;color:#FFFFFF;font-weight:bold;height:30px;left:0;position:relative;text-indent:-9999px;width:32px; cursor:pointer;}



/* ---MEGA NAV --*/
/*jQuery MegaMenu Plugin
  Author: Devadatta Sahoo
  Author URI: http://www.geektantra.com */

#Container {
  height: 100%;
  width: 990px;
  margin: auto;
  border-collapse: collapse;
}


/* Added top level styles.  These MUST match the name of the top level parent menu item (Discover, Serve, Lead, etc. etc.) */
.MegaMenu .MegaMenuLinkActive.Discover
 {
    background: #C41230 !important;
 }
 
.MegaMenu .MegaMenuLinkActive.Serve
 {
    background: #009ac8 !important;
 }

.MegaMenu .MegaMenuLinkActive.Lead
 {
    background: #f58025 !important;
 }
 
.MegaMenu .MegaMenuLinkActive.Resources
 {
    background: #4aaa42 !important;
 }
 
.MegaMenu .MegaMenuLinkActive.Join
 {
    background: #005daa !important;
 }
.Discover ul li { background-color: #c41230 !important;} 
 
 

.MegaMenu {

   margin:0 0 0 45px; clear:both;
}
.MegaMenu a.MegaMenuLink:link, .MegaMenu a.MegaMenuLink:visited {display: inline-block;  padding: 5px 0px 5px; color: #FFF; text-decoration: none; font-size: 19px; outline: none; z-index: 1000; border-left:1px solid #b3b3b3; }
.MegaMenu a.Join:link, .MegaMenu a.Join:visited {border-right:1px solid #b3b3b3; }
 a.MegaMenuLink:hover {color:#fff !important;}
.MegaMenu a.MegaMenuLinkOff:link, .MegaMenu a.MegaMenuLinkOff:visited {
   display: inline-block;
 
   color: #FFF;
   text-decoration: none;
   font-size: 15px;
   outline: none;
   z-index: 1000;
}
.MegaMenu a.MegaMenuLinkOff:hover {
   background: #FFF;
   color: #555;
/*   margin: 0px;*/
 }
.MegaMenu a.MegaMenuLinkActive:link, .MegaMenu a.MegaMenuLinkActive:visited {
   background: #FFF;
   color: #555;
 
   
   border-bottom: none;
}
#MegaMenuContent.Discover
{
     background: #C41230 !important;
}
#MegaMenuContent.Serve
 {
    background: #009ac8 !important;
 }

#MegaMenuContent.Lead
 {
    background: #f58025 !important;
 }
 
#MegaMenuContent.Resources
 {
    background: #4aaa42 !important;
 }
 
#MegaMenuContent.Join
 {
    background: #005daa !important;
 }
#MegaMenuContent.Discover a.MegaNavCenterColTitle  {color:#000;}
#MegaMenuContent.Serve a.MegaNavCenterColTitle {color:#000;}
#MegaMenuContent.Lead a.MegaNavCenterColTitle  {color:#000;}
#MegaMenuContent.Resources a.MegaNavCenterColTitle {color:#000;}
#MegaMenuContent.Join a.MegaNavCenterColTitle{color:#000;}

.MegaMenu .MegaMenuContent{display: none;}
#MegaMenuContent, #MegaMenuContentShadow {
background-color:gray;
   border-top: none;
   padding: 10px 10px 12px 10px;
   margin-left: 5px;
   position: absolute;
   z-index: 10;
   display: none;
   margin-left:7px;
   min-height:265px;
}

#MegaMenuContentShadow {
   background: #111;
   margin-left: 8px;
   margin-top: 4px;
   z-index: 9;
   opacity: 0.5;
   -moz-opacity: 0.5;
   filter:alpha(opacity=50);
}
.MegaMenuTable {
  border-collapse: collapse;
  border: 1px solid #FFF;
}
.MegaMenuTable th {
  text-align: left;
  padding: 5px 10px;
  font-size: 13px;
}
.MegaMenuTable .MegaMenuHead {
  padding: 0px 5px 5px;
  border-bottom: 5px solid #EEE;
}
.MegaMenuTable td {
  vertical-align: top;
  border-right: 3px dotted #CCC;
}
.MegaMenuTable td.LastCell {
  border: none;
}
.MenuFoot div {
  border-top: 1px solid #CCC;
  margin: 10px 10px 5px 10px; 
  font-size: 10px;
  color: #555;
  padding: 10px 0px 0px 0px;
}
.MenuFoot h2 {
  padding: 0px 0px 3px 0px;
  margin: 0px;
  font-size: 14px;
  color: #000;
}
.MegaMenuTable {
  cursor: default;
}
.MegaMenuTable a {
  cursor: pointer;
}
.MegaMenuTable .MegaMenuLists {
  margin: 0px 15px;
  padding: 0px;
  color: #BBB;
  list-style-type: square;
  list-style-position: inside;
}
.MegaMenuLists li {
  margin: 5px 0px 8px;
  font-weight: bold;
  font-size: 12px;
}

ul.MegaNavGridMain li {
border-bottom:1px dotted #fff !important;
display:block;
padding:5px 10px 5px 0;}
.MegaNavMainTitle  {
font-weight:normal !important;}

ul.MegaNavGridMain  {
border-right:1px dotted #fff !important;
display:block;
float:left;
padding-right:10px;
width:200px;
  min-height:270px;
}

ul.MegaNavCenterCol  {
border-right:1px dotted #fff !important;
display:block;
float:left;
height:auto !important;
padding:0 9px 0 9px;
width:200px;
  min-height:265px;
}

ul.MegaNavCenterCol ul
{
    margin: 5px 0px 0px 0px;
}
ul.MegaNavCenterCol ul li
{
    font-size: 12px !important;
    padding: 1px 0px 1px;
	letter-spacing:.8px;
}

.MegaNavListSeparator
{
    margin: 5px 0px 5px 0px;
    
    border-bottom:1px dotted #fff !important;
}
a.MegaNavTitle {color:#000 !important; font-weight:normal !important; font-size: 15px;}
.MegaNavCenterCol, .MegaNavGridMain {font-size:13px; letter-spacing:.8px;}
.MegaNavCenterColTitle {font-size:15px !important; font-weight:normal !important;}
.MegaNavCenterColTitle a {}
.MegaNavCenterCol li a, .MegaNavGridMain li a {color:#fff; text-decoration:none;}
.MegaNavCenterCol li a:hover, .MegaNavGridMain li a:hover {text-decoration:underline;}

li.arrow { background:url(images/arrow.png) no-repeat center right;}

/*Non IE CSS Starts*/
html>body .MegaMenu a.MegaMenuLink:link,html>body .MegaMenu a.MegaMenuLink:visited {
   position: relative; color:#000; text-transform:uppercase; width: 130px; text-align: center}
   
html>body #MegaMenuContent, html>body #MegaMenuContentShadow {
}

.MegaMenuGenericContent
{

}

.Resources .MegaMenuGenericContent {padding:6px 40px 10px 10px; margin-left:10px; font-size:12px;}
/*.Resources ul.MegaNavGridMain {margin-right:10px;}*/
.Resources .MegaMenuGenericContent h2 {font-size:15px; font-weight:normal; margin-bottom:5px;}
.Resources .MegaMenuGenericContent a {color:#fff; text-decoration:none;}
.Resources .MegaMenuGenericContent a:hover {text-decoration:underline;}