@charset "utf-8";
/* CSS Document */

/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1.2em;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

body {font-family:georgia;font-size:14px;color:#fff;background-color:#000;background:url(../images/bg.png) repeat;line-height:1.4em;margin-top:40px;margin-bottom:20px;}
.left {float:left;}
.right {float:right;}
.right-img {float:right;margin-right:30px;margin-left:20px;margin-bottom:10px;}
.right-img2 {float:right;margin-right:0px;margin-left:10px;margin-bottom:10px;}
.left-img {float:left;margin-right:20px;margin-left:20px;margin-bottom:10px;}
.bold {font-weight:bold;}
h1 {padding:20px 0 0 20px;font-size:20px;color:#C28A57;font-weight:normal;font-style:italic;}
img, div { behavior: url(iepngfix.htc) }
a {color:#fff;}
a:hover {text-decoration:none;}
.divider {width:700px;height:1px;margin-left:20px;border-top:1px dotted #333;margin-top:10px;padding-top:10px;}
.divider-right {float:right;width:700px;height:1px;margin-right:20px;border-top:1px dotted #333;margin-top:10px;padding-top:10px;}
.divider-left {float:left;width:700px;height:1px;margin-left:20px;border-top:1px dotted #333;margin-top:10px;padding-top:10px;}
.divider-long {width:930px;height:1px;margin-left:20px;border-top:1px dotted #333;margin-top:10px;padding-top:10px;}
#container {width:980px;height:500px;margin: 0 auto;padding-bottom:40px;}
#header {width:100%;height:60px;}
#logo {float:left;width:665px;height:44px;background:url(../images/logo.png) no-repeat;}
#date {float:right;margin-top:20px;}
#wood-board {width:980px;height:341px;margin-bottom:10px;margin-top:10px;background:url(../images/wood-board.jpg) no-repeat;}

/* Left Panel */
#left-panel {float:left;width:229px;height:301px;background:url(../images/panel-left-small-ie6.png) no-repeat;margin:20px 0 0 28px;}
#left-panel ul {padding:24px 0 0 20px;line-height:1.4em;font-weight:normal;list-style-type:none;}
#left-panel li {/*background-image:url(../images/shape.png);background-position:0 0.1em;background-repeat:no-repeat;*/padding:0 0 20px 25px;font-size:16px;font-weight:normal;font-family:Georgia;}
#left-panel ul li a {color:#fff;text-decoration:none;}
#left-panel ul li a:hover {color:#C28A57;text-decoration:none;}
.selected {color: #AF4C20;}

/* Middle Panel */
#middle-panel {float:left;width:423px;height:301px;background:url(../images/panel-bg-middle2.png) no-repeat;margin:20px 10px 0 28px;}

/* Right Panel */
#right-panel {float:left;width:229px;height:301px;background:url(../images/panel-left-small-ie6.png) no-repeat;margin:20px 0 0 6px;}
#right-panel ul {padding:24px 0 0 20px;line-height:1.4em;font-weight:normal;list-style-type:none;}
#right-panel li {/*background-image:url(../images/shape.png);background-position:0 0.1em;background-repeat:no-repeat;*/padding:0 0 20px 25px;font-size:16px;font-family:Georgia;}
#right-panel ul li a {color:#fff;text-decoration:none;}
#right-panel ul li a:hover {color:#C28A57;text-decoration:none;}

/* Content */
#content {width:978px;background:url(../images/content-bg.png) repeat;border:1px solid #333333;}
#content p {padding-left:20px;padding-bottom:10px;padding-right:20px;}
#content img {padding:2px;border:1px solid #333;}
#content ul {margin-left:40px;list-style-type:circle;}

#title {margin-bottom:10px;}
#welcome-text {float:left;background-color:#000;background:url(../images/content-bg.png) repeat;border:1px solid #333333;width:322px;height:207px;margin-right:7px;}
#welcome-text p {padding:10px 10px 10px 20px;}
.vid {float:left;width:445px;height:344px;margin-left:20px;}

/* Footer */
#footer {width:980px;margin: 0 auto;clear:both;padding-top:20px;padding-bottom:20px;}
#footer p {font-size:12px;font-family:arial;}

form {}
input {height:20px;background-color:#000000;color:#fff;border:1px solid #666;}
textarea {background-color:#000000;color:#fff;border:1px solid #666;}

/**** Overlay Picture Hover ***/

.overlay_picture {
  display: block; 
  position: relative;
  float: left; 
  border:none; 
  z-index: 0;
  background-repeat:no-repeat;
  background-position: 0.2em;
}

a.overlay_picture:hover  { 
  text-decoration: none; 
  filter: alpha(opacity=70); 
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
  opacity: 0.7; 
  -moz-opacity: 0.7;
  border: none;
}

a.overlay_picture:hover span { 
  filter: alpha(opacity=130); 
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=130); 
  opacity: 1.3; 
  -moz-opacity: 1.3;
  border: none;
}