/**
-----------------------------------------------------
pathname:		\style\pc_main.css
lastmodified:	20030815  
description:	style sheet for pc-browsers
author:			VIDE Corporation. All rights reserved.
-----------------------------------------------------
*/

body {
	font-family: arial, verdana, sans-serif;
	font-size: 75%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	}

form {
	margin: 0;
	padding: 0;
	}

a {
	text-decoration: none;
	}

a:link, a:visited	{
	color: blue;
	text-decoration: underline;
	}

a:hover, a:active 	{
	color: red;
	text-decoration: underline;
	}

ul , li, dl , dt , dd {
	font-family: arial, verdana, sans-serif;
	}

img	{
	border:	0;
	padding: 0;
	}

abbr, acronym, .help {
  	border-bottom: 1px dotted #333;
  	cursor: help;
  	}

h1 {
	font-weight: 500;
	}

h1 span {
	color: #cc0000;
	}

h2 {
	font-weight: 500;
	}

h2 span {
	color: #cc0000;
	}

h3 span {
	color: #cc0000;
	}

h4 span {
	color: #cc0000;
	}

h5 span {
	color: #cc0000;
	}

.spacerw5 {
	display: inline;
	width: 5px;
	}

.spacerw10 {
	display: inline;
	width: 10px;
	}

.spacerw20 {
	display: inline;
	width: 20px;
	}

.spacerw30 {
	display: inline;
	width: 30px;
	}

.spacerh5 {
	height: 5px;
	position: relative;
	}

.spacerh10 {
	height: 10px;
	position: relative;
	}

.spacerh20 {
	height: 20px;
	position: relative;
	}

.spacerh30 {
	height: 30px;
	position: relative;
	}

/* Adust document text size */

#banner {
	height: auto;
	text-align: right;
	color: #999999;
	text-decoration: none;
	padding: .25em 0 0;
	border-bottom: 1px solid #ececec;
	/*background-color: #ececec;*/
}
/**
-----------------------------------------------------
3.0 Logo Header
-----------------------------------------------------
*/

#header {
	position: relative;
	margin: 0;
}

.tagline {
	font-family:  times new roman, arial; sans-serif;
	font: italic;
	font-weight: 500;
	font-size: 14px;
	}

#hdrlogo {
	height: 60px;
	}

#hdrlogo a {
	border-style: none;
	display: block;
	}

#hdrlogo img {
	display: block;
	margin: .5em;
	}

#hdrlogo span {
	position: absolute;
	left: 72px;
	top: 45px;
	}

#hdrlinks {
	position: absolute;
	white-space: nowrap;
	right: 0;
	top: 45px;
	padding-right: .5em;
	}

#hdrlinks img {
	vertical-align: middle;
	margin: 0 0.6em 0 2em;
	}

#hdrlinks a {
	color: #000;
	font-size: 11px;
	text-decoration: none;
	}

#hdrlinks a:hover, #hdrlinks a:active {
	text-decoration: underline;
	}
/**
-----------------------------------------------------
3.0 Navigation
-----------------------------------------------------
*/
#navtop {
	position: relative;
	background-color: #ececec;
	border-top: 1px solid gray;
	height: 4px;
	}

#mainnav {
	height: auto;
	width: 100%;
	margin: 0;
}

#nav {
	position: relative;
	background-color: #666;
	white-space: nowrap;
	width: 100%;
	}

#nav a {
	color: #fff;
	display: block;
	font-size: 11px;
	float: left;
	line-height:190%;
	text-decoration: none;
	}

#nav .navbg, #nav .navbgOn,  {
	padding: 0 20px;
	}

#nav a:hover {
	background-color: #000000;
	}

#nav a.menuend {
	border-right-width: 0;
	}

/* End Level One Tabs */

#nav2 {
	position: relative;
	background-color: #cc0000;
	margin-bottom: 2px;
	height: 20px;
	white-space: nowrap;
	width: 100%;
	}

#nav2 a {
	color: #fff;
	display: block;
	float: left;
	font-size: 11px;
	padding: 5px 1em;
	text-decoration: none;
	}

#nav2 a:hover {
	text-decoration: underline;
	}

#nav2 a.menuend {
	border-right-width: 0;
	}
/**
/* Navigation Background Sytles */

.navbg {
	background-color: #666;
	}

.navbgOn {
	background-color: #cc0000;
	}
/**
-----------------------------------------------------
4.0 Menu
-----------------------------------------------------
*/
.menu {
	padding:10px 1px 0 0;
	margin: 0;
	width: 154px;
	border: 1px solid #666;
	}

#menubox ul {
	width: 154px;
	padding: 0;
	margin: 0:
	list-style-type: none;
	}

#menubox li {
	/*border-top: 1px solid #666;*/
	margin: 1px 0;
	font-size: 100%;
	}

#menubox li a	{
	color: #fff;
	background-color: #666;
	display: block;
	padding: 3px 3px 3px 18px;
	text-decoration: none;
	width: 100%;
	font-weight: 500;
	/*background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;*/
	}

#menubox li a:hover	{
	color: #fff;
	background-color: #000;
	}

html>body #menubox li a { width: auto; }

/**
-----------------------------------------------------
4.0 columns
-----------------------------------------------------
*/
#toolbar {
	padding-left: 1em;
	}

#toolbar a, #toolbar ul {
	font-size: 90%;
	color: #999999;
	text-decoration: none;
	padding-right: .25em;
	}

#toolbar ul {
	margin: 0;
	padding: 0;
	border: 0;
	}

#toolbar li {
	display: inline;
	margin: 0;
	padding: 0;
	}


#toolbar a:link, #toolbar a:visited {
	text-decoration: none;
}

#toolbar a:hover, #toolbar a:active {
	color: #000;
	text-decoration: underline;
}
/**
-----------------------------------------------------
4.0 columns
-----------------------------------------------------
*/
#title {
	height: auto;
	padding-left: .5em;
}

#container {
	margin: 0;
	width: 755px;
	max-width: 500px;
	/* border: 1px solid black; */
}

#wrap {
	margin-left: 160px;
	width: 100%;
}

.wrap {
	width: 100%;
}

/**
-----------------------------------------------------
3.0 Main Left Column (L)
-----------------------------------------------------
*/
#col {
	position: relative;
	width: 90%;
  }

#colL {
	position: absolute;
	left: 0px;
	width: 160px;
	color: #000;
	}

/**
-----------------------------------------------------
4.0 Main Content Column (M)
-----------------------------------------------------
*/
#colM {
	position: relative;
	color: #000;
	width: 100%;
	}

/**
-----------------------------------------------------
5.0 Main Right Column (R)
-----------------------------------------------------
*/
#colR {
	float: right;
	right: 0;
	margin: 0;
	padding: 0;
	width: 170px;
  }

/**
-----------------------------------------------------
4.0 Content Boxes
-----------------------------------------------------
*/
.box {
	margin-bottom: .25em;
	padding: 0.5em;
	border: 1px solid darkgray;
	width: 100%;
	background-color: fff;
}

.box img {
	margin: 0;
	padding: 0;
}

.box ul li {
	display: block;
	padding-bottom: 3px;
	text-decoration: none;
	/* Add alternative bullet
	background-image: url(..\images\bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0;
	*/
}

.redbullet li {
	list-style-image: url(..\images\bullet.jpg);
}

.nobullet li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.box20 {
	margin: 0;
	padding: 0.5em;
	width: 20%;
	background-color: fff;
}

.box30 {
	margin: 0;
	padding: 0.5em;
	width: 30%;
	background-color: fff;
}

.box40 {
	margin: 0;
	padding: 0.5em;
	width: 40%;
	background-color: fff;
}

.box60 {
	margin: 0;
	padding: 0.5em;
	width: 60%;
	background-color: fff;
}

.bluebox {
	margin: 0;
	padding: 0.5em;
	border: 1px solid darkgray;
	width: 100%;
	background-color: blue;
}

.darkgraybox {
	margin: 0;
	padding: 0.5em;
	border: 1px solid darkgray;
	width: 100%;
	background-color: gray;
}

/**
-----------------------------------------------------
7.0 Begin Footer
-----------------------------------------------------
*/
#footer	{
	clear: both;
	height: 20px;
	margin: 0;
	text-align: center;
	}

#links {
	font-size: 95%;
	border-top: 1px solid #990000;
	white-space: nowrap;
	height: 30px;
	width: 100%;
	text-align: center;
	line-height:300%;
	}

#copyright {
	font-size: 90%;
	margin: 0 auto;
	text-align: center;
	color: #999999;
	text-decoration: none;
	}
	
#misc {
	font-size: 85%;
	margin: 0 auto;
	text-align: center;
	color: #999999;
	text-decoration: none;
	}

#valid a {
	color: #999999;
	font-size: 60%;
	text-align: center;
	text-decoration: none;
	}

/**
-----------------------------------------------------
8.0 Generic
-----------------------------------------------------
*/
.hide {
	display: none;
	}

.clear {
	clear: both;
	}

.left {
	float: left;
	}

.right {
	float: right;
	}

.abright {
	position: absolute;
	right: 0;
	}

.center {
	text-align: center;	
	}

.buffer {
	padding: 0 1em;
	}