/* GENERAL STYLES */
/*
	Milna 2a
*/

body {
	font: 13px/1.5 "Helvetica", Arial, Helvetica, sans-serif;
	color: #000;
	background: #68d200 url(/data/Assets/images/img_bg1.gif) repeat-x fixed;
}

#container {
	width: 800px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
	background-color: #fff;
}

/* @group Header*/

#headerHome {
	width:  800px;
	height: 130px;
	margin:0;
	padding: 0;
	background: url(/data/Assets/images/img_headerHome2.gif) no-repeat;
}

#headerTypical {
	width:  800px;
	height: 130px;
	margin:0;
	padding: 0;
	background: url(/data/Assets/images/img_headerHome2.gif) no-repeat;
}

#headerLogo {
	width:  100px;
	height: 45px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/data/Assets/images/img_headerLogo.gif);
}

#headerLogo a {
	display: block;
	width:  100px;
	height: 45px;
}
/* @end */

/* @group Mainmenu */
#mainmenu {
	width: 640px;
	height: 0;
	margin: 0 auto 0 auto;
	padding: 5px 0 0 0;
}
#nav {
	margin: 0;
	padding: 0;
	font-family: Optima, Tahoma, Arial, Helvetica, Geneva, sans-serif;
	list-style: none;
	z-index:900;
}
.active {
	display: block;
	width: 80px;
	height: 80px;
	background-image: url(/data/Assets/images/img_mainmenuHilite.png);
}
#nav li {
	float: left; 
	width: 80px; 
	height: 80px;
	position:relative;
	text-align: center;
}
#nav li:hover {
	background: url(/data/Assets/images/img_submenu1bg.png) repeat-y;
}
#mainmenu ul:hover {
	background: url(/data/Assets/images/img_submenu1bg.png) repeat-y;
}
#nav li a {
	width: 80px; 
	height: 20px;
	font-size: 1em;
	text-decoration:none;
	color: green;
	line-height: 0.9em;
}
#nav li a:hover {
	background: url(/data/Assets/images/img_submenu1bgHover.png) repeat-y;
}
#nav li ul {
	margin:0; 
	padding:0; 
	position: absolute; 
	width: 80px; 
	left: -100em;
	top: 1.5em;
	list-style: none;
	z-index:910;
}
#nav li li {
	background-image: url(/data/Assets/images/img_submenu1bg.png);
	height: 22px;
}
#nav li li a {
	display: block;
	width: 80px; 
	font-size: 0.8em;
	text-decoration:none;
	color: green;
	padding: 0.7em 0 0 0;
	line-height: 1.1em;
}
#nav li:hover ul, #nav li.sfh ul {
	left: 0;
}
#nav li ul ul {
	list-style: none;
	margin: -20px 0 0 80px; 
	padding: 0;
	z-index:920;
}
#nav li:hover ul ul, #nav li.sfh ul ul {
	left: -100em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfh ul, #nav li li.sfh ul {
	left: 0;
}
* html #nav {
}
/* @end */

/* @group Body Home */

#homeCover {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 385px;
}

#homeCoverText {
	clear: left;
	float: left;
	margin: 25px 0 0 25px;
	padding: 0;
	width: 200px;	
}

#homeCoverText h1 {
	font-family: Optima, Tahoma, Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.6em;
	color: green;
	margin: 0;
	padding: 0;
}

#homeCoverText p {
	font: 0.8em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000;
	margin: 12px 0 0 0;
	padding: 0;
}

#homeCoverText a {
	text-decoration: none;
	color: green;
}

#homeCoverText p a:hover {
	text-decoration: underline;
}

#homeCoverBanner {
	display:block;
	margin: 24px 0;
	padding: 0;
	width: 105px;
	height: 53px;
}

#homeCoverBanner a {
	display:block;
	width: 105px;
	height: 53px;
}




.cover2 {
	background-image: url(/data/Assets/images/img_mainCover2.jpg);
}

.cover3 {
	background-image: url(/data/Assets/images/img_mainCover3.jpg);
}

.cover4 {
	background-image: url(/data/Assets/images/img_mainCover4.jpg);
}

#bodyBanners {
	clear: right;
	float: right;
	margin: -385px 0 0 560px;
	padding: 0;
	width: 240px;
	height: 100px;
}

#bannersBayiku {
	float: left;
	position: relative;
	margin:0;
	padding: 0;
	width: 240px;
	height: 100px;
	z-index: 0;
}

#bannersBayiku h1 {
	font: bold 1.1em/0 Optima, Tahoma, Arial, Helvetica, Geneva, sans-serif;
	color: green;
	padding: 8px 0 0 7px;
	margin: 0;
}

#bannerBayiku {
	display:block;
	float: left;
	position: relative;
	width: 60px;
	height: 77px;
}

#bannerBayiku a {
	display:block;
	font: 0.8em/1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: center;
	text-decoration: none;
	padding: 55px 0 0 0;
}

#bannerBayiku a.home:hover {
	color: green;
}

#bannerBayiku a.typical:hover {
	color: #0b551c;
	text-decoration: underline;	
}

.bayiku1 {
	background: url(/data/Assets/images/img_bannerBayiku01.gif) no-repeat 7px 7px;
}

.bayiku2 {
	background: url(/data/Assets/images/img_bannerBayiku02.gif) no-repeat 7px 7px;
}

.bayiku3 {
	background: url(/data/Assets/images/img_bannerBayiku03.gif) no-repeat 7px 7px;
}

.bayiku4 {
	background: url(/data/Assets/images/img_bannerBayiku04.gif) no-repeat 7px 7px;
}

.bayikuBtn1 {
	background: url(/data/Assets/images/img_bannerBayiku01.gif) no-repeat 7px 7px;
}

.bayikuBtn2 {
	background: url(/data/Assets/images/img_bannerBayiku02.gif) no-repeat 7px 7px;
}

.bayikuBtn3 {
	background: url(/data/Assets/images/img_bannerBayiku03.gif) no-repeat 7px 7px;
}

.bayikuBtn4 {
	background: url(/data/Assets/images/img_bannerBayiku04.gif) no-repeat 7px 7px;
}

#banner {
	float: left;
	width: 240px;
	height: 72px;
	background: url(/data/Assets/images/img_bannerBg.png) no-repeat;
}

#banner a {
	font-size: .9em;
	text-decoration: none;
	color: #333333;
}

#banner a:hover {
	color: green;
}

#icon1  {
	width: 64px;
	height: 64px;
	margin: 2px 0 0 2px;
}

#icon2  {
	width: 64px;
	height: 64px;
	margin: 2px 0 0 2px;
}

#icon3  {
	width: 64px;
	height: 64px;
	margin: 2px 0 0 2px;
}

#icon4  {
	width: 64px;
	height: 64px;
	margin: 2px 0 0 2px;
}

#banner h1  {
	padding: 6px 0 0 75px;
	line-height: 0.8em;
	margin: 0;
	font: bold 1.1em/0 Optima, Tahoma, Arial, Helvetica, Geneva, sans-serif;
	color: green;
}

#banner p  {
	width: 155px;
	text-decoration: none;
	padding: 0 0 0 75px;
	font: 0.8em "Lucida Grande", Lucida, Verdana, sans-serif;
}


/* @end */

/* @group Body Typical*/

#typicalContainer {
	width: 800px;
	height: 100%;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: url(/data/Assets/images/img_typicalBg.jpg) no-repeat right bottom;
	padding: 0 0 200px 0;
}

#navigation {
	font-family: Optima, Tahoma, Arial, Helvetica, Geneva, sans-serif;
	padding: 0;
	margin: 20px 0 20px 200px;
	font-size: 0.8em;
}

#sideImage img {
	float: left;
	text-align: center;
	margin: 0 10px;
	padding: 0;
	font-size: 0.8em;
}

#typicalContainer h1 {
	font-family: Optima, Tahoma, Arial, Helvetica, Geneva, sans-serif;
	margin: 12px 100px 8px 200px;
	font-size: 1.8em;
	color: #0b551c;
}

#typicalContainer h2 {
	font-family: Optima, Tahoma, Arial, Helvetica, Geneva, sans-serif;
	margin: 12px 100px 8px 200px;
	font-size: 1.4em;
	color: #0b551c;
}

#typicalContainer h3 {
	font-family: Optima, Tahoma, Arial, Helvetica, Geneva, sans-serif;
	margin: 12px 100px 6px 200px;
	font-size: 1.2em;
	color: #0b551c;
}

#typicalContainer .caption {
	font-family: Optima, Tahoma, Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.0em;
	color: #0b551c;
}

#typicalContainer p  {
	margin: 12px 100px 6px 200px;
	font-size: 0.9em;
	text-align: left;
}

#typicalContainer a  {
	text-decoration: none;
	color: green;
}

#typicalContainer a:hover  {
	text-decoration: underline;
}

#typicalContainer table {
	display: block;
	margin: 12px 100px 6px 200px;
	font-size: 0.9em;
	text-align: left;
}

#typicalContainer table.forum {
	margin: 12px 0;
	font-size: 0.9em;
	text-align: left;
}

#typicalContainer table th {
	color: #0b551c;
	font-size: 1em;
	border: 0.1em solid silver;
}

#typicalContainer table td {
	font-size: 0.9em;
	border: 0.1em solid silver;
}

#typicalContainer form  {
	margin: 12px 100px 6px 200px;
	font-size: 0.9em;
	text-align: left;
	padding: 20px;
	background-image: url(/data/Assets/images/formBg.gif);
	border: 1px solid green;
	border-bottom-width: 4px;
}

#typicalContainer form.forumform  {
	margin: 0;
	padding: 0;
	border: 0;
}

#typicalContainer form input, textarea {
	margin: 10px 0 10px 0;
	font-size: 0.9em;
	text-align: left;
	border: 1px solid grey;
}

#typicalContainer ul, ol {
	font-size: 0.9em;
	margin: 12px 100px 6px 220px;
}

#typicalContainer li {
	display: list-item;
}

#typicalContainer li li {
	display: list-item;
	margin: 12px 100px 6px -220px;
}

#typicalContainer .star {
	margin: 0;
}

#typicalContainer object {
	margin: 12px 0 6px 200px;
	padding: 0;
}

#typicalContainerBtm {
	height: 100px;
}

/* @end */

/* @group icon */

#bannersTypical {
	display:block;
	margin: 0 0 0 200px;
	position: relative;
	width: 300px;
	height: 77px;
}

#bannerMilnaku {
	display:block;
	float: left;
	position: relative;
	width: 60px;
	height: 77px;
}

#bannerMilnaku a {
	display:block;
	font: 0.8em/1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 11px;
	color: green;
	text-align: center;
	text-decoration: none;
	padding: 75px 0 0 0;
}

#bannerMilnaku a:hover {
	color: #0b551c;
}

.milnaku1 {
	background: url(/data/Assets/images/contents/icon/bb6-aj.jpg) no-repeat 7px 9px;
}

.milnaku2 {
	background: url(/data/Assets/images/contents/icon/gm9-bmsa.jpg) no-repeat 7px 9px;
}

.milnaku3 {
	background: url(/data/Assets/images/contents/icon/mbk9-at.jpg) no-repeat 7px 9px;
}

.milnaku4 {
	background: url(/data/Assets/images/contents/icon/mbm9.jpg) no-repeat 7px 9px;
}

.milnaku5 {
	background: url(/data/Assets/images/contents/icon/toddler.jpg) no-repeat 7px 9px;
}

.milnaku6 {
	background: url(/data/Assets/images/contents/icon/preda.jpg) no-repeat 7px 9px;
}

.goodmil1 {
	background: url(/data/Assets/images/contents/icon-GM6.jpg) no-repeat 7px 9px;
}

.goodmil2 {
	background: url(/data/Assets/images/contents/icon-GM9.jpg) no-repeat 7px 9px;
}

.goodmil3 {
	background: url(/data/Assets/images/contents/icon-GMHA.jpg) no-repeat 7px 9px;
}

#bannerMainan {
	display:block;
	float: left;
	position: relative;
	width: 60px;
	height: 77px;
}

#bannerMainan a {
	display:block;
	font: 0.8em/1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 11px;
	color: green;
	text-align: center;
	text-decoration: none;
	padding: 75px 0 0 0;
}

#bannerMainan a:hover {
	color: #0b551c;
}

.mainan1 {
	background: url(/data/Assets/images/contents/icon-mainan1.jpg) no-repeat 7px 9px;
}

.mainan2 {
	background: url(/data/Assets/images/contents/icon-mainan2.jpg) no-repeat 7px 9px;
}

.mainan3 {
	background: url(/data/Assets/images/contents/icon-mainan3.jpg) no-repeat 7px 9px;
}

/* @end */

/* @group Footer*/

#footer {
	width: 800px;
	height: 24px;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Optima, Tahoma, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	color: #fef413;
	background: url(/data/Assets/images/img_footerBgTop.gif) no-repeat;
}

#footerform {
	float: left;
	margin: 2px 20px;
	padding: 0;
}

#footer input {
	border:1px solid #cccccc;
	color: black;
	font-size: 1em;
	margin: 0;
	padding: 0 2px;
	width:100px;
}

#footerformfield {
	background: #fdfa9d;
	border:1px solid #cccccc;
	color: black;
	font-size: 1em;
	margin: 0;
	padding: 0 2px;
	width:100px;
}

#footerReg {
	display: block;
	float: right;
	position: relative;
	width: 68px;
	height: 19px;
	background: url(/data/Assets/images/btn_register.gif) no-repeat;
	margin: 1px 40px 1px 0;
	padding: 0;
}

#footerReg a {
	display: block;
	width: 68px;
	height: 19px;
	margin: 0;
	padding: 0;
}

#footer ul {
	float: left;
	margin: 0 50px;
	padding: 0;
	list-style: none;
}

#footer li {
	float: left;
	position: relative;
}

#footer a {
	color: #fef413;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
}

#footer a:hover {
	color: #000000;
	text-decoration: underline;
}

#footerBg {
	width: 800px;
	height: 75px;
	background: url(/data/Assets/images/img_footerBgBtm.gif) no-repeat;
	float: left;
	margin: 0;
	padding: 0;
}

#footerBg p {
	float: leftS;
	padding: 0;
	margin: 36px auto 0 auto;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px;
	text-align: center;
	color: green;
}

#footerBg a {
	text-decoration: none;
	color: green;
}

#footerBg a:hover {
	text-decoration: underline;
	color: #000000;
}

#footerLogo {
	display: block;
	width: 90px;
	height: 45px;
	float: right;
	background-image: url(/data/Assets/images/img_footerLogo.gif);
	margin: 24px 0 0 0;
	padding: 0;
}

/* @end */

/* EDITOR PROPERTIES */