/* ===========================================
    CSS STYLES FOR CHRISTINE MARSH DESIGNS
   =========================================== */   

/* RESET */

a img { border: none; }
a { outline: none; } /* Gets rid of dotted border around clicked links in Firefox */
table { border-collapse: collapse; }
object { font-size: 0px; line-height: 0px; } /* Gets rid of gap below SWF in Firefox */

/* PAGE ELEMENTS */

body {
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #970000 url(../images/elements/bg_page_top.gif) repeat-x 0px 0px;
	margin: 0px;
	padding: 0px;
}
#container {
	background-image: url(../images/elements/bg_page_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#header {
	position: relative;
	height: 40px;
	width: 780px;
}
#navtop {
	font: bold 11px/12px Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	width: 200px;
	position: absolute;
	left: 8px;
	top: 14px;
}
#navtop a:link, #navtop a:active, #navtop a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none; 
}
#navtop a:hover {
	font-weight: bold;
	color: #E6E300;
	text-decoration: none; 
}
#buttonstop {
	position: absolute;
	height: 14px;
	top: 12px;
	right: 28px;
}
#masthome {
	height: 317px;
	width: 780px;
}
#promo div {
	margin: 0px 0px 12px 12px;
	padding: 0px;
}
#footer {
	background: url(../images/elements/tagline_bottom.gif) no-repeat 0px 0px;
	margin: 20px 0px 0px;
	padding: 0px;
	height: 52px;
	width: 780px;
	position: relative;
}
#copyright {
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 20px;
	bottom: 8px;
}
#minheight {
	height: 400px;
	width: 1px;
}
#links div {
	margin-top: 0px;
	margin-bottom: 20px;
}
.links {
	margin-top: 0px;
	margin-bottom: 20px;
}

/* HTML TAGS */

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #FF7E00;
	margin-top: 0px;
	margin-bottom: 12px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #FE7B07;
	margin-top: 0px;
	margin-bottom: 12px;
}
p {
	margin-top: 0px;
	margin-bottom: 12px;
}

/* LEFT SIDE NAVIGATION */

#navleft {
	margin: 0px 0px 4px;
	padding: 0px;
}
#navhead {
	margin-bottom: 16px;
	margin-left: 12px;
}
#nav {
	font: bold 11px/12px Arial, Helvetica, sans-serif;
	color: #E6E300;
	margin: 0px 0px 0px 12px;
	padding: 0px;
	list-style: none;
}
#nav li {
	margin: 0px 0px 12px;
	padding: 0px;
	float: left;
	width: 162px;
}
#nav a:link, #nav a:active, #nav a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none; 
}
#nav a:hover {
	font-weight: bold;
	color: #E6E300;
	text-decoration: none; 
}
.navmessage {
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #E6E300;
	margin: 0px 0px 14px 12px;
	padding: 14px 0px 0px;
	width: 140px;
	border-top: 1px solid #9D9D9D;
}

/* CLASSES */

.pagehead {
	margin-top: 0px;
	margin-bottom: 6px;
	height: 26px;
}
.box-orange {
	background-image: url(../images/elements/orange_box.gif);
	background-repeat: no-repeat;
	background-position: 4px 0px;
}
.box-orange-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	margin-top: 8px;
	margin-right: 8px;
	margin-left: 9px;
}
.list {
	text-indent: -0.63em;
	margin-left: 0.63em;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	font-size: 1px;
	line-height: 0px;
	clear: both;
	height: 0;
}

/* LINK STYLES */

a:link, a:active, a:visited { 
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
	}
a:hover { 
	font-weight: normal;
	color: #E6E300;
	text-decoration: underline;
	}
.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 12px;
	margin-left: 12px;
	margin-right: 12px;
}
.nav a:link, .nav a:active, .nav a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none; 
}
.nav a:hover {
	font-weight: bold;
	color: #E6E300;
	text-decoration: none; 
}
.products {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #E6E300;
	margin-top: 4px;
}
.products a:link, .products a:active, .products a:visited {
	font-weight: bold;
	color: #E6E300;
	text-decoration: none; 
}
.products a:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none; 
}
.outlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 6px;
}
.outlinks a:link, .outlinks a:active, .outlinks a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none; 
}
.outlinks a:hover {
	font-weight: bold;
	color: #E6E300;
	text-decoration: none; 
}