/* General Styles */

html, body {
	background: #FFFFFF;
	color: #000000;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
div {
	margin: 0;
	padding: 0;
}
div.wrapper {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 100%;
}
div.main {
	clear: both;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
img {
	border: none;
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Header Styles */

div.banner {
	background: #006666;
	color: #FFFFFF;
	margin: 0;
	padding: 0 30px 0 0;
}
div.banner p {
	float: right;
	font: bold 90% Arial, Helvetica, sans-serif;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: right;
}

/* Menu Container Styles */

div.menubox {
	background: #DEDEDE;
	clear: both;
	color: #000099;
	float: right;
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
}
.menubox a {
	display: block;
	float: left;
	text-decoration: none;
	width: 100.1%;
}

/* IE5-Mac Hack \*/

.menubox a {
	float: none;
}

/* End IE5-Mac Hack */

.menubox a:link,
.menubox a:visited {
	background: #DEDEDE;
	color: #000099;
	display: inline;
	margin: 0;
	padding: 4px;
}
.menubox a:focus,
.menubox a:hover,
.menubox a:active {
	background: #FFFFFF;
	color: #000099;
	display: inline;
	margin: 0;
	padding: 4px;
}

/* Menu Styles */

div.mainmenu {
	background: #DEDEDE;
	color: #000099;
	float: right;
	margin: 0;
	padding: 0;
}
div.mainmenu ul {
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
}
div.mainmenu li {
	background: #DEDEDE;
	color: #000099;
	display: inline;
	font: bold 80% Verdana, Arial, Helvetica, sans-serif;
	line-height: 2em;
	list-style: none;
	margin: 0 30px;
	padding: 0;
	text-transform: uppercase;
}
div.mainmenu li.current {
	background: #FFFFFF;
	color: #000099;
	display: inline;
	font: bold 80% Verdana, Arial, Helvetica, sans-serif;
	line-height: 2em;
	list-style: none;
	margin: 0 30px;
	padding: 0;
	text-transform: uppercase;
}
div.mainmenu li.current a:link,
div.mainmenu li.current a:visited {
	background: #FFFFFF;
	color: #000099;
	line-height: 2em;
	display: inline;
	margin: 0;
	padding: 4px;
}

/* Sidebar Container Styles */

div.sidebar {
	background: #FFFFFF;
	color: #000099;
	float: left;
	margin: 0;
	padding: 0;
	max-width: 20%;
	width: 20%;
}
.sidebar a {
	display: block;
	float: left;
	text-decoration: none;
	width: 100.1%;
}

/* IE5-Mac Hack \*/

.sidebar a {
	float: none;
}

/* End IE5-Mac Hack */

.sidebar a:link,
.sidebar a:visited {
	background: #FFFFFF;
	color: #000099;
	margin: 0;
	padding: 4px;
}
.sidebar a:focus,
.sidebar a:hover,
.sidebar a:active {
	background: #DEDEDE;
	color: #000099;
	margin: 0;
	padding: 4px;
}

/* Sidemenu Styles */

div.submenu {
	background: #FFFFFF;
	color: #000099;
	margin: 0;
	padding: 0;
}
div.submenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.submenu li {
	background: #FFFFFF;
	color: #000099;
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.25em;
	list-style: none;
	margin: 0 5px 0.25em 20px;
	padding: 0;
	text-transform: uppercase;
}
div.submenu li.current {
	background: #DEDEDE;
	color: #000099;
}
div.submenu li.current a:link,
div.submenu li.current a:visited {
	background: #DEDEDE;
	color: #000099;
	line-height: 1.25em;
	margin: 0;
	padding: 4px;
}

/* Content Styles */

div.content {
	clear: right;
	margin: 0 5% 0 25%;
	padding: 0;
}
div.content p {
	margin: 0 10% 1em 30px;
	padding: 0;
}
div.content p.block {
	margin: 1em 10% 1em 50px;
	padding: 0;
}
div.quote {
	background: #DEDEDE;
	border: 1px solid #000099;
	color: #000099;
	font: bold 90% Lucida Handwriting, Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.75em;
	margin: 0 10% 0 30px;
	padding: 1em;
}
div.quote p {
	margin: 0 1em 1em;
	padding: 0;
}
div.describe {
	clear: left;
	margin: 1em 15% 1em 0;
	padding: 0;
}
div.categories {
	clear: right;
	padding: 0;
	width: 93%;
}

/* Text Styles */

h1 {
	background: #FFFFFF;
	color: #000099;
	font: bold 150% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0 5% 1em 30px;
	padding: 0;
}
h2 {
	background: #FFFFFF;
	color: #000099;
	font: bold 120% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 1em 0 0.25em 30px;
	padding: 0;
}
a:link {
	color: #000099;
	background: transparent;
}
a:visited {
	color: #666666;
	background: transparent;
}
a:focus,
a:hover,
a:active {
	color: #FF6699;
	background: transparent;
}
dl {
	margin: 1em 10% 1em 30px;
}
dt {
	background: #FFFFFF;
	color: #000099;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0.5em 0 0.25em 0;
	padding: 0;
}
fieldset {
	margin: 1em 5% 1em 30px;
}
legend {
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
}
.highlight {
	background: #FFFFFF;
	color: #000099;
	font: bold 95% Verdana, Arial, Helvetica, sans-serif;
}
.small {
	font: 85% Verdana, Arial, Helvetica, sans-serif;
}
ul.open {
	list-style: square;
	margin: 0 10% 0 50px;
}
ul.open li {
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
}
ul.xref li {
	background: url(../img/chip.gif) no-repeat 0 50%;
	font: 95% Arial, Helvetica, sans-serif;
	margin: 1em 10px 1em 20px;
	padding: 0 10px 0 25px;
}
li.return {
	background: url(../img/lt-arrow.gif) no-repeat 0 100%;
	float: right;
	font: 95% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 20px 10% 0 20px;
}
li.totop {
	background: url(../img/up-arrow.gif) no-repeat 0 50%;
	clear: both;
	float: right;
	font: 95% Arial, Helvetica, sans-serif;
	margin: 1em 0 1.5em;
	padding: 5px 10% 0 20px;
}

/* Thumbnail Styles */

div.thumbnail {
	float: left;
	height: 188px;
	margin: 10px 5px 10px 5px;
	width: 200px;
}
div.thumbnail p {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
}

/* Table Styles */

table.contact {
	border: none;
	margin: 0 0 0 30px;
}
table.contact th {
	background: #FFFFFF;
	border: none;
	color: #000000;
	padding: 2px;
	text-align: left;
	width: 10%;
}
table.contact td {
	background: #FFFFFF;
	border: none;
	color: #000000;
	padding: 2px;
	text-align: left;
	width: 10%;
}
table.data {
	border: 1px solid #000000;
	margin: 0 0 0 30px;
}
table.data th {
	background: #DEDEDE;
	border: 1px solid #000000;
	color: #000099;
	padding: 2px;
	text-align: center;
}
table.data td {
	background: #FFFFFF;
	border: 1px solid #000000;
	color: #000099;
	padding: 2px;
	text-align: center;
}
table.shapes {
	border: none;
	margin: 0 0 0 30px;
}
table.shapes th {
	background: #006666;
	border: none;
	color: #FFFFFF;
	padding: 2px;
	text-align: center;
	width: 10%;
}
table.shapes td {
	background: #006666;
	border: none;
	color: #FFFFFF;
	padding: 2px;
	text-align: center;
	width: 10%;
}

/* Footer Styles */

div.footbanner {
	background: #006666;
	clear: both;
	color: #FFFFFF;
	float: left;
	margin: 15px 0 0;
	padding: 0 30px 4px 0;
	
}
div.footbanner img {
	float: none;
	margin: 0;
	padding: 0;
}
div.footbanner p.left {
	float: left;
	margin: 0;
	padding: 0;
}
div.footbanner p.right {
	float: right;
	font: bold 90% Arial, Helvetica, sans-serif;
	margin: 1em 0;
	padding: 0;
	text-align: right;
}
.footbanner a:link,
.footbanner a:visited {
	color: #FFFFFF;
	background: #006666;
}
.footbanner a:focus,
.footbanner a:hover,
.footbanner a:active {
	color: #FFCCCC;
	background: #006666;
}
div.footer {
	background: #DEDEDE;
	clear: both;
	color: #000099;
	margin: -1em 0 0 0;
	padding: 0.5em 0;
	text-align: center;
}
div.footer p {
	font: bold 75% Arial, Helvetica, sans-serif;
	line-height: 100%;
	margin: 0.5em 20px 0.5em;
	padding: 0 0 0 0;
	text-transform: uppercase;
}
div.footer img {
	margin: 0 4px 0;
	padding: 0;
}
div.copyright {
	margin: 0 0 20px 0;
	padding: 0;
}
div.copyright p {
	font: 75% Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
}