/* =Reload 
-----------------------------------------------------------------------------------------*/
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;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {
	line-height: 1;
	background: #f1f1f0;
	color: #000;
  	font: 62.5% Arial, Helvetica, sans-serif;
	background-image:url(images/back.jpg);
	background-repeat:repeat-x;
}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 1px;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	padding:2px;
}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
IMG {border:0px;}
img a{border:0px;}
hr {
	height:1%;
	border:0;
	color:#ccc;
	background-color:#ccc;
	clear:both;
}
/* =General
-----------------------------------------------------------------------------------------*/
.left{float:left;}
.right{float:right;}
.center{text-align:center;margin:0 auto;}
.clear{clear:both;}
.odd{background: #f5f5f5 url(/images/article-tease-back.jpg) repeat-x;}
.odd1{background: #fff url(/images/oddb.jpg) repeat-x;}
.odd2 {background: #fff url(/images/ehead-back.jpg) repeat-x;}
.oddtoday {background-color:#ffd0d0;}
tr.oldeng td{color:#999;font-style:italic;} 
.error{color:#F00;}
.success{color:#090;}
.southcom{color:#00f;}
.cntr{text-align:center;}
.space{padding:5px;}
strong, b, .bold{font-weight: bold;}
em, i{font-style: italic;}

/* =Typography
-----------------------------------------------------------------------------------------*/
p{
	font:normal 1.2em/1.5em Arial, Helvetica, sans-serif;
	margin:10px;
}
ul{
	list-style: disc;
	margin:10px 10px 10px 25px;
}
ol{
	list-style: decimal;	
	margin:10px 10px 10px 25px;
}
li {
	text-indent:30px;
	margin:5px;
}
h1{
	font:bold 2.0em/1.2em Arial, Helvetica, sans-serif;
	margin:10px 0;
}
h2{
	font:normal 1.8em/1.2em Arial, Helvetica, sans-serif;
	margin:10px 0;
}
h3{
	font:bold 1.6em/1.4em Arial, Helvetica, sans-serif;
	margin:10px 0;
}
h4{
	font:bold 1.6em/1.4em Arial, Helvetica, sans-serif;
	margin:10px 0;
}	
h5{
	font:bold 1.2em/1.4em Arial, Helvetica, sans-serif;
	margin:10px 0;
}	
h6{
	font:bold 1.3em/1.2em Arial, Helvetica, sans-serif;
	margin:10px 0;
}				
/* =Links
-----------------------------------------------------------------------------------------*/
a:link, a:visited{cursor:pointer;}
a:hover, a:active{}		
/* =MainNav
-----------------------------------------------------------------------------------------*/
#nav{
	position: relative;
	float:left;
	z-index:100;
	width:672px;
	height:152px;
	margin-left:10px;
}
* html #nav{margin-left:0px;}
#nav ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	z-index:300;
	margin-top:30px;
	left:0;
}
#nav ul li{
	float: left;
	margin: 0px;
	position: relative;
	text-indent:0px;
	width:96px;
	height:120px;
	padding: 0 5px;
	text-align:center;
}
#nav ul li img{margin:0 auto;}
#nav ul li a:link, #nav ul li a:visited{
	color: #fff;
	display: block;
	width:96px;
	height:100px;
	text-align: center;
	text-decoration: none;
	z-index:300;
	font:normal 1.6em/1.2em Arial, Helvetica, sans-serif;
	overflow:hidden;
}
#nav ul li a:hover, #nav ul li a:active, #nav li a.over{margin-top:20px;}
#nav ul li ul li a:link, #nav ul li ul li a:visited{
	color: #fff;
	font:normal 12px/12px  Arial, Helvetica, sans-serif;
	text-align: left;
	width: 200px;
	height:15px;
	text-indent:10px;
	padding:5px
}
#nav ul li ul li a:hover, #nav ul li ul li a:active{
	color: #fff;
	background-image:url(images/hover-arrw.gif);
	background-repeat:no-repeat;
	text-indent:20px;
	margin:0px;
	width:190px;
}
#nav li ul { /* second-level lists */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	position: absolute;
	width: 200px;
	z-index:100;
}
#nav li ul li{
	display:block;
	width:200px;
	height:25px;
	padding:0px;
	margin:0px;
}
#nav li ul ul { /* third-and-above-level lists */	margin: 0px 0 0 200px;}
#nav li:hover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul{ /* lists nested under hovered list items */
	left: 0px;
	background-color:#003563;
	top: 115px;
	padding:0px;
	margin:0px;
	width:200px;
}
/* =TrackStats
-----------------------------------------------------------------------------------------*/
#trackstats{
	width:670px;
	float:left;
}
#trackstats h1{font: bold 1.6em/1.4em Arial, Helvetica, sans-serif;}
.data1{
	margin:0px;
	padding:3px;
	width:130px;
	float:left;
}
.data2{width:200px;float:left;}
.trackstatico{
	width:100px;
	text-align:center;
	margin:5px;
	font-size:10px;
}
p.question{
	width:300px;
	font-size:12px;
	float:left;
	padding:10px;
}
p.answer{
	width:400px;
	font-size:12px;
	font-weight:bold;
	float:left;
	background-color:#CCCCCC;
	padding:10px;
}
/* =fontsizer
-----------------------------------------------------------------------------------------*/
.fontResizer {
  display: block;
  /*position: absolute;
  top: 0; left: 0;*/
}
.fontResizer a {
  display: block;
  float: left;
  width: 17px;
  height: 17px;
  text-align: center;
  border: 0px solid #ccc;
  line-height: 15px;
  color: #666;
  text-decoration: none;
}
.fontResizer a:hover { color: #000; text-decoration: none; }
/* The following control the way the font-resizer links appear only */
.smallFont { font-size: 9px; }
.medFont { font-size: 13px; }
.largeFont { font-size: 15px; }
.curFont { background: #EEEEF7; }
.small { font-size: 9px; }

/* =Components These need to be set for back-ground
-----------------------------------------------------------------------------------------*/
#fckarticle{width:600px;height:600px;}
/* =Layout
-----------------------------------------------------------------------------------------*/
#wrapper {
	margin: 0 auto;
	width:969px;
	background-image:url(/images/main-back.png);
	background-repeat:repeat-y;
	background-position:top center;
}
#topheader{
	margin: 0 auto;
	width:954px;
	height:75px;
	background-image:url(/images/topper-back.gif);
	background-repeat:no-repeat;
	background-position:top center;
	padding-left:15px;
}
#topheader h1{
	font:bold 1.8em/1.2em Arial, Helvetica, sans-serif;
	margin:0 20px;
	color:#003563;
	font-style:italic;
	line-height:75px;
}
#navcontainer{
	margin: 0 auto;
	width:969px;
	height:152px;
	background-image:url(/images/nav-account-back.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
#login{
	width:270px;
	height:132px;
	float:left;
	padding:3px 3px 3px 8px;
}
#login p{
	color:#fff;
	margin:0px;
	padding:0px;
	float:left;
	margin-top:5px
}
#login a{
	color:#fff;
}
#login ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	float:left;
}
#login ul li{
	margin: 0px;
	padding: 1px;
	height:18px;
	text-indent:0px;
}
#login ul li a:link, #login ul li a:visited{
	color:#fff;
	text-decoration:none;
	font:normal 1.3em/1.1em Arial, Helvetica, sans-serif;
}
#login ul li a:hover, #login ul li a:active{
	text-decoration:underline;
}
#loginflag{
	width:70px;
	float:right;
	text-align:center;
}
#loginflag a{
	font:normal 1.1em/1.1em Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}
#login h1{
	font:bold 1.4em/1.2em Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0;
}
#topbar{
	width:260px;
	height:25px;
	float:right;
	margin-right:10px;
	text-align:right;
}
.topdate{
	font-size:1.2em;
	margin-right:10px;
}
#maintext{
	width:929px;
	padding:0 20px;
}
#maintext ul{}
#maintext ul li{
	text-indent:0px;
	font:normal 1.2em/1.2em Arial, Helvetica, sans-serif;
	margin:10px;
}
#maincontentarea{
	width:929px;
	padding:0 20px;
}
#mainfocus{
	width:514px;
	float:left;
	/*border-right:1px solid #CCCCCC;*/
	margin-right:20px;
	margin-bottom:10px;
	background: url(images/featured-back.jpg) no-repeat;
	padding:30px 2px 0 10px;
}
#mfimage{
	margin:0px;
	padding:0px;
	width:257px;
	height:174px;
	float:left;
	overflow:hidden;
}
#mftext{
	width:235px;
	float:left;
	margin-left:7px;
}
#mftext h1{
	font:bold 1.6em/1.2em Arial, Helvetica, sans-serif;
	margin:0px;
	color:#002e54;
}
#mftext p{
	font:normal 1.3em/1.2em Arial, Helvetica, sans-serif;
	margin:0px;
}
#subfocus{
	width:362px;
	float:left;
	margin-bottom:10px;
	background: url(images/sub-back.jpg) no-repeat;
	padding:30px 5px 0 10px;
	margin-top:13px;
}
#sfimage{
	margin:0px;
	padding:0px;
	width:158px;
	height:153px;
	float:left;
	overflow:hidden;
}
#sftext{
	width:185px;
	float:left;
	margin-left:10px;
}
#sftext h2{
	font:bold 1.4em/1.2em Arial, Helvetica, sans-serif;
	margin:0px;
	color:#002e54;
}
#sftext p{font-size:1.2em;margin:0px;}
.collaborate{
	font-size:1.1em;
	height:20px;
	margin-top:3px;
	float:right;
}
#homepagenews{
	width:400px;
	float:left;
	border-right:1px solid #CCCCCC;
	margin-right:10px;
	padding-right:15px;
}
#homepagenews h3{
	clear:both;
	font:bold 1.4em/1.2em Arial, Helvetica, sans-serif;
	margin:0px;
	color:#002e54;
	margin-top:10px;
}
#homepagenews p{font-size:1.2em;margin:0px;}
.articledate{
	font-size:1.0em;
	color:#666;
}
#homepageright{
	width:490px;
	float:right;
	
}
#homepageright p{ 
	font-size:1.2em;
	margin:0px;
	padding:0px;
}
#homepageright h3{
	font:bold 1.4em/1.2em Arial, Helvetica, sans-serif;
	margin:0px;
	color:#002e54;
	padding-top:10px;
}
.col1{
	width:270px;
	float:left;
	padding-top:10px;	
}
.col2{
	width:190px;
	float:right;
	padding-top:10px;
	margin-left:10px;
}
#snifocus{
	width:200px;
	padding:5px;
	background-color:#f1f1f0;
}
#quickdocs{
	float:left;
}
#quickdocs .msg_head{
	border-bottom:1px solid #ccc;
	margin:5px 0px;
	padding:3px 0px;
}
#quickdocs .msg_head img{
	margin:0 5px 0 0;
}
#quickdocs .msg_body{
	
	border-bottom:1px solid #ccc;
	margin:5px 0px;
	padding:3px 0px;
}
p.linkdata {
	font-size:1.2em;
}
.linkdata a{}
.box1, .box2, .box3, .box3{
	width:100%;
}
.colbox{
	width:100%;
	margin:5px 0;
	padding:5px;
}
#surveybox{
	width:185px;
	height:71px;
	background-image:url(/images/survey-btn.jpg);
	background-repeat:no-repeat;
	color:#fff;
	padding:70px 10px 0 70px;
	position:relative;
}
#gobtn{
	position:absolute;
	top:110px;
	left:180px;
	width:70px;
	height:20px;
}
.svoices{width:100%;}
.svoices img{
	margin:0 auto;
	width:141px;
}
.svoices p{
	text-align:left;
	font-style:italic;
}
#adminmaintxt{
	width:675px;
	float:left;
}
#profile-links{
	width:200px;
	padding:10px;
	float:right;
	border:1px solid #000;
}
#profile-links ul{
	list-style:none;
	margin-left:10px;
}
#profile-links ul li a{
	text-indent:0px;
	font:normal .9em/1.2em Arial, Helvetica, sans-serif;
}
.quicklinks{
	padding:10px;
	border:1px solid #000;
	margin:10px;
	width:200px;
}
.quicklinks ul{
	list-style:none;
	margin:0px;
}
.quicklinks li{
	text-indent:5px;
	margin:10px;
}
.quickstats{
	width:600px;
	float:left;
}
.forumbody{
	width:100%;
}
.videobox {
	width:180px;
	padding:5px;
	margin:5px;
	border:1px solid #000;
	font:normal 1.2em/1.5em Arial, Helvetica, sans-serif;
	float:left;
	text-align:center;
}
.box {
	width:40%;
	padding:5px;
	margin:5px;
	/*border:1px solid #000;*/
	font:normal 1.2em/1.5em Arial, Helvetica, sans-serif;
	float:left;
}
.box ul{
	list-style:none;
	margin:0px;
}
.box li{
	text-indent:5px;
	margin:10px;
}
#footer{
	width:970px;
	height:13px;
	margin:0 auto;
	background-image:url(/images/bottom-back.png);
	background-repeat:no-repeat;
	background-position:1px 0px;
}
* html #footer{
	width:969px;
	margin:0 auto;
}
#copyright{
	width:969px;
	margin:0 auto;
	text-align:right;
}
.msgcont{
	margin:0;
	padding:0;
	width:750px;
	background-image:url(/images/msgbrd-back.jpg);
	background-repeat:repeat-y;
}
.msgpost{
	width:690px;
	min-height:42px;
	background-image:url(/images/msgbrd-top.jpg);
	background-repeat:no-repeat;
	font:normal 1.6em/1.2em "Courier New", Courier, monospace;
	padding:20px 10px 5px 50px;
}
.msgbot{
	width:750px;
	height:9px;
	background-image:url(/images/msgbrd-bot.jpg);
	background-repeat:no-repeat;
	margin-bottom:5px;
}
.poster{
	font:bold .7em/1.2em Arial, Helvetica, sans-serif;
	color:#999;
}
h4.ttlcomment{
	width:300px;
	height:25px;
	background-image:url(/images/icon-comment.png);
	background-repeat:no-repeat;
	padding-left:40px;
	font:bold 1.4em/1.6em Arial, Helvetica, sans-serif;
}
.langbtn{
	width:135px;
	padding: 0 5px;
	float:left;
}
.galleryimage{
	margin:5px;
	/*border: solid 1px #006;*/
	float:left;
	text-align:center;
}
.galleryimage img{border: solid 1px #000;}
.vidbox{
	width:420px;
	padding:10px;
	float:left;
	position:relative
}
.vidbox img{
	border:1px solid #000;
	margin:5px;
	float:left;
}
.vidbox img.new{
	width:72px;
	height:34px;
	position:absolute;
	top:10px;
	left:0;
	z-index:2;
}
/* =Articles
-----------------------------------------------------------------------------------------*/
.articletease{
	clear:both;
	padding:10px;
}
.articletease h2{
	font:normal 1.4em/1.2em Arial, Helvetica, sans-serif;
	margin:5px;
}
.articlecredits{
	width:200px;
	float:right;
	padding:10px;
	border: 1px solid #000;
	margin:5px;
	font-size:1.2em;
}
.commentbox{width:600px;float:left;}
.msg_list {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.msg_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
}
.msg_body {padding: 5px 10px 15px;}
.link_head{border-bottom:1px solid #CCC;}
.regbox{
	width:45%; 
	text-align:center;
}
h3.regcheck{
	background-image:url(/images/check30.png);
	background-repeat:no-repeat;
	text-indent:40px;
	font:bold 12px/30px Arial, Helvetica, sans-serif;
	height:30px;
	line-height:30px;
	margin-left:25px;
}
table.admin {
	border-collapse: separate;
	border-spacing: 1px;
	width:100%;
	font:bold 1.2em/1.4em Arial, Helvetica, sans-serif;
}
table.admin td{
	border: thin solid #eee;
	padding:5px;
	text-align:left;
	vertical-align:top;
}
table.admin th{
	padding:5px;
	border: thin solid #eee;
	font-weight:bold;
}
/* =Forms
-----------------------------------------------------------------------------------------*/
/* Removes fieldset borders. even on Opera 7 */
fieldset {
	border: 1px solid #15691c;
	padding:10px;
	background-image:url(/images/te-field-back.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	overflow:hidden;
}
label {
	width:150px;
	float:left;
	text-align:left;
}
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
#addeng legend{
	font:bold 1.4em/1.2em Arial, Helvetica, sans-serif;
	padding:10px;
	color:#15691c;
}
#addeng label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:180px;
	float:left;
	padding:3px;
}
#addeng .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:180px;
}
#addevt legend{
	font:bold 1.4em/1.2em Arial, Helvetica, sans-serif;
	padding:8px;
	color:#15691c;
}
#addevt label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:160px;
	float:left;
	padding:2px;
}
#addevt .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:160px;
}
#wrform{float:left;}
#trackstats label{width:50px;}
form p{clear:both;}
#login input{
	width:130px;
	height:20px;
	border:1px solid #000;
	font: normal 1.4em/1.8em Arial, Helvetica, sans-serif;
	color:#777;
	margin:1px;
	font-style:italic;
	padding:5px;
}
* html #login input{
	color:#777;
	font-style:normal;
	padding:0px;
	height:30px;
	width:140px;
}
#login input:focus {
	background-color: #fff5be;
	color:#000;
	font-style:normal;
}
#login .topbtnlog {
	width:120px;
	height:33px;
	margin:0px;
	padding:0px;
	background-image:url(images/login-btn.gif);
	background-repeat:no-repeat;
	color:#000;
	font-style:normal;
	text-align:left;
	padding-left:10px;
	font-weight:bold;
	border:0px;
}
#ArticleForm{float:left;}
#ArticleForm label{
	width:100px;
	float:left;
	font-size:1.2em;
	font-weight:bold;
}
.structural {
   position:absolute;
   left:-9999px;
 }
#survey textarea {
	font-size: 1.2em;
	color: #434343;
	border: 1px solid #ccc;
	padding: 0.2em;
	margin-bottom:10px;
	width:700px;
	height:75px;
}
#survey label {
	font:bold 1.3em/1.3em Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	width:500px;
}
#quoteForm{float:left;}
#survey310 label{
	width:400px;
	float:left;
	text-align:right;
	font:bold 1.0em/1.2em Arial, Helvetica, sans-serif;
	margin-right:10px;
}
#survey310 label.yn{width:400px;}
#survey310 label.rate{width:200px;font:normal 1.2em/1.2em Arial, Helvetica, sans-serif;}
#survey310 p{padding:5px;}
#survey310 legend{
	font:bold 1.4em/1.2em Arial, Helvetica, sans-serif;
	padding:10px;
	color:#15691c;
}
#survey310 .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:100%;
}
#survey710 label{
	width:400px;
	float:left;
	text-align:right;
	font:bold 1.0em/1.2em Arial, Helvetica, sans-serif;
	margin-right:10px;
}
#survey710 label.yn{width:700px;}
#survey710 label.rate{width:300px;font:normal 1.2em/1.2em Arial, Helvetica, sans-serif;}
#survey710 p{padding:5px;}
#survey710 legend{
	font:bold 1.4em/1.2em Arial, Helvetica, sans-serif;
	padding:10px;
	color:#15691c;
}
#survey710 .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:100%;
}
/* =Filters
-----------------------------------------------------------------------------------------*/
.clear{clear:both;}
/*[BEGIN] Clear Fix for Fire Fox*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*[END] Clear Fix for Fire Fox*/
#calendar { width:100%; }
#calendar td { font-family: arial, sans-serif; font-size: 11px; }
#calendar a { color: #000; }
#calendar a.navmonth { color: #000; font-weight: bold;}
#calendar #change_form_container { text-align:right; } /* form to change month/year */
#calendar #change_form_container form { margin:0; padding:0; }
#calendar .day-all { width: 14%; height:100px; padding:3px; } /* applied to every day */
#calendar .day-notcurrent { background-color: #f5f5f5; border:1px solid #ddd } /* applied to all days except current */
#calendar .day-digit { font-weight:bold; color:#000; font-size:20px;} /* applied to the number of the day for each day */
#calendar .day-current { background-color: #caf8cb; border:1px solid #999; color:#000; background-image:none; } /* only applied to current day */
#calendar .day-data{}
#calendar .header { color: #000; text-align: center; } /* prev/next links; current month and year */
#calendar .subheader {background:#3a7cb4 url(images/top-calendar-back.jpg) repeat-x; color: #FFF; font-weight: bold; text-align: center; padding:3px; } /* monday - friday */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/images/calendar.gif) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}
.equestn{
	width:150px;
	text-align:center;
	font:bold 1.4em/3.0em Arial, Helvetica, sans-serif;
	border: 1px solid #eee;
}
.eanswr{
	width:400px;
	font:normal 1.2em/1.3em Arial, Helvetica, sans-serif;
	padding:13px;
	margin-left:3px;
	border: 1px solid #eee;
}
#password-clear {display: none;}
p.biottl{
	font:bold 1.4em/1.4em Arial, Helvetica, sans-serif;
	margin:0;
}
.biopic{
	width:140px;
	margin:0;
	float:left;
}
.biotxt{
	width:700px;
	margin:0;
	float:left;
}
.rssbox{
	width:300px;
	float:right;
}
.rssbox img{float:left;}
.clockpick1 {width:75px;}
.articlebody{width:100%; float:left;}
.articlebody img{border: 1px solid #000; margin:5px; padding:5px;}
.articlebody img.no{border: 0px solid #000; margin:0px; padding:0px;}
.articlebox{background:url(images/bak-news.jpg) top right no-repeat;border:solid 1px #888; width:500px; padding:20px;}
.articlebox h5{margin:0px;padding:0px;}
.resourcebox{background:url(images/bak-resource.jpg) top right no-repeat;border:solid 1px #888; width:300px; padding:20px; margin-left:20px;}
.forumbox{background:url(images/bak-forum.jpg) top right no-repeat;border:solid 1px #888; width:300px; padding:20px;margin-left:20px; margin-top:20px;}
.vbox{background:url(images/bak-video.jpg) top right no-repeat;border:solid 1px #888; width:300px; padding:20px;margin-left:20px; margin-top:20px;}
.vbox ul.vid{list-style-image:url(images/li-video.jpg);}
.docbox{background:url(images/bak-doc.jpg) top right no-repeat;border:solid 1px #888; width:860px; padding:20px; margin-top:20px;}