body {
margin: 0px auto;
padding: 0;
font-family: trebuchet ms;
font-size: 12px;
line-height: 13px;
text-align: center;
color: #666666;
background: #cba360;
}

a:link, a:active, a:visited {
color: #cc8d25;
text-decoration: none;
border: none;
}
a:hover {
color: #cba360;
text-decoration: underline;
border: none;
}
#page {
margin: 0px auto;
padding: 0;
text-align: left;
width: 800px;
background:url('/image/common/backround.png') repeat-y;
border-left: 1px solid #000;
border-right: 1px solid #000;
}
#page2 {
margin: 0px auto;
padding: 0;
text-align: left;
width: 800px;
background: #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}
#header {
margin: 0px auto;
padding: 0;
text-align: center;
width: 800px;
height:332px;
border-left: 1px solid #000;
border-right: 1px solid #000;
}
.clear {
clear: both;
}

/* Index Mid */
.rightcol {
margin: 0;
padding: 5px;
width: 235px;
float: right;
color: #cba360;


}
.leftcol {
margin: 0;
padding: 0px;
width: 240px;
float: left;
color: #cba360;


}
.middle {
margin: 0;
margin-left: 244px;
padding: 5px;
width: 300px;
color: #cba360;
text-align:center;
background: #42361f;
}

/* News Font */
h1 {
margin: 0;
padding: 0;
padding-left: 20px;
font-size: 14px;
font-weight: bold;
color: #cc8d25;
}
.date {
margin: 0;
padding: 0;
padding-left: 10px;
font-size: 12px;
font-weight: bold;
color: #cc8d25;
}
.dotted {
margin: 0;
margin-bottom: 5px;
padding: 0;
padding-bottom: 5px;
border-bottom: 1px dotted #ffffff;
}


/* Navigation */
.topnav {
margin: 0;
padding: 0;
font-family: trebuchet ms;
font-size: 13px;
line-height: 120%;
font-weight:normal;
padding-top:290px;

}
.topnav a:link, .topnav a:active, .topnav a:visited {
color: #cba360;
text-decoration: none;
border: none;
}
.topnav a:hover {
color: #cc8d25;
text-decoration: none;
border: none;
}

/* Footer */
#footer {
margin: 0px auto;
padding: 0;
font-family: trebuchet ms;
font-size: 11px;
line-height: 12px;
font-weight:normal;
color:#ffffff;
text-align: center;
background: #42361f;
width: 800px;
border-bottom: 1px solid #000;
border-top: 1px solid #000;

}
#footer a:link, #footer a:active, #footer a:visited {
color: #cba360;
text-decoration: none;
border: none;
}
#footer a:hover {
color: #cc8d25;
text-decoration: underline;
border: none;
}

/* Links */
.link {
font-family: trebuchet ms;
font-size: 11px;
line-height: 12px;
text-align: center;
color: #fff;
}

/* DHTML Window CSS */

.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: #cbb370;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 11px Arial;
background-color: #cbb370;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #cbb370;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}