* { margin: 0; padding: 0; }

body { margin: 0; padding: 0; background: #c51; font-family: "Times New Roman", Times, serif; font-size: 16px; color: #bb3e05; }

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

a:hover { color: #ffb; }

img { border: none; }


#container { margin: 0 auto; padding: 0; width: 950px; background: url(../images/bg-container.gif) top center repeat-y; }


#header { margin: 0 auto; padding: 0; width: 950px; height: 250px; background: url(../images/bg-top.png) no-repeat; }


#top { margin: 0 auto; padding: 10px 0; width: 100%; height: 30px; text-align: center; }

#top h1, h2, h3 { display: inline; font-weight: normal; font-size: small; color: #500; }


#menu-ctnr { margin: 0; padding: 0; width: 100%; height: 200px; }

#menu-ctnt { margin: 155px auto 30px; padding: 0; width: 750px; height: 50px; }

#menu-ctnt ul { list-style: none; border-left: 1px dotted #bb3e05; height: 20px; }

#menu-ctnt li { display: block; float: left; list-style: none; margin: 0; border-right: 1px dotted #bb3e05; height: 20px; }

#menu-ctnt li a { display: block; padding: 0 15px; font-size: 20px;  text-align: center; }

#menu-ctnt li a:hover { text-decoration: underline; color: #500; }

#menu-ctnr .active { color: #500;  }


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


#content-top { }

#content-cite { margin: 0 25px 25px 460px; width: 350px; }

#content-cite h1 { margin: 0; padding: 0; width: 350px; font-size: 15px; font-weight: bold; font-style: italic; text-align: justify; color: #500; }

.cite-top { margin: 0 0 10px; width: 350px; height: 20px; background: url(../images/bg-cite.png) top no-repeat; }

.cite-bottom { margin: 10px 0 0; width: 350px; height: 20px; background: url(../images/bg-cite-bottom.png) bottom no-repeat; }


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

.links { border-right: 1px #f9ffb8 dotted; }

.links-top { width: 200px; height: 30px; background: url(../images/bg-category.png) top no-repeat; }

.links-bottom { width: 200px; height: 30px; background: url(../images/bg-category-bottom.png) bottom no-repeat; }

#content-left a { display: block; margin: 0; padding: 12px 0; height: 20px; font-size: 14px; text-align: center; color: #500; }

#content-left a:hover { color: #b40; }

#content-left .help { }

#content-left .banner { margin: 0 25px; }


#content-right { margin: 0; padding: 0 25px 25px; width: 630px; text-align: justify; color: #311; }

#content-right ul ul { margin: 0 20px;}

#content-right ul li { list-style: disc; margin: 0 20px; padding: 3px;}

#content-right .image { float: left; margin: 0 50px 10px 0; }

#content-right #form { display: block; padding: 8px 0 20px; width: 550px; height: 247px; text-align: left; }

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

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

#content-right .form-area-field { width: 390px; height: 90px; }

#content-right .form-text { display: block; float: right; padding: 5px; border: none; width: 220px; height: 15px; color: #500; background: url(../images/bg-text.png) center no-repeat;}

#content-right .form-area { display: block; float: right; padding: 5px; border: none; width: 220px; height: 75px; color: #500; background: url(../images/bg-area.png) center no-repeat;}

#content-right .form-code { display: block; float: right; margin: 0 2px 0 0; padding: 5px; border: none; width: 100px; height: 15px; color: #500; background: url(../images/bg-code.png) center no-repeat;}

#content-right .form-code-img { display: block; float: right; margin: 0 0 0 8px; padding: 0; border: none; width: 110px; height: 21px; cursor: pointer;}

#content-right .form-bttn { margin: 0 0 0 220px; border: none; padding: 0; width: 110px; height: 25px; text-align: center; font-weight: bold; color: #500; background: url(../images/bg-code.png) center no-repeat; cursor: pointer; }

#content-right h2 { display: block; padding: 0; font-size: 18px; font-weight: bold; text-align: justify; color: #500; background: none; }

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

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

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

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


#map { border: 1px solid #311; width: 540px; height: 300px; }


#footer { margin: 0 auto; padding: 0; width: 100%; height: 250px; font-size: small; text-align: center; color: #500; background: url('../images/bg-bottom.png'); }
	
#footer-content { position: relative; margin: 0 auto; padding: 80px 0 0; width: 100%; }

	/* partners */
	.partners { position: absolute; height: 80px; top: 170px; right: 50px; color: #500; }
	.partners a { border: none; text-decoration: none; font-size: 11px; font: 11px Arial, "Trebuchet MS", Tahoma; color: #500; }
	.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: #500; }
	#creation-logo a { text-decoration: none; font-weight: bold; font-size: 11px; color: #000; }
	#creation-logo a:hover { color: #5e9f1f; }
	#creation-logo em { font-style: normal; font-weight: bold; color: #5e9f1f; }
	#creation-logo strong { color: #000; }