/* CSS Document */

body {margin: 10px auto; text-align: center; background: #1E1A17 url(img/bg.jpg) repeat-x; font: 12px Arial, Helvetica, sans-serif;}
table {color: white;}
table a {color: orange;}
table a:hover {color: white;}
table td {padding: 0; margin: 0;}
table#links td {height: 60px;}
ul {margin: 0 0 0 20px; padding: 0; }
li {padding: 0; margin: 0;}
h1 {font: normal 22px Verdana, Arial, Helvetica, sans-serif; color: #882800; margin: 6px 0 0 65px; }
h2 {font: bold 17px Verdana, Arial, Helvetica, sans-serif; color: #FF5003; margin-bottom: 0;}
h2 span {display: block; font-size: 12px; width: 180px; margin: 0; padding: 0;}
.clear {clear: both;}

#wrapper {width: 882px; margin: 10px auto; text-align: center; background: #917B70 url(img/bg01.jpg) repeat-x;}

/* header */
#top_menu {padding-top: 6px; text-align: right;}
#top_menu ul {margin: 0 0 5px 0; }
#top_menu ul li {display: inline; margin: 0 11px 0 0; }
#top_menu a {color: #FF6928; text-decoration:none;}
#top_menu a:hover {color: white;}

#header {width: 862px; margin: 0 auto; padding: 0;}
#left {width: 228px; height: 292px; margin: 0 4px 0 0; background: url(img/logo.jpg) no-repeat; float: left; text-align: left;}
#left a {display: block; width: 202px; height: 117px; color: white; padding: 175px 0 0 26px; text-decoration: none; margin: 0;}
#right {width: 630px; height: 292px; float: right;}

/* stripe */
#stripe {width: 862px; margin: 4px auto; text-align: left;}
#stripe #s_left {width: 228px; height: 37px; float: left; background: url(img/bg02.jpg) no-repeat;}
#stripe #s_right {width: 630px; height: 37px; float: right; background: url(img/bg03.jpg) no-repeat;}

/* content */
#content {width: 862px; margin: 0 auto; padding: 0;}
#content img {margin: 0; padding: 0; border: none; width: 188px;}
#content #c_left {width: 216px; margin: 0; padding: 6px; float: left; background: #6B5C54 url(img/bg04.jpg) repeat-x; text-align: left;}
#content #c_left ul {margin: 0; padding: 0;}
#content #c_left ul li {list-style: none; padding: 0; margin: 0; width: 197px;}
#content #c_left ul li a {display: block; width: 181px; height: 26px; margin: 1px 0 0 0; background: url(img/bg05.jpg) no-repeat; text-decoration: none; color: #333; text-transform: uppercase; font: bold 14px Verdana, Arial, Helvetica, sans-serif; padding: 11px 0px 0 35px;}
#content #c_left ul li a:hover {color: white; background: url(img/bg07.jpg) no-repeat; }

#content #c_right {width: 614px; padding: 7px; float: right; display: inline; background: #6B5C54 url(img/bg04.jpg) repeat-x; text-align: left; margin: 0; }
#c_right p {color: white; font-size: 12px;}
#c_right p span {font-size: 14px;}

.box {width: 187px; height: 176px; padding: 6px; margin: 0px 5px 0 0px; _margin: 0px 4px 0 0; float: left; display: inline; background: white url(img/bg06.jpg) bottom right no-repeat;}
#footer {margin: 4px 0 0 0; border-top: 4px solid #141414; background: #1E1A17;}
#footer p, #footer a {color: white; font-size: 11px; text-decoration: none;}
#footer a:hover {color: #FF4E00;}