@charset "utf-8";
/* www.worldpanelindustry.com */

body,html {
	margin:0;
	padding:0;
	background:#fff;
	color:#000;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*min-width:860px;*/
}

/* Headers
----------------------------------------------- */
h1, h2, h3 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #728D26; font-size: 110%; }
h1 {
	margin: 5px 0 10px 0;
	padding: 5px 0 5px 25px;
	background: url('/images/icons/square-green.png');
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

/* Various Block Elements
----------------------------------------------- */
p { line-height: 1.5em; margin-bottom: 1em; }
ul { margin-left: 15px; padding: 0; list-style-type: square; line-height: 1.5em; }
img { border: 0; }
hr { height: 0; border: 0; margin: .5em 0 .5em 0; }

/* Various Inline Elements
----------------------------------------------- */
a:link { color:#369; text-decoration:none; }
a:visited { color:#369; text-decoration:none; }
a:hover { color:#369; text-decoration:underline; }
a img, :link img, :visited img { border:none; }

/* Tables
----------------------------------------------- */
table { border-collapse:collapse; }
tr { cursor:default; }
th, td { padding:5px; vertical-align:top; } 
th { text-align:left; background-color:#ededed; }

table.highlightTable { width:100%; margin-bottom:10px; border:1px solid #fff; }
table.highlightTable td { border:1px solid #fff; vertical-align:top; }

table.calendar { width:100%; margin-bottom:10px; border:1px solid #000; }
table.calendar th { border:1px solid #000; text-align:center; }
table.calendar td { border:1px solid #000; text-align:center; }
table.calendar td.today { font-weight:bold; }
table.calendar td.event { background-color:#fc6; }

/* Forms
----------------------------------------------- */
form { 
	margin:0; 
	padding:0; 
	display:inline;
}
label { 
	margin:3px;
	display:block;
}

.input-text, select, textarea {
	padding:2px; 
	border:1px solid #ababab; 
	border-right:1px solid #e6e6e6; 
	border-bottom:1px solid #e6e6e6; 
	font-size:14px; 
	width:200px;
}

select { 
	width:205px; 
	margin-right:10px;
	padding:1px;
}
	
.button { 
	padding-left:1em;
	padding-right:1em;
}

/* Main boxes
----------------------------------------------- */
#outer {
	margin:0 auto;
	width:1040px;
}

#container {
	background:#f4f6b0;
	border:10px solid #0d7a5d; /*990*/
	width:860px;
}

#header {
	background:#ddd;
	height:170px;
}

#nav {
	background:#990;
	padding:5px;
	text-align:center;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	font-size:90%;
}

#nav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#nav li {
	display:inline;
	margin:0;
	padding-right:3px;
}

#nav li a:link { color:#fff; font-weight:bold; text-decoration:none; }
#nav li a:visited { color:#fff; font-weight:bold; text-decoration:none; }
#nav li a:hover { text-decoration:underline; }

#sidebar {
	background:#f4f6b0;
	float:left;
	width:220px;
	padding:0px 10px 10px 10px;
}

#sidebar ul {
	margin-bottom:0;
}

#sidebar h3, #sidebar p {
	padding:0 10px 0 0;
}

#search {
	margin-bottom:15px;
}

#search #quick, #search #prod, #search #supp {
	padding: 5px;
}

#search input,#search select {
	font-size: 10px;
	margin-bottom: 2px;
}

#main {
	background:#fff;
	float:right;
	/*width:600px;*/
	width:580px;
	min-height:800px;
	padding:0px 10px 10px 10px;
}

#banner {
	padding:10px;
	text-align:center;
}

#footer {
	background:#cc9;
	border-bottom:3px solid #4b5403;
	text-align:center;
	clear:both;
}

#footer p {
	padding:5px;
	margin:0;
}

/* Secondary boxes
----------------------------------------------- */
#result, #error { 
	margin-top:10px; 
	margin-bottom:10px; 
	display:block;
 	padding:5px;
 	padding-left:30px;
}

#result { 
	background-image:url('/images/icons/info.png');
	background-repeat:no-repeat;
	background-position:5px 5px;
	background-color:#edf7ff;
	border:1px dashed #ccccff; 
	color:#369; 
}

#error { 
	background-image:url('/images/icons/error.png');
	background-repeat:no-repeat;
	background-position:5px 5px;
	background-color:#fcc;
	border:1px dotted red; 
	color:red; 
}

#error ul { 
	margin:0 0 0 5px; 
	list-style-type: none;
}

#masthead { margin:0 auto; width:1040px; padding:10px; }

/* Custom styles
----------------------------------------------- */
.clear         { clear: both; }

.float-left    { float: left; }
.float-right   { float: right; }

.text-left     { text-align: left; }
.text-right    { text-align: right; }
.text-center   { text-align: center; }
.text-justify  { text-align: justify; }

.bold          { font-weight: bold; }
.italic        { font-style: italic; }
.underline     { border-bottom: 1px solid; }
.highlight     { background: #ffc; }
.strike		   { text-decoration: line-through; }

.img-left      { float: left; margin: 4px 10px 4px 0; }
.img-right     { float: right; margin: 4px 0 4px 10px; }

.nopadding     { padding: 0; }
.noindent      { margin-left: 0; padding-left: 0; }
.nobullet      { list-style: none; list-style-image: none; }

.on { background-color: #dde3e3; }
.off { background-color: #bbceca; }
.over { background-color: #fc6; }

.meta { color: #333; clear: both; font-size: 90%; }
.submit { margin-top: 0.5em; margin-bottom: 0.5em; padding: 5px; }

.icon { margin-right: 3px; vertical-align: middle; }
.error, .red { color: red; }
.small { font-size:80%; }

.box { padding:5px 10px 5px 10px; background:#ff9; border:1px solid #e4b800; }
img.logo_right { border:2px solid #ccc; margin-bottom:2px;background:#fff }

/* Tabs
--------------------*/
ul.tabs {
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
	border-bottom:1px solid #ffa425;
	height:20px;
	clear:both;
}

ul.tabs li {
	float:left;
	margin-right:3px;
	text-align:center;
}

ul.tabs li a {
	display:block;
	height:20px;
	padding:0 6px 0 6px;
	background-color:#fc6;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	width:auto;
}

ul.tabs li a:hover {
	color:#fff;
}

ul.tabs li a.active {
	background-color:#ffa425;
}

/* Calendar
----------------------------------------------- */
table.calendar {
	width:150px;
	font-size:10px;
}
table.calendar th {
	background:none;
}
table.calendar th, td {
	width:15%;
}
table.calendar td {
	text-align:center;
}
table.calendar td.current {
	background-color:#ffa425;
	/*border:1px solid #f60;*/
}

table.calendar td.event {
	background-color:#cc9;
}
/* News scroller
----------------------------------------------- */
div#pscroller1 {
	margin-bottom: 15px;
	width: auto;
	height: 400px;
	padding: 2px;
	/*border:1px solid #ccc;*/
}

#pscroller1 ul { 
	margin: 0; 
	list-style-type:none; 
	color:#728D26; 
	line-height:1.2em;
}

#pscroller1 li { 
	margin-bottom: 5px;
}

div#pscroller1 a {
	text-decoration: none;
}

div#pscroller1 a:hover {
	text-decoration: underline;
}

.someclass{ //class to apply to your scroller(s) if desired
}

.newsheader {
	font-weight: bold;
	color: black;	 
}

.newsdate {
	font-size: 10px;
	color: grey;	 
}

.scroll  {   
	color: #000000;    
	background-color:inherit;
}	
