/* CSS Document */

* {
margin: 0;
padding: 0;
}

/* Normalize table borders */
table {
border-collapse: collapse;
border-spacing: 0;
}



/******************
Color Palate



*******************/

.printonly {
display:none;
}


/******************
Formatting
*******************/
 
 .highlight {
background-color:#d3ebf7;
}

.highlight-two {
background-color:#FFE0A3;
}

.center {
margin-left:auto;
margin-right:auto;
}


.imageleft {
float:left;
margin:.3em 20px 5px 0;
}

.imageright {
float:right;
margin:.3em 0 5px 20px;
}

table {
margin-bottom:18px;
}

td {
padding:10px;
vertical-align:top;
}

/******************
Typography
*******************/

body {
	font: 87%/1.7 
}

h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:normal;
	color:#00457c;
}



#wrapper .sf_newsList h2.sf_newsTitle {
font-size:1.6em;
font-weight:normal;
line-height:1.2em;
margin:0 0;
padding:0;
}

h1 {
font-size:2.2em;
}

.intro-text h1 {
font-size:1.2em;
font-family:'palatino linotype', palatino, "Times New Roman", Times, serif;
text-transform:uppercase;
color:#56727f;

}

#content h1 {
margin:0.2em 0 0.5em 0;
color:#1c7acc;
text-align:center;
}

#content h1 a {
color:#004989;
text-decoration:none;
}

#content h1 a:hover {
text-decoration:underline;
color:#da8933;
}


#content h1 img {
vertical-align:middle;
margin:0 10px 0 0;
}

h2 {
font-size:1.6em;
}

.intro-text h2 {
font-size:2.6em;
font-weight:bold;
padding-bottom:0.4em;
}

h3 {
font-size:1.3em;
}

h4 {
font-size:1.2em;

}

h5 {
font-size:1.1em;
}

p {
	margin:0 0 18px;
	line-height:21px;
}


#content ul, #content ol, #intro-text ul, #intro-text ol {
margin-left:35px;
margin-bottom:18px;
}


a{text-decoration:underline;color:#da8933;}

a:hover{text-decoration:none;color:#0063c1;}

/******************
End Typography
*******************/



html {
	background:#fff;
}
body{
	margin:0;
  	color:#5a5a5a;
	font:12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:#0b61cc url(images/bg-body.png) repeat-x 50% 0;
	min-width:860px;
}
img{border-style:none;}


#wrapper {
	background:url(images/bg-wrapper.png) repeat-x 0 100%;
}
#main {
	width:860px;
	margin:0 auto;
	padding:1px 0 0; /* DFD */
}
#main:after {
	height: 0;
	clear: both;
	content:'';
	display: block;
}
.t {
	overflow:hidden;
	background:url(images/bg-main-top.png) no-repeat;
	width:860px;
	height:282px;
	float:left;
	
}
.c {
	background:url(images/bg-main-center.png) repeat-y;
	width:860px;
	float:left;
}
.c:after {
	height: 0;
	clear: both;
	content:'';
	display: block;
}
.inner {
	padding:0 45px 0 45px;
	margin:-242px 0 -250px 0; /* IE stylesheet */
	position:relative;
}
.inner:after {
	height: 0;
	clear: both;
	content:'';
	display: block;
}
.b {
	overflow:hidden;
	background:url(images/bg-main-btm.png) no-repeat;
	width:860px;
	height:487px;
	float:left; /* Safari */
}
#header {
	background:url(images/bg-header.jpg) no-repeat;
	height:124px;
}

#header .logo {
width:770px;
margin:0 auto;
display:block;
position:relative;
}
#header .logo a {
	text-indent:-9999px;
	position:absolute;
	left:0;
	top:35px;
	display:block;
	background:url(images/kiwanis-international.png) no-repeat;
	width:225px;
	height:56px;
}
#header div#tagline {
	background:url(images/bg-tagline-left.png) repeat-x;
	color:#fff;
	font-size:16px;
	margin:52px 0 0;
	line-height:23px;
	position:absolute;
	top:50px;
	left:0;
	width:100%;
	}
	
	#header div#tagline div {
	background:url(images/serving-the-children-of-the-world.png) no-repeat;
	width:870px;
	margin:0 auto;
		text-indent:-9999px;
		z-index:20;
		position:relative;
		height:22px;
		
	}
	
	#header div#tagline div#tag-right {
	background:url(images/bg-tagline-right.png) repeat-x;
	
	position:absolute;
	top:0;
	right:0;		}
		
#header div#tools {
/*float:right;*/
width:860px;
margin:0 auto;
position:relative;
}

#header div#tools a {
height:48px;
text-indent:-9999px;
display:block;
position:absolute;
top:0;

}

#header div#tools a.kiwanis {
background:url(images/kiwanis-website.png) no-repeat top right;
width:85px;
padding-left:20px;
right:128px;

}

#header div#tools a.kiwanisone {
	background:url(images/member-area.png) no-repeat top left;
width:118px;
right:10px;

}

#header div#tools a:hover.kiwanisone {
	background:url(images/member-area.png) no-repeat bottom left;
}


div#search {
/*background:url(images/bg-search.png) no-repeat scroll left top;*/
width:225px;
height:34px;
clear:both;
padding:2px 0 0 5px;
font-size:15px;
line-height:normal;
position:absolute;
top:48px;
right:0;
}

div#search .sf_searchBox label {
display:none;
}

div#search .sf_searchBox {
border:0 none;

}

div#search .sf_searchText {
background:transparent;
border:0 none;
height:18px;
padding:3px;
width:160px;
}

div#search .sf_searchSubmit { /* IE stylesheet */
background:transparent;
border:0 none;
font-weight:bold;
height:20px;
left:0;
position:relative;
text-indent:-9999px;
top:4px;
width:30px;
}




#intro {
	/*overflow:hidden;*/	
	position:relative;
	z-index:100;
}

#intro:after {
	height: 0;
	clear: both;
	content:'';
	display: block;
}
.intro-text {
	width:280px;
	overflow:hidden;
	float:left;
	margin:0 0 0 0;
	display:inline;
	padding:10px 0 0;
}


#intro .photo {
	background:url(images/bg-polaroid.png) no-repeat;
	float:left;
	margin:0 15px 0 -5px;
	width:478px;
}

#intro .photo div.pic {
background-color:#999999;
width:424px;
height:280px;
margin:28px 0 0 27px;
overflow:hidden;
text-align:center;
}

#intro .photo div.buttons {
margin:20px 0 18px 0;

}


#content {
width:770px;
/*padding:0 10px;*/
}


/* Reconnect Module */

#formtop, #formmiddle, #formbottom
{
   width: 692px;
    padding: 0 30px 0 50px;
}

#formtop
{
    background: transparent url(images/form-top.png) no-repeat  0 0;
    height: 36px;
}
#formmiddle
{
    background: transparent url(images/form-middle.png)  0 0;
    margin: -25px 0 0 0;
}

	#formmiddle table
	{
	width:100%;
	}
	
	#formmiddle td
	{
	line-height:21px;
	}
	
	#formmiddle td h1, #formmiddle td h2, #formmiddle td h3, #formmiddle td h4, #formmiddle td h5
	{
	line-height:normal;
	}
	
	#formmiddle td.label
	{
	padding-right:0;
	text-align:right;
	white-space:nowrap;
	}
	
	#formmiddle td.nopad
	{
	padding:0;
	}
	
	td.optintext
	{
	padding-top:0;
	font-style: italic;
	font-size: smaller;
	}

	#formmiddle .message
	{
	text-align:center;
	}
	
	.required, .captchaErrorMsg
	{
		color: #F00;
	}
	
	.captchTextBox
	{
	   margin-top: -10px;
	}
	
	   .captchaErrorMsg
    {
        position: relative;
        top: -10px;
    }
	
		#formmiddle .pnlFriends td
		{
		text-align:center;
		}
			
			#formmiddle .pnlFriends h1
			{
			text-align:left;
			margin-left:65px;
			color:#004989;
			}
		
		#formmiddle #thanks h2
		{
		font-weight: bold; 
		text-align: center;
		color:#5A5A5A;
		font-size:1.1em;
		margin:17px 0;
		}
		
		#formmiddle #thanks h3
		{
	font-weight: bold;
	font-style: italic; 
	text-align: center;
	color:#5A5A5A;
	font-size:1em;
	margin-bottom:17px;
		}
		

#formbottom
{
    background: transparent url(images/form-bottom.png) no-repeat 0 0;
    height: 91px;
    margin-top: -18px;
}





	
   /* 
   
    .btnForm
    {
        position: relative;
        top: -20px;
    }
 
    .footnote
    {
        padding: 15px 40px 15px 30px;
    }
    .formText
    {
        margin-left: 25px;
    }*/
