/* CSS Document */

body { margin:0; background:url(images/page-bg.gif) repeat-x #000; font:14px Arial, Helvetica, sans-serif; color:#333; }

img, div { behavior: url(iepngfix.htc);}

a { outline:0; }

h1 { margin:0 0 10px -3px; font:30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; }
h2 { margin:0 0 10px -3px; font:24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#D70000; }
h3 { margin:0 0 10px -3px; font:17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; }
h4 { margin:0 0 10px -3px; font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; }

#outer-wrapper { width:990px; margin:0 auto; background:url(images/wrapper-bg.png) repeat-y; }

#inner-wrapper { width:930px; margin:0 auto; border:1px solid #fff; }

#menu { width:100%; height:17px; padding:10px 0; margin-bottom:8px; background:#000; font-size:14px; }
#menu ul { margin:0; padding:0; list-style-type:none; }
#menu li { margin:0; padding:0 12px; float:left; border-right:1px solid #fff; }
#menu li.last { padding-right:0; border-right:0; }
#menu li a { color:#D70000; text-decoration:none; }
#menu li a:hover { color:#fff; text-decoration:none; }
#menu li.in a { color:#fff; text-decoration:none; }
#menu li.in a:hover { color:#fff; text-decoration:none; }

#content-wrapper { padding:20px 30px; background:url(images/content-bg.gif) repeat-x; }
#content-wrapper a { color:#D70000; border-bottom:1px dashed #D70000; padding:1px 3px; text-decoration:none; }
#content-wrapper a:hover { color:#fff; border-bottom:1px dashed #000; background:#000; padding:1px 3px; text-decoration:none; }

.content-left { width:546px; float:left; margin-right:20px; padding:0 30px 20px 0; border-right:3px solid #D0D0D0; line-height:20px; text-align:justify; }
.content-left img { border:5px solid #ddd; }

.content-right { width:265px; float:right; margin-top:10px; line-height:20px; text-align:justify; }
.content-right h1 { margin:0 0 10px -3px; font:22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; }
.content-right h2 { margin:0 0 10px -3px; font:bold 17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#D70000; letter-spacing:-1px; }

.content-right img { border:5px solid #ddd; }

#homepage-wrapper { padding:20px 30px; background:url(images/content-bg.gif) repeat-x; }

#homepage-left { width:546px; float:left; margin-right:20px; padding:0 30px 20px 0; border-right:3px solid #D0D0D0; line-height:20px; text-align:justify; }
#homepage-left a { color:#D70000; border-bottom:1px dashed #D70000; padding:1px 3px; text-decoration:none; }
#homepage-left a:hover { color:#fff; border-bottom:1px dashed #000; background:#000; padding:1px 3px; text-decoration:none; }

#notice { background:#D70000; font:30px "Trebuchet MS", Arial, Helvetica, sans-serif ; line-height:40px; color:#fff; text-align:center; }
#notice a { border:0; padding:0; color:#fff; display:block; }
#notice a:hover { border:0; padding:0; color:#fff; display:block; }


#homepage-right { width:275px; float:right; margin-top:30px; line-height:20px; text-align:justify; }
#homepage-right div { width:120px; margin:0 10px 20px 0; float:left; color:#D70000; font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#homepage-right img { width:110px; }
#homepage-right a img { border:5px solid #ddd; }
#homepage-right a:hover img { border:5px solid #D70000; }

#gallery-wrapper { padding:20px 0px 20px 30px; background:url(images/content-bg.gif) repeat-x; }
#gallery-wrapper img { width:110px; float:left; margin:0 29px 20px 0; }
#gallery-wrapper a img { border:5px solid #ddd; }
#gallery-wrapper a:hover img { border:5px solid #D70000; }


#footer-tag { width:930px; margin:0 auto; text-align:center; font:20px Verdana, Arial, Helvetica, sans-serif; color:#fff; letter-spacing:-1px; padding:5px 0 10px; border-bottom:1px solid #333; }

#footer-wrapper {}

.clear { clear:both; }

.line { width:870px; height:3px; font-size:3px; line-height:3px; margin:15px 0 15px -3px; }
.light { background:#fff; }
.dark { background:#D0D0D0; }
.red { color:#D70000; }
.black { color:#000; }