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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
html { overflow-y: scroll }
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; font-size: 62.5%; font-family:arial; color: black; background:#000 url(../images/bg.jpg) repeat-x top left; margin-top: 10px}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}

*{padding:0px;margin:0px;font-family:arial;font-size:medium;}
img{border:0px;}

#wrap { width: 981px; margin: 0 auto }

#wrapper { float: left; width: 980px; height: 590px; height: auto!important; height: 590px; background: #FFF; }

#mainframe { float: left; width: 980px; height: 475px; background: url(../images/bgs/6.jpg) no-repeat; padding: 65px 0 0 0 }

#left { float: left; width: 340px; height: 400px; background: #000 url(../images/left-bg.jpg) repeat-x; margin-right: 31px }
#left img { float: left; clear: left }
#nav { float: left; width: 315px; height: 217px; padding: 0 0 0 25px }
#nav ul { float: left; width: 289px; font-size: 10px; background: url(../images/nav-divide.jpg) no-repeat bottom left; padding: 0 0 1px 0 }
#nav li { float: left; width: 289px; height: 19px; background: url(../images/nav-divide.jpg) no-repeat top left; padding: 1px 0 0 0 }
#nav a { float: left; width: 286px; height: 19px; color: #ababab; padding: 0 0 0 3px; line-height: 18px; text-decoration: none }
#nav a:hover, #nav .on { background: url(../images/mouseover.jpg) no-repeat }

#right { float: left; width: 609px; height: 400px; background: #000 url(../images/left-bg.jpg) repeat-x }
#rcol1 { float: left; width: 315px; height: 217px; padding: 44px 0 0 25px }
#rcol1 h1 { font-size: 10px; font-weight: bold; color: #828180; text-transform: uppercase; line-height: 14px; margin-bottom: 40px }
#rcol1 ul { float: left; width: 289px; font-size: 10px; background: url(../images/nav-divide.jpg) no-repeat bottom left; padding: 0 0 1px 0 }
#rcol1 li { float: left; width: 289px; min-height:19px; height:auto !important; height:19px; background: url(../images/nav-divide.jpg) no-repeat top left; padding: 1px 0 0 0 }
#rcol1 li a { float: left; width: 276px;min-height:19px; height:auto !important; height:19px; color: #ababab; padding: 0 10px 0 3px; line-height: 18px; text-decoration: none }
#rcol1 li a:hover, #rcol1 .on { background: url(../images/mouseover.jpg) no-repeat }

#rcol2 { float: left; width: 250px; position: relative; }

#titlearea { float: left; width: 250px; height: 54px; padding: 44px 0 0 0 }
#titlearea h2 { font-size: 10px; font-weight: bold; color: #e5e3df; text-transform: uppercase; line-height: 14px; }

#textarea { float: left; width: 240px; height: 277px; overflow-y: auto; padding-right: 10px }
#textarea p, #formarea p { font-size: 1em; color: #bfbfbf; line-height: 14px; margin-bottom: 14px }
#textarea p strong { font-weight: bold; color: #f1f2f2 }
#textarea em { font-style: italic }
#textarea ul { font-size: 1em; color: #bfbfbf; line-height: 14px; margin-bottom: 14px; list-style-type: disc; margin-left: 15px }
#textarea a {color: #bfbfbf; text-decoration: underline; }
#textarea a:hover { color: #FFF; text-decoration: none; }
#textarea h3 { font-size: 10px; font-weight: bold; color: #bfbfbf; line-height: 14px; margin-bottom: 5px }

#slideBar {float:left; height: 277px; width: 9px; background: #4c4c4e; cursor: pointer; position: absolute; top: 99px; right: -10px }
#slideButton { height: 45px;width: 9px; background: #000 url(../images/scrollbar.gif) no-repeat; cursor: pointer}

#formarea { float: left; width: 240px; height: 287px; overflow: hidden; padding-right: 10px }
#formarea label { float: left; width: 100px; color: #FFF; font-weight: bold; margin-bottom: 2px }
#formarea input { float: left; width: 200px; background: #666; border: solid 1px #999; color: #bfbfbf; font-family: arial; font-size: 10px; margin-bottom: 5px }
#formarea textarea { float: left; width: 200px; height: 90px; background: #666; border: solid 1px #999; color: #bfbfbf; font-family: arial; font-size: 10px; margin-bottom: 5px }
#formarea #submit { width: 75px; font-weight: bold }

#footer { float: left; width: 980px; height: 50px }