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

body{
	background:#02c3f3 url(images/bg_header.jpg) repeat-x;
	padding:0;
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	line-height:150%;
}

#header{
	width:754px;
	height:239px;
	background:url(images/header.jpg) no-repeat;
	margin:0 auto;
	padding:0;
}

#nav{
	width:754px;
	height:57px;
	background:#f4a74a url(images/bot_navi.jpg) bottom no-repeat;
	margin:0 auto;
}

#nav ul{
	width:754px;
	list-style:none;
	padding:0;
	margin:0;
}

#nav ul li{
	float:left;
	margin:0;
}

#nav ul li a{
	padding:15px;
	color:#FFF;
	text-decoration:none;
	display:block;
}

#nav ul li a:hover{
	color:#FF0;
	text-decoration:underline;
	background:#e69228;
}

#content-wrap{
	width:720px;
	background:#f06ea9;
	border-left:#f8cde1 solid 4px;
	border-right:#f8cde1 solid 4px;
	margin:0 auto;
	clear:both;
	border-bottom:#f8cde1 solid 4px;
}

#content-left{
	width:440px;
	background:#f391bd;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	float:left;
	margin:15px;
	padding:20px;
	text-align:justify;
}
#content-left h2{
	color:#fff100;
	margin: 0;
}

.yellow{
	color:#fff100;
	font-weight:bold;
}

#content-right{
	padding:0;
	margin:0;
	float:right;
	display:block;
	width:210px;
}

#rightmenu{
	width:195px;
	background:#fff89e url(images/fbc_corner_bot.jpg) no-repeat bottom;
	padding-bottom:30px;
	padding-top:0px;
	margin:0px 15px 0 0;
	color:#af9152;
}
#rightmenu ul{
	background: url(images/fbc_corner.jpg) no-repeat top;
	list-style:none;
	padding:60px 0 0 0;
	margin:0;
}

#rightmenu ul li{
	margin:0;
	margin:0 22px;
}
#rightmenu ul li a{
	color:#af9152;
	text-decoration:none;
	display:block;
	padding:5px;
	margin:0;
}
#rightmenu ul li a:hover{
	color:#fff;
	background:#af9152;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	text-decoration:underline;
}

#rightmenu2{
	width:195px;
	background:#c1e8f9 url(images/fbc_news_bot.jpg) no-repeat bottom;
	padding-bottom:30px;
	float:right;
	padding-top:0;
	margin:15px 15px 0 0;
	color:#73aedd;
}
#rightmenu2 ul{
	background: url(images/fbc_news.jpg) no-repeat top;
	list-style:none;
	padding:60px 0 0 0;
	margin:0;
}

#rightmenu2 ul li{
	margin:0;
	margin:0 22px;
}
#rightmenu2 ul li a{
	color:#73aedd;
	text-decoration:none;
	display:block;
	padding:5px;
	margin:0;
}
#rightmenu2 ul li a:hover{
	color:#fff;
	background:#73aedd;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	text-decoration:underline;
}


#rightmenu3{
	width:195px;
	background:#cedfb1 url(images/fbc_promo_bot.jpg) no-repeat bottom;
	padding-bottom:30px;
	float:right;
	padding-top:0;
	margin:15px 15px 0 0;
	color:#739b3f;
}
#rightmenu3 ul{
	background: url(images/fbc_promo.jpg) no-repeat top;
	list-style:none;
	padding:60px 0 0 0;
	margin:0;
}

#rightmenu3 ul li{
	margin:0;
	margin:0 22px;
}
#rightmenu3 ul li a{
	color:#739b3f;
	text-decoration:none;
	display:block;
	padding:5px;
	margin:0;
}
#rightmenu3 ul li a:hover{
	color:#fff;
	background:#739b3f;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	text-decoration:underline;
}

#footer-wrap{
	width:720px;
	background:#5d2d7f;
	border-left:#f8cde1 solid 4px;
	border-right:#f8cde1 solid 4px;
	border-bottom:#f8cde1 solid 4px;
	border-top:#000 solid 1px;
	margin:0 auto;
	clear:both;
}

#footer-box{
	width:680px;
	margin:10px;
	padding:10px;
	background: #462467;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	text-align:center;
	clear:both;
}

form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0 auto;
	width:400px;
	padding:14px;
}
	/* ----------- basic ----------- */
	#basic{
		border:solid 2px #DEDEDE;
	}
	#basic h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#basic p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
		padding-bottom:10px;
	}
	#basic label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#basic .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#basic input{
		float:left;
		width:200px;
		margin:2px 0 30px 10px;
	}
	#basic button{ 
		clear:both;
		margin-left:150px;
		background:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
	}


	/* ----------- stylized ----------- */
	#stylized{
		border:solid 3px #ee6ca7;
		background:#ffd3e6;
		margin: 0;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
		color: #662d91;
	}
	#stylized p{
		font-size:11px;
		color:#ee6ca7;
		margin-bottom:20px;
		border-bottom:solid 1px #ee6ca7;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
		color: #662d91;
	}
	#stylized .small{
		color:#ee6ca7;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #ee6ca7;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#stylized button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#ee6ca7 url(img/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}
.button{ 
		width:125px;
		height:31px;
		background:#ee6ca7 url(img/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}