* { margin: 0; padding: 0; }

body { margin: 0; padding: 0; font-family: "Trebuchet MS", Arial, Verdana, "Times New Roman", Times, serif; font-size: 13px; color: #666666; background:#9DCA4E; }

h1, h2, h3 { display: inline; color: #0283BE; font-weight: normal; font-size: x-small; font-style: normal; }

a { text-decoration: none ; color: #f9ffb8; }

a:hover { color: #cbe73a; }

img { border: none; }


#container { margin: 0 auto; padding: 0; width: 100%; }

#top { margin: 0; padding: 0; border-bottom: 1px #004a80 solid; width:100%; background: #e9ece1; }

#top a { color: #0283BE; }

#top-content { margin: 0 auto; padding: 0; width: 950px; height: 20px; }

#top-left { float: left; margin: 0; padding: 0; width: 50%; text-align: left; }

#top-right { float: right; margin: 0; padding: 0; width: 50%; text-align: right; }


#header { margin: 0; padding: 0; width: 100%; background: url(../images/background.jpg) top repeat-x; }

#header-content { position: relative; margin: 0 auto; padding: 0; width: 950px; height: 260px; background: url(../images/header-image.jpg) top no-repeat; }

#header .help { position: absolute; right: 0; display: block; margin: 30px 10px 0; padding: 120px 0 0; width: 150px; height: 30px; background: url(../images/help.png) center no-repeat; text-align: center; font-weight: bold; }



#menu { margin: 0; padding: 204px 0 0; width: 100%; height: 40px;}

#menu ul { margin: 0; padding: 10px 0 0 10px; list-style: none; width: 940px; height: 30px;}

#menu li { display: block; float: left; margin: 0; width: 140px; background: url(../images/separator.jpg) center right no-repeat}

#menu li a:hover { color: #FFF; background: url(../images/background-menu-item_over.jpg) center no-repeat;}

#menu li a { display: block; margin: 0; padding: 5px 0; width: 140px; height: 20px; font-size: 14px; font-weight: bolder; text-align: center; text-decoration: none ; color: #424242;}


#content { margin: 0 auto; padding: 0; width: 950px; }

#content a { display: block; padding: 0 0 7px 10px; font-size: 14px; text-decoration: none ; color: #f9ffb8; background: url(../images/arrow.gif) top left no-repeat; }

#content a:hover { color: #cbe73a; }

#content .links { padding: 10px 0; border-bottom: 1px #C6E83A dotted; }

#content .links-no-border { padding: 10px 0; border-bottom: none; }

#content .big { margin: 10px auto; padding: 6px 5px; width: 170px; height: 18px; font-size: 14px; font-weight: bolder; text-align: center;  color: #FFF; background: url(../images/background-title.png) center; }

#content .category { display: block; margin: 20px auto 0; padding: 6px 5px; width: 140px; height: 18px; font-size: 14px; font-weight: bolder; text-align: center;  color: #424242; background: url(../images/background-category.png) center; }

#content h2 { display: block; padding: 0px 10px; height: 25px; font-size: 18px; font-weight: bold; text-align: justify; color: #f9ffb8; border: 1px solid #8db546; background: #8db546 }

#content h3 { padding: 0; font-size: 15px; font-weight: bold; text-align: justify; color: #f9ffb8; }

#content .answer-name { float: left; margin: 0; padding: 0; text-decoration: none; }

#content .answer-date { float: right; margin: 0; padding: 5px 0; font-size: 10px; text-decoration: none; color: #FFF;}

#content .answer-ctnr { margin: 0 0 10px; padding: 10px; }

#content .answer-ctnt { margin: 10px 0 5px 25px; padding: 0; }

#content .question { margin: 5px 0 0 25px; padding: 5px 0 0; }

#content .answer-optn { height: 20px; }


#content-content { margin: 0 ; padding: 0; border-top: 1px solid #C6E83A; border-bottom: 1px solid #C6E83A; width: 100%; background:#9DCA4E }

#content-left { margin: 0; padding: 25px 10px 25px 0; width:190px; }

#content-title h1 { display:block; padding: 22px 0; font-size: 20px; font-weight: bold; text-align: justify; color: #f9ffb8; }

#content-center { margin: 0; padding: 5px 25px 10px; height: auto; font-size: 14px; text-align: justify; color: #fff;}

#content-center a { display: inline; padding: 5px 0; background: none; }

#content-center li { list-style: inside; }

#content-center .image { float: right; margin: 5px 5px 5px 25px; }

#content-center #form { display: block; padding: 10px 0 20px; text-align: left; }

#content-center .form-label { display: block; float: left; margin-right: 25px; padding: 0; width: 110px; text-align: left;}

#content-center .form-text-field { width: 390px; height: 30px; }

#content-center .form-area-field { width: 390px; height: 80px; }

#content-center .form-text { display: block; float: right; padding: 3px 5px; border: 1px solid #8db546; width: 230px; height: 15px; background: #ededed;}

#content-center .form-area { display: block; float: right; padding: 3px 5px; border: 1px solid #8db546; width: 230px; height: 70px; background: #ededed;}

#content-center .form-code { display: block; float: right; margin: 5px 0 0 5px; padding: 3px 5px; border: 1px solid #8db546; width: 110px; height: 15px; background: #ededed;}

#content-center .form-code-img { display: block; float: right; margin: 5px 0 0 8px; padding: 0; border: 1px solid #8db546; width: 110px; height: 21px; background: #ededed; cursor: pointer;}

#content-center .form-bttn { margin: 0 0 0 220px; border: 1px solid #8db546; padding: 2px; width: 100px; height: 25px; text-align: center; font-weight: bold; color: #424242; cursor: pointer; }

#content-center .add-bttn { float: right; margin: 0 10px; border: none; padding: 0 15px 0 20px; font-size: 12px; text-decoration: none ; color: #FFF; background: url(../images/button_add.gif) left center no-repeat }

#content-center .dlt-bttn { float: right; margin: 0 10px; border: none; padding: 0 5px 0 20px; font-size: 12px; text-decoration: none ; color: #FFF; background: url(../images/button_delete.gif) left center no-repeat }

#content-center .edt-bttn { float: right; margin: 0 10px; border: none; padding: 0 5px 0 20px; font-size: 12px; text-decoration: none ; color: #FFF; background: url(../images/button_edit.gif) left center no-repeat }

#content-right { margin: 0; padding: 10px 10px; width: 150px; background: #8db546; }

#site-map-left { float: left; }

#site-map-right { float: right; }

#site-map-left, #site-map-right { list-style: none; }

#map { border: 2px solid #8db546; width: 530px; height: 300px; color: #121212; }
#map a { color: #444; }


#footer { margin: 0 auto; padding: 0 10px; width: 930px; font-size: 12px; text-align: right; }

#footer-content { margin: 0; padding: 15px 0 0 0; width: 100%; color: #fff; }

#content-center .expandable { display: none; }

#content-center .expandable-link { display: block; padding: 2px 0; width: 130px; font-size: 16px; font-weight: bolder;
background: url(../images/arrow-down.gif) center right no-repeat; }


#thickbox { position: absolute; z-index: 100; position: fixed; display: none; visibility: hidden; top: 0; left: 0; width: 100%; height: 2000px;}

#thickbox-background { position: absolute; z-index: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; filter: alpha(opacity=80);}

#thickbox-container { position: absolute; z-index: 10; width: 550px;}


#thickbox-header { margin: 0; padding: 15px; border-bottom: 1px solid #9DCA4E; text-align: center; font-size: 24px; color: #C6E83A;}

#error { margin: 0 0 10px 0; color: red;}

#thickbox-content { margin: 0; padding: 30px 5px; max-height: 350px; background: center left no-repeat; overflow: auto;}

#thickbox-content .text-fields { padding: 0 0 0 150px; width: 390px;}

#thickbox-content .text-field { float: right; margin: 0; padding: 0 3px; border: 1px solid #999; width: 230px; height: 16px;}

#thickbox-content .area-field { float: right; margin: 0; padding: 0 3px; border: 1px solid #999; width: 230px; height: 70px;}

#thickbox-content .text-field-age { margin: 0; padding: 0 3px; border: 1px solid #999; width: 15px; height: 16px;}

#thickbox-content .text-field-location { margin: 0; padding: 0 3px; border: 1px solid #999; width: 115px; height: 16px;}

#thickbox-content .label { float: left; margin: 1px 0; padding: 0; border: none; width: 115px; height: 14px;}

#thickbox-content .row { margin: 0; padding: 0; border: none; width: 100%; height: 24px;}

#thickbox-content .row_bordered { margin: 10px 0; padding: 20px 0 0; width: 100%; height: auto;}

#thickbox-content .area { margin: 0; padding: 0; border: none; width: 100%; height: 78px;}

#thickbox-content .text { padding: 3px 0; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}

#thickbox-content p { text-indent: 20px; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}


#thickbox-footer { margin: 0; padding: 15px; border-top: 1px solid #9DCA4E; text-align: center;}

.button-ok { margin: 0 5px; border: none; width: 50px; height: 50px; background: url(../images/button_ok.png); cursor: pointer;}

.button-cancel { margin: 0 5px; border: none; width: 50px; height: 50px; background: url(../images/button_cancel.png); cursor: pointer;}

.button-back { margin: 0 5px; border: none; width: 50px; height: 50px; background: url(../images/button_back.png); cursor: pointer;}

	/* partners */
	.partners { position: relative; height: 80px; margin: 0 auto; text-align: center; color: #f9ffb8; }
	.partners a { border: none; text-decoration: none; font-size: 11px; font: 11px Arial, "Trebuchet MS", Tahoma; color: #f9ffb8; }
	.partners a:hover { text-decoration: underline; color: #fff; }
	.partners img { position: relative; float: none; margin: 3px 0 3px 0; padding: 0; border: 0; vertical-align: middle; }
	
	/* web design author */
	#creation-logo { position: relative; clear: both; margin: 0; padding: 5px; font: 11px Arial, "Trebuchet MS", Tahoma; color: #fff; }
	#creation-logo a { text-decoration: none; font-weight: bold; font-size: 11px; color: #fff; }
	#creation-logo a:hover { color: #000; } /* 5e9f1f */
	#creation-logo em { font-style: normal; font-weight: bold; color: #5e9f1f; }
	#creation-logo strong { color: #000; }