/* Sitewide Definitions
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body {
	background: #383F84;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	border: 0;
	}

td,p,span,font,div,a {
	FONT-FAMILY: Verdana, Arial, sans-serif;
	FONT-SIZE: 11px;
	color: black;
	}
	
/* Layout Definitions
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#movie {width: 774px;height: 170px;margin: 0;padding: 0;border-bottom: 1px solid #9999CC;}


/***************** begin link attributes *****************/
A:link {COLOR: #3333FF;TEXT-DECORATION: none}
A:visited {COLOR: #3333FF;TEXT-DECORATION: none}
A:active {COLOR: #3333FF;TEXT-DECORATION: none}
A:hover {COLOR: #3333FF;TEXT-DECORATION: underline}

A.bc:link {COLOR: #d2d2d2;TEXT-DECORATION: none}
A.bc:visited {COLOR: #d2d2d2;TEXT-DECORATION: none}
A.bc:active {COLOR: #d2d2d2;TEXT-DECORATION: none}
A.bc:hover {COLOR: #d2d2d2;TEXT-DECORATION: underline}

A.bcbold:link {COLOR: #d2d2d2;TEXT-DECORATION: none}
A.bcbold:visited {COLOR: #d2d2d2;TEXT-DECORATION: none}
A.bcbold:active {COLOR: #d2d2d2;TEXT-DECORATION: none}
A.bcbold:hover {COLOR: #d2d2d2;TEXT-DECORATION: underline}

.footer A:link {COLOR: #3333FF;TEXT-DECORATION: none}
.footer A:visited {COLOR: #3333FF;TEXT-DECORATION: none}
.footer A:active {COLOR: #3333FF;TEXT-DECORATION: none}
.footer A:hover {COLOR: #3333FF;TEXT-DECORATION: underline}

.leftnav A:link {COLOR: #3333FF;TEXT-DECORATION: none}
.leftnav A:visited {COLOR: #3333FF;TEXT-DECORATION: none}
.leftnav A:active {COLOR: #3333FF;TEXT-DECORATION: none}
.leftnav A:hover {COLOR: #3333FF;TEXT-DECORATION: underline}

A.leftnav:link {COLOR: #ffffff;TEXT-DECORATION: none}
A.leftnav:visited {COLOR: #ffffff;TEXT-DECORATION: none}
A.leftnav:active {COLOR: #ffffff;TEXT-DECORATION: none}
A.leftnav:hover {COLOR: #ffffff;TEXT-DECORATION: underline}

A.leftnavhead:link {COLOR: #e4e4e4;TEXT-DECORATION: none}
A.leftnavhead:visited {COLOR: #e4e4e4;TEXT-DECORATION: none}
A.leftnavhead:active {COLOR: #e4e4e4;TEXT-DECORATION: none}
A.leftnavhead:hover {COLOR: #e4e4e4;TEXT-DECORATION: underline}

A.maintext:link {COLOR: #3333FF;TEXT-DECORATION: none}
A.maintext:visited {COLOR: #3333FF;TEXT-DECORATION: none}
A.maintext:active {COLOR: #3333FF;TEXT-DECORATION: none}
A.maintext:hover {COLOR: #3333FF;TEXT-DECORATION: underline}
/***************** end link attributes *****************/

/***************** begin classes *****************/
.bc {COLOR: #d2d2d2;FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;FONT-SIZE: 11px;font-weight: bold}
.bcbold {COLOR: #d2d2d2;FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;FONT-SIZE: 11px;font-weight: bold}
.footer {COLOR: #383F84;FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;FONT-SIZE: 9px;
	padding: 20px 20px 20px 20px}
.heading {COLOR: #000000;FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;FONT-SIZE: 14px;font-weight: bold}
.leftnav {COLOR: #999999;FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;FONT-SIZE: 12px}
.leftnavhead {COLOR: #999999;FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;FONT-SIZE: 11px;font-weight: bold}
.maintext {COLOR: #000000;FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;FONT-SIZE: 11px;}
.maintextbold {COLOR: #669;font-weight: bold}
.maintextsmall {COLOR: #000; FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;FONT-SIZE: 9px}
.maintextsmallbold {COLOR: #000000;FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;FONT-SIZE: 9px;font-weight: bold}
.maintextred {COLOR: #990000;FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;FONT-SIZE: 11px}
.maintextredbold {COLOR: #990000;FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;FONT-SIZE: 11px;font-weight: bold}
.maintextblue {COLOR: #333399;FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;FONT-SIZE: 11px}
.maintextbluebold {COLOR: #333399;FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;FONT-SIZE: 11px;font-weight: bold}
.maptext {COLOR: #000000;FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;FONT-SIZE: 11px}
.maptextbold {COLOR: #000000;FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;FONT-SIZE: 11px;font-weight: bold}
.promo {COLOR: #000000;FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;FONT-SIZE: 11px}

.title {COLOR: #01087A;FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;FONT-SIZE: 16px;font-weight: bold; width:100%;margin-bottom: 20px;text-align: center}
.pictbox {float: right; padding: 8px; margin-left: 20px; background: #E5E6F3; border: 1px solid #ccf; text-align: center}

.ipara {
	text-indent: 3em;
	margin-right: 4px;
	font-style: normal;
	font-size: 11px;
	}

/* used in rimguard_spec.php */
.addybox { padding: 10px; text-align: center; }
.maintextheading { font-weight: bold; font-style: italic; font-size: 12px; }
.address { font-style: italic; font-size: 11px }
ul.specialpoint li { list-style-image: url("images/point.gif"); margin-bottom: 6px; }


/* contentbox is depreciated */
#contentbox {
	padding: 0px;
	border: #9999CC 1px solid;
	margin: 0px;
	background: #fff;
	}
#contentbox h3 {
	margin: 0px;
	FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;
	FONT-SIZE: 11px;
	background: url(images/tag_bg.gif);
	height: 75px;
	border-bottom: #9999CC 1px solid;
	}
#contentbox h2 {
	margin: 8px;
	FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;
	FONT-SIZE: 11px;
	font-weight: bold;
	color: 003366;
	}
#contentbox p {
	margin: 8px;
	FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;
	FONT-SIZE: 11px;
	}

/* contentbox2 is for an extra right content box, used in index.php */
#contentbox2 {
	padding: 0px;
	border: #9999CC 1px solid;
	margin: 0px;
	background: #fff;
	height: 450px;
	}

/* contentbox3 is for our most common layout table */
#contentbox3 {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: #fff;
	}
#contentbox3 .bordered {
	border: #9999CC 1px solid;
	border-top-width: 0px;
	}
#contentbox3 h1 {
	padding: 6px 5px;
	margin: 0px;
	FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;
	FONT-SIZE: 13px;
	font-weight: bold;
	color: #383F84;
	background: #fff;
	text-align: center;
	}
#contentbox3 h2 {
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	padding-left: 15px;
	padding-top: 5px;
	FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;
	FONT-SIZE: 11px;
	font-weight: bold;
	color: #003366;
	background: #e6e6e6;
	height: 25px;
	}
#contentbox3 h3 {
	margin: 8px;
	FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;
	FONT-SIZE: 11px;
	font-weight: bold;
	color: #003366;
	}
#contentbox3 p {
	margin: 8px;
	FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;
	FONT-SIZE: 11px;
	font-weight: normal;
	color: #003366;
	}
#contentbox3 h4 {
	margin: 4px;
	padding: 0px;
	FONT-SIZE: 12px;
	font-weight: bold;
	color: #666699;
	width: 100%;
	display: inline;
	}
#inside {
	padding: 0px;
	margin: 8px 8px 8px 8px;
	}

/* for our main content layout table, used within #contentbox3 */
#leftboxthing { width: 30px; border:solid #99c; border-width:1px 0px 0px 1px }
#rightboxthing { width: 30px; border:solid #99c; border-width:1px 1px 0px 0px }
#innercontentbox { margin: 0px; border:solid #99c; border-width:0px 1px 1px 1px; padding:20px }
#titlebox { border:solid 1px #99c; bgcolor:f0f0f0 }
#innercontentbox { font-size: 11px; }

/* for our left content box */
#outerleftbox {
	background: url(images/side_bar.gif);
	background-repeat: no-repeat;
	height: 470px;
	margin: 0px;
	padding: 0px;
	padding-top: 55px; /* side_bar.gif has 25px of space on top*/
	padding-right: 12px;
	}
#leftbox {
	margin: 0px;
	padding: 0px;
	width: 154px;
	margin-right: 1px;
	}
#leftbox p {
	margin: 8px;
	padding-left: 10px;
	FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;
	FONT-SIZE: 11px;
	color: #003366;
	}

/* used in left_nav.php */
.sidemenu_td,.sidemenu_td_nolink {
	border-bottom: 1px solid #CCCCFF;
	padding: 4px 4px 4px 10px;
	font-size: 11px;
	color: #3333FF;
	width: 100%;
	display: block;
	}
.sidemenu_td_nolink {
	/*color: #3366CC;*/
	}
a.sidemenu_td {
	background-color: #transparent;
	cursor: pointer;
	text-decoration: none;
	}
a.sidemenu_td:hover {
	background-color: #CDD4F1;
	cursor: hand;
	text-decoration: none;
	}

/* for charts.php and materials.php (and rimguard_msds.php) */
.sectiontitle {
	FONT-FAMILY: Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}
.section {
	margin: 0px;
	margin-bottom: 25px;
	border: 0px;
	padding: 0px;
	}
.section td, .section p {
	font-size: 11px;
	}
.bottomborder {	border-bottom: 1px solid black; }
.shade { background: #F6F6F6; }
.chart td {
	padding: 0px 20px 0px 0px;
	}
	
/* for forms */
.required { COLOR: red; SIZE: 11px; }
.thanks { COLOR: red; }
.contactform {
	border-width: 0px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
.input,.input_bad {
	border: 1px solid #333333;
	background-color: #F5F5F5;
	width: 160px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	}
.input_bad {
	border: 1px solid #993333;
	background-color: #fff5f5;
	}
.submit {
	border: 2px solid #333;
	border-color: #ddd #aaa #aaa #ddd;
	background-color: #F5F5F5;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	}