* { padding: 0; margin: 0; }

body { font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: #FFFFFF; background: #3a393c; }

img { border: none; }

p { line-height: 20px; text-align: justify; }

a { text-decoration: none;  font-weight: bold; color: #99BE1F; }


/* Container */

#container { border: 3px double #618a12; margin: 5px auto 20px; width: 800px; background: #3a393c; }


/* Header */

#page-header { width: 800px; height: 300px; background: url(../images/header-bkg.jpg) center no-repeat; }

#page-header .title { padding: 100px; height: 100px; width: 200px; text-align: center; }

#page-header h1 { font-size: 36px; font-weight: normal; }

#page-header h2 a { font-size: 12px; color: #324808; }

/* End Header */


/* Menu */

#page-menu { margin: 0 25px 25px; width: 750px; height: 40px; background: #ADDC00; }

#page-menu ul { margin: 0; padding: 0; width: 750px; height: 40px; list-style-type: none; }

#page-menu ul li { display: inline-block; float: left;s margin: 0; padding: 0; }

#page-menu li a { display: block; float: left; margin: 0; padding: 10px 0 0; border-bottom: 5px solid #75A714; width: 125px; height: 25px; text-align: center; font-size: 12px; color: #324808; background: #ADDC00; }

#page-menu li a:hover { border-bottom: 5px solid #ADDC00; color: #fff; background-color: #75A714; }

/* End Menu */


/* Quick-Menu */

#page-quick-menu { width: 800px; height: 100px; }

#page-quick-menu ul { margin: 0 auto; padding: 15px 0; width: 620px; height: 70px; list-style-type: none; }

#page-quick-menu ul li { display: inline-block;  margin: 0 16px; width: 168px; height: 70px; }

#page-quick-menu li a { display: block; float: left; width: 162px; height: 64px; border: 3px solid #424242; }

#page-quick-menu li a:hover { border: 3px solid #ddd; }

#page-quick-menu img { border: none; }

/* End Quick-Menu */


/* Content */

#page-content { padding: 25px; width: 750px; }

#page-content h3 { padding: 8px 0 0; font-size: 16px; text-align: center; color: #324808; }

#page-content ul h3 { color: #ADDC00; }

#page-content ul li { margin: 5px 15px; }

#page-content img { border: 2px solid #618a12; }

.page-title { margin-bottom: 50px; border-top: 5px solid #75A714; height: 35px; background: #ADDC00; }

.left-side { float: left; padding-right: 10px; width: 365px; }

.right-side { float: right; padding-left: 10px; width: 365px; }

.left-imag { float: left; margin: 0 15px 0 0; white-space: nowrap; }

.right-imag { float: right; margin: 0 0 0 15px; }

.right-ul { margin-left: 80px; }

#page-content form { margin: 0; padding: 25px; border: 1px solid #75A714; width: 382px; text-align: left; }

#page-content form div { margin: 5px 0; height: 25px; }

#page-content form label { display: block; float: left; width: 120px; height: 25px; }

#page-content form .field { display: block; float: left; padding: 2px 5px; border: 1px solid #C2C2C2; width: 250px; height: 18px; }

#page-content form span { display: block; margin: 5px 0; height: 85px; }

#page-content form .area { display: block; float: left; padding: 2px 5px; border: 1px solid #C2C2C2; width: 250px; height: 80px; overflow: auto; }

#page-content form .button { display: block; float: right; margin: 3px 0; padding: 2px 5px; border: 1px solid #C2C2C2; width: 80px; height: 25px; cursor: pointer; }


/* End Content */


/* Footer */

#page-footer { margin: 0 25px; padding: 15px 0; border-top: 1px solid #75A714; width: 750px; text-align: center; }

/* End Footer */


/* End Container */


.style1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }

.style2 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #BCF208; }

.style3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; }

.style4 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }

.style5 { color: #99BE1F; }

.clear { display: block; clear: both; height: 0; overflow: hidden; }