﻿@import url("layout.css");
@import url("typography.css");
@import url("ca-navbar.css");

/* Kiwanins Content Skin Package for interior pages */

/* -------------End Differs from Brand-Home */



/* CSS Document */

/* Color Palette

Dark Blue #072F67
		60% #6A82A4  (dominate)
		20% #CDD5E1

GOLD (PMS 872) #8C734A
		80% #A38F6E
		50% #C6B9A4
		20% #E8E3DB
		
Orange (Links)	#FF9900

 */

html {
background:#A38F6E url(../images/bg_interior.gif) repeat-y center top;
}

body {
	position:relative;
	width:820px;
	margin:0 auto;
	text-align:left;
}

blockquote {
color:#6A82A4;
font-family: Arial, Helvetica, sans-serif;
}

#header {
background:#A38F6E url(../images/bg_head-interior.jpg) no-repeat center top;
color:white;
z-index:50;
}

#branding {
position:absolute;
left:540px;
bottom:0;
}

#branding h1 {
width:253px;
height:85px;
background:transparent url(../images/kiwanis-interior.png) no-repeat left top;
color:#6A82A4;
font-size:1.1em;
text-indent:-9999px;
}

#branding blockquote {
margin:0;
color:white;
font-size:1.1em;
font-family:Arial, Helvetica, sans-serif;
}

#branding white {
color:#6A82A4;
font-size:1.1em;
}

#crumbs {
padding-bottom:10px;
padding-left:10px;
}

#crumbs a {
padding-right:5px;
}

#content {
padding-top:10px;
*/ padding-top: 46px;
background:white;
}

#content ul li, #content ul ol {
margin-left:15px;
}


#content table.softlaunch {
border:solid #6A82A4 2px;
margin-top:10px;
margin-bottom:10px;
}

#content table.softlaunch th {
background-color:#6A82A4;
text-align:left;
color:white;
border:solid 1px;
border-color:#6A82A4 #CDD5E1 #CDD5E1 #6A82A4;
padding:5px;
}

#content table.softlaunch tr {
vertical-align:top;
}

#content table.softlaunch td {
padding:5px;
border:solid #6A82A4 1px;
}

/*#content table {
border:solid #6A82A4 2px;
margin-top:10px;
margin-bottom:10px;
}

#content th {
background-color:#6A82A4;
text-align:left;
color:white;
border:solid 1px;
border-color:#6A82A4 #CDD5E1 #CDD5E1 #6A82A4;
padding:5px;
}

#content tr {
vertical-align:top;
}

#content td {
padding:5px;
border:solid #6A82A4 1px;
}*/

.highlite {
background-color:#CDD5E1;
}

.highlite-two {
background-color:#FFE0A3;
}





#content_interior {
float:left;
width:477px; /* -5 extra pixels for float clear - all of it is not necessary */
padding:0 5px 0 10px;
}

#content_interior h1, #content_interior h3, #content_interior_full h1, #content_interior_full h3 {
color:#6A82A4;
}

#content_interior_full {
float:left;
width:631px; /* -5 extra pixels for float clear - all of it is not necessary */
padding:0 5px 0 10px;
}

#info {
margin-left:497px;
width:154px;
	background:#E8E3DB url(../images/bg_info-bottom.gif) no-repeat left bottom;
	z-index:25;
}

#info ol li{ list-style: none;}

#info h2 {
background:#8C734A url(../images/bg_info-top.gif) no-repeat left top;
color:white;
margin-bottom:5px;
}

#info h1, #info h2, #info h3, #info h4, #info h5, #info h6, #info p, #info ul, #info ol, #info_callouts {
padding-left:5px;
padding-right:5px;
}






.imageleft {
float:left;
margin:.3em 5px 5px 0;
}

.imageright {
float:right;
margin:.3em 0 5px 5px;
}

a img {
border:0;
}

a, a:link {
color:#669900;
text-decoration:underline;
}

a:visited {
color:#669900;
text-decoration:none;
}

a:hover {
color:#8C734A;
text-decoration:none;
}

a:active {
color:#072F67;

}
 
#header {
color:white;
z-index:50;
}

#header a, #header a:visited, #header a:active {
color:white;
text-decoration:underline;
}

#header a:hover {
text-decoration:none;
}

#tools_login a {
	background:transparent url(../images/tools_login.gif) no-repeat left center;
	padding-left:24px;
	display: block;
}


#tools_find-club a {
background:transparent url(../images/tools_find.gif) no-repeat left center;
padding-left:24px;
display: block;
}

#tools_search form input {
color:#6A82A4;
font-size:.9em;
vertical-align:middle;
padding-left:5px;
}

#wrapper {
background:white url(../images/bg_leftcol.gif) repeat-y left top;
}


#logo {
position:absolute;
left:10px;
bottom:100px;
}

#content_brand {
background:transparent url(../images/boy-green.jpg) no-repeat left top;
position:absolute;
left:596px;
top:-81px;
width:148px;
height:392px;
}

div#content_main {
border-bottom:solid #8C734A 1px;
padding-bottom:10px;
margin-bottom:10px;
z-index:50;
}

#content_intro h2 {
color:#072F67;
}

#content_intro p {
margin-right:58px;
}

#countdown {
background:#6A82A4 url(../images/bg_countdown.gif) no-repeat right top;
color:white;
}

#site_info, #site_info a, #site_info a:visited, #site_info a:hover, #site_info a:active  {
background-color:#A38F6E;
color:white;
}


/* Left Navigation */

div#nav_main {
margin-bottom:200px;
background:#6A82A4;
}


#nav_main, #nav_main ul {
z-index:1000;
*/ margin: 18px 0 0 0;
}

#nav_main li {
float: left;
}

.child_list_menu ul li a{background: #A38F6E !important;}
.child_list_menu ul li a:hover{	background: #6A82A4 !important;}
.child_list_menu a{background: #6A82A4 url(../images/arrow-blue.gif) no-repeat right center !important;}
.child_list_menu a:hover{	background:#A38F6E url(../images/arrow-tan.gif) no-repeat right center !important;}

#nav_main li a {
width:149px;
display: block;
background:#6A82A4;
color:white;
text-decoration: none;
border-bottom: 1px solid white;
padding: 2px 4px;
}

#nav_main li a:hover{
color:#FFFFFF;
background:#A38F6E;
}

#nav_main li#nav_donate a {
background:transparent url(../images/donate_now.gif) no-repeat center top;
text-indent:-9999px;
border:0;
height:26px;
position:relative;
top: 20px;
}



/*ie7-override*/

/* CSS Document */

#brand-four { /* this is to stop the header image from scrolling Home Page */
	background:transparent url(../images/bg_header.jpg) no-repeat left top;
	position:absolute;
	left:-250px;
	top:0;
	width:1320px;
	height:171px;
}

#tools_login a { /* keeps button icons from dissapearing */
margin-left:0em;
}

li#tools_login { /* adds space between buttons */
margin-left:1em;
}

/*End ie7-override*/




.normal, .Normal{font-family: Arial, Helvetica, sans-serif; color:#333; font-size: 1em;}
.NormalDisabled {font-family: Arial, Helvetica, sans-serif;color:#333; font-size: 1em;}
.NormalBold {font-family: Arial, Helvetica, sans-serif; color:#333; font-size: 1em;font-weight: bold;}
.NormalRed {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1em;color: #990000;}
.Normal td{font-family: Arial, Helvetica, sans-serif; color:#333; font-size: 1em;}
.NormalTextBox {font-family: Arial, Helvetica, sans-serif;color:#333; font-size: 1em;}


.current_date{
	font: Arial, Helvetica, sans-serif;
	color: #fff;
}


.NoChild IMG
{
	height:0px;
	width:0px;
}

.locatorRequiredInformation
{
	font-size: 1em;
}

.TMinusClass {
color:white;
}

.hoofdmenu a{font-family: Arial, Helvetica, sans-serif; color:#ffffff; font-size: 1em;text-decoration:none;background-image:url('../images/bg-menu.gif');background-repeat: repeat-y;background-position: right;}
.hoofdmenu a:hover{font-family: Arial, Helvetica, sans-serif; color:#ffffff; font-size: 1em;text-decoration:none;background-image:url('../images/bg-menu.gif');background-repeat: repeat-y;background-position: right;}
.submenu a{font-family: Arial, Helvetica, sans-serif; color:#ffffff; font-size: 1em;text-decoration:none;background-image:url('../images/bg-submenu.gif');background-repeat: repeat-y;background-position: right;}
.submenu a:hover{font-family: Arial, Helvetica, sans-serif; color:#ffffff; font-size: 1em;text-decoration:none;background-image:url('../images/bg-submenu.gif');background-repeat: repeat-y;background-position: right;}

.tekstbox
{
	font-family:Arial, Helvetica, sans-serif; 
	color:#333333; 
	font-size: 1em;
	text-decoration:none;
	border-style:solid;
	border-color:#6A82A4;
	border-width:thin;  
}  