/* global
---------------------------------------------------------- */
/* remove default browser margins and paddings */
* {
	margin: 0;
	padding: 0; }
	
/* remove listing styles */
ol, ul { 
	list-style: none; }

/* select font for forms */
select, input, textarea {
	font-family: trebuchet ms, verdana, arial, helvetica, tahoma, sans-serif; }

.radio {
	display:block;
	float:left;
	margin-right:5px;
}
.radio input{
	border:none!important;
}

/* remove borders from linked images */
a img, :link img, :visited img { 
	border: none; }

/* set font for pre and code tags */
pre, code { 
	font-family: "courier new", courier, monaco, monospace; }

/* do not display horizontal ruler */
hr {
	display: none; }
	
/* clear floats */
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	position: relative;	}


	
/* headers and paragraphs
---------------------------------------------------------- */
h2 {
	background: inherit;
	color: #336699;
	font-size: 115%;
	margin-bottom: 0.7em; }
	
h3 {
	background: inherit;
	font-weight: bold;
	font-size: 95%;
	margin-bottom: 0.4em;
	color: #ba660c; }
	
#content p, #sidebar p, #content ul, #sidebar ul, #content-narrow p, #content-narrow ul{
	font-size: 85%;
	padding-bottom: 0.8em; }

#content-narrow li {clear:both; margin:5px 0px 5px 0px}

#sidebar li
{
	background: url('/images/families/arrow_left.gif') no-repeat 0px 5px;
	line-height: 150%;
	border-top: 1px solid #CFCFCF;
	margin: 0px 10px 15px 10px;
	padding: 5px 0px 0px 15px;
	font-size:80%;
}	

#sidebar li.required
{
	background: url('/images/families/requested.gif') no-repeat 13px 7px;
	padding-left: 30px;
	height:30px
}
/* formulars
---------------------------------------------------------- */
label, .label
{
	font-size:120%;
	color:#cc6600;
	float:none;
	display:block;
	margin-top:5px;
}
.label {
	display:inline;
	font-size:88%;
}

.required
{
	display:block;
	height: auto;
	padding-left: 7px;
	margin: 0 0 0 0;
	background: url('/images/families/requested.gif') no-repeat 0px 1px;
}
input {
	height:19px;
	padding:2px;
	border:1px solid #CFCFCF;
}

input.reset
{
	height: 25px;
}

input.save_button, button.save_button, a.save_button
{
	border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 10px 0 0; 
  text-align:center;
  background:url('/images/button_right.png') right no-repeat; 
  _background:url('/images/button_right.gif') right no-repeat; 
  font-size:92%!important; 
  text-decoration:none!important;
  color:#fff!important;
  .width:auto; 
  .overflow:visible;
}

a.save_button, a.save_button span, a.cancel_button, a.cancel_button span { float: left; }

.save_button span
{
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 11px;
  height:20px; 
  line-height:20px;
  background:url('/images/button_left.png') left no-repeat;
  _background:url('/images/button_left.gif') left no-repeat;
  color:#fff; 
  font-family: Verdana, sans-serif;
  .margin-top: 1px;
}

.save_button:hover
{
	background:url('/images/button_hover_right.png') right no-repeat; 
	_background:url('/images/button_hover_right.gif') right no-repeat; 
}

.save_button:hover span
{
  background:url('/images/button_hover_left.png') left no-repeat;
  _background:url('/images/button_hover_left.gif') left no-repeat;
}

.fieldWithErrors ul { margin:0px; display:block; position:relative}

li.error {
	color:#CC6600;
	font-size:80%;
	margin-left:10px;
}
.small {
	font-size:80%;
}

/* structure
---------------------------------------------------------- */
body {
	background: #fff;
	color: #333;
	font: 100% Verdana, Tahoma, Helvetica, Arial, Geneva, sans-serif;
	text-align: center; }
   
#wrapper {
	width: 56.25em;
	background: #eee;
	color: #333;
	margin: auto;
	text-align: left; }
	
/* header
---------------------------------------------------------- */
#header {
	position: relative;
	background: #d9d9d9 url(/images/homepage/bg-header.gif) repeat-x top left;
	color: #333;
	height: 5.38em;
	border-bottom: 1px solid #fff;
	border-top: 5px solid #96ab28; }
		
#header h1 {
	font-size: 125%;
	height: 59px;
	font-weight: bold;
	overflow: hidden;
	position: absolute;
	top: 11px;
	left: 26px;
	width: 186px; }

	#header h1 a {
		display: block;
		height: 59px;
		width: 186px;
		color: #333; }
			
		#header h1 a:hover {
			text-decoration: none;
			color: #96ab28;
			cursor: pointer; }
				
	#header h1 span {
		background: url(/images/homepage/logo.gif) no-repeat top left;
		cursor: pointer;
		display: block;
		overflow: hidden;
		position: absolute;
		height: 59px;
		left: 0;
		top: 0;
		width: 186px; }
			
#header ul {
	position: absolute;
	right: 0;
	width: 31.44em;
	display: block;
	height: 1.44em;
	background: #fff url(/images/homepage/bg-nav.gif) no-repeat top right;
	color: #333;
	top: 0; }
	
	#header ul li {
		float: right;
		font-size: 70%;
		font-weight: bold;
		text-align: right;
		padding: 0.25em 0.48em 0 1.2em;
		background: transparent url(/images/homepage/li-nav.gif) no-repeat 0 0.6em; }
		
		#header ul li.first {
			background: none; }
			
		#header ul li.last {
			padding-right: 2.9em; }
			
		#header ul a:link, #header ul a:active, #header ul a:visited {
			background: #ddd;
			text-decoration: none;
			color: #333; }
			
		#header ul a:hover {
			text-decoration: underline; }
			
#header .join {
	position: absolute;
	right: 1.5em;
	
	overflow: hidden;
	height: 50px;
	top: 2.26em; }
html>body .join {
	right: 1.88em;

}
.padded-box2 p {
width: 300px;
  font-size: 11px;
  float:left;
  margin-right: 1em;
  text-align:right;
}
.padded-box2 a {background:none;}
/* navigation
---------------------------------------------------------- */
#nav {
	position: relative; }

#nav ul {
	height: 2.19em;
	padding-left: 0.4em;
	background: #788824 url(/images/homepage/bg-nav2.gif) repeat-x top left;
	color: #fff; }
	
	#nav ul li {
		float: left;
		font-size: 80%;
		font-weight: normal;
		text-align: right;
		padding: 0.71em 0.88em 0.75em 1.3em;
		background: url(/images/homepage/li-nav2.gif) no-repeat 0 1.15em; }
		
		#nav ul li.first {
			background: none; }
			
		#nav ul li.last {
			padding-right: 2.9em; }
			
		#nav ul a:link, #nav ul a:active, #nav ul a:visited {
			text-decoration: none;
			background: transparent;
			color: #fff; }
			
		#nav ul a:hover {
			text-decoration: none;
			color: #333; }
			
		#nav ul li.current {
			background: transparent url(/images/homepage/bg-nav2-current.gif) no-repeat bottom center; }
			
#nav .login {
	position: absolute;
	right: 1.38em;
	text-align: right;
	width: 122px;	
	overflow: hidden;
	height: 22px;
	top: 0.45em; }
	
/* content
---------------------------------------------------------- */
	#contentwrapper {
		background: #eee url(/images/homepage/bg-content.gif) no-repeat top left;
		color: #333;
		border-top: 1px solid #fff;
		padding-top: 2.88em; }
		
		#content {
			width: 39.69em;
			background: #eee;
			color: #333;
			margin-left: 1.25em;
			
			padding-bottom: 1em;
			float: left; }
			
			#content-notes {
				float: left; 
				width: 8.25em;
				text-align: center;
			}
			
			#content-notes p {
				font-size: 65%;
				text-align: left;
				padding: 10px;
			}
			
			#content-narrow {/*login pages with big left margin*/
			/*width: 39.69em;*/
			width: 32.69em;
			background: #eee;
			color: #333;
		
			padding-bottom: 1em;
			float: left; }
			
	/* main images
	---------------------------------------------------------- */
			.main-img {
				border: 1px solid #cabeb9;
				background: #fff;
				padding: 3px;
				width: 627px;
				height: 225px;
				margin-bottom: 1.50em; }
				
			img.splash_promo {
				border: 1px solid #cabeb9;
				background: #fff;
				padding: 0px;
			}
				
			.box-outter-wrap {
				border: 1px solid #cabeb9;
				margin-bottom: 1.50em; }
		
				.box-outter {
					background: #ebebea url(/images/homepage/bg-images.gif) repeat-x top left;
					color: #eee;
					height: 11.2em;
					padding: 28px 0 18px 30px;
					border: 3px solid #fff; }
			
					.box-inner {
						background: transparent url(/images/homepage/bg-box.gif) no-repeat top left;
						width: 180px;
						height: 179px;
						float: left;
						padding: 1px 9px;
						overflow: hidden; }
				
						.box-img {
							padding: 3px;
							background: #fff;
							width: 142px;
							height: 92px;
							margin-top: 0.63em;
							border: 1px solid #cdc1bd; }
					
							.box-title {
								margin: 11px 0 0 7px; }
								
		/* column one
		---------------------------------------------------------- */
			.col1 {
				width: 11.81em;
				background: #eee;
				color: #333;
				border-right: 1px solid #ccc;
				padding-right: 1em;
				margin-left: 1.06em;
				float: left; }
			
				.col1 ul li {
					padding-bottom: 0.8em;
					background: url(/images/homepage/bullet_green.gif) no-repeat 0 0.2em;
					padding-left: 1em; }
					
		/* column two
		---------------------------------------------------------- */
			.col2 {
				width: 23.69em;
				background: #eee;
				padding-right: 1em;
				color: #333;
				margin-left: 1.06em;
				float: left; }
				
				.col2 ul li {
					padding-bottom: 0.2em;
					background: url(/images/homepage/bullet_green.gif) no-repeat 0 0.2em;
					padding-left: 1em; }
					
					.col2 .more {
						margin-bottom: 0.5em; }
/* sidebar
---------------------------------------------------------- */
		#sidebar {
			width: 13.56em;
			margin-left: 0.50em;
			margin-right: 1.25em;
			float: left; }
			
/* kinzin ad (sidebar)
---------------------------------------------------------- */

#kinzin_ad{
    width: 216px;
    height: 234px;
    background: transparent url(/images/homepage/kinzin_ad_background.png) no-repeat top right;
    behavior: url(/stylesheets/iepngfix.htc);
    padding-bottom: 16px;
}

#kinzin_ad h3{
    text-align: center;
    font-family: "Trebuchet MS";
    font-size: 100%; /* 13px */
    font-weight: normal;
    color: white;
}

#kinzin_ad a{
    display: block;
    position: relative;
    text-align: center;
    left: 16px;
    top: 36px;
    width: 184px;
    height: 84px;
    margin: 0px;
    padding: 0px;
    padding-top: 6px;
    font-family: "Trebuchet MS";
    font-size: 153.9%; /* 20px */
    background: transparent url(/images/homepage/kinzin_ad_button.png) no-repeat top right;
    behavior: url(/stylesheets/iepngfix.htc);
    color: white;
    font-weight: bold;
    text-decoration: none;
}

#kinzin_ad h4{
    text-align: center;
    font-family: Verdana;
    font-size: 100%; /* 13px */
    color: white;
    font-weight: bold;
}

#kinzin_ad p{
    text-align: center;
    font-family: Verdana;
    font-size: 77%; /* 10px */
    color: white;
    font-weight: normal;
    padding: 10px;
}

/* are you normal join ad (sidebar)
---------------------------------------------------------- */

#ayn_ad{
    width: 216px;
    height: 328px;
    background: transparent url(/images/ayn/ayn_advertisement_background.png) no-repeat top right;
    behavior: url(/stylesheets/iepngfix.htc);
    padding-bottom: 16px;
}

#ayn_ad h3{
    text-align: center;
    font-family: "Trebuchet MS";
    font-size: 100%; /* 13px */
    font-weight: normal;
    color: white;
}

#ayn_ad a{
    display: block;
    position: relative;
    text-align: center;
    font-family: Verdana;
    font-size: 108%; /* 14px */
    color: #996633;
    font-weight: bold;
    text-decoration: underline;
    padding-top: 10px;
}

#ayn_ad h4{
    text-align: center;
    font-family: "Trebuchet MS";
    font-size: 153.9%; /* 20px */
    padding-top: 74px;
    color: black;
    font-weight: bold;
}

#ayn_ad h4 span{
    color: #3B5998;
}

#ayn_ad p.tryit{
    text-align: center;
    font-family: Verdana;
    font-size: 77%; /* 10px */
    color: black;
    font-weight: normal;
    padding: 10px;
}

#ayn_ad p.quibble{
    text-align: center;
    font-family: Verdana;
    font-size: 77%; /* 10px */
    color: black;
    font-weight: normal;
    padding: 0px;
}

#ayn_ad p.wacky{
    text-align: center;
    font-family: Verdana;
    font-size: 77%; /* 10px */
    color: black;
    font-weight: normal;
    padding: 15px;
    line-height: 16px;
}

			
/* footer
---------------------------------------------------------- */
		#footer {
			background: #fff url(/images/homepage/bg-footer.gif) no-repeat top left;
			border-top: 5px solid #96ab28;
			height: 2.50em;
			color: #333; }
			
			#footer ul {
				padding: 2px 0;
				font-size: 70%; }

				#footer li {
					float: left;
					padding: 0.7em 0.5em 0 1em;
					background: url(/images/homepage/li-footer.gif) no-repeat 0 0.8em; }
		
					#footer li.first {
						background: none; }
			
					#footer li a:link, #footer li a:active, #footer li a:visited {
						background: transparent;
						text-decoration: none;
						color: #fff; }
			
					#footer li a:hover {
						text-decoration: underline; }
			
					#footer p {
						font-size: 70%;
						color: #333;
						float: right;
						padding: 0.7em 10.7em 0 0; }


/* Style the flash div */
#flash div.error, #flash div.notice, #welcome_msg div.notice
{
	background: #D1EBF1;
	padding: 13px;
	margin: 10px;
	padding-left: 40px;
	background-image: url('/icons/mascot.gif');
	background-position: 10px 10px;
	background-repeat: no-repeat;
}
.requested_sign
{
	display: block;
	height: 24px;
	padding-left: 7px;
	background: url('/images/families/requested.gif') no-repeat 0px 0px;
	float: left;
}

.requested_sign input
{
	height: 16px;
	border: 1px solid #CFCFCF;
	padding: 3px;
	font-size:120%;
}