/* ////////////////////////// SPLASH PAGE ////////////////////////// */
/* ------ page formatting ------ */
body.splash
	{ background-color: #F2E7D1; text-align: center }

/* ------ border box that surrounds content ------ */
div.box 
	{ border: solid 2px #C00000; width: 750px; height: 263px; background: url('../images/background.gif') no-repeat top right #F2E7D1; 
	text-align: right; margin-top: 5% }

/* ------ page title graphic ------ */
img.splashtitle 
	{ margin: 27px 11px 25px 0px }

/* ------ page text ------ */
div.splashtext 
	{ font-family: 'trebuchet ms', arial, sans-serif; font-size: 12pt; color: #C00000; font-style: italic; font-weight: bold; text-align: right; 
	padding: 0px 30px 0px 0px }

/* ------ link arrow at bottom of page ------ */
img.splasharrow 
	{ position: relative; top: 25px; right: 12px; border-width: 0px }



/* ////////////////////////// MAIN FORMATTING ////////////////////////// */
/* ---------------------------------------- PAGE FORMATTING ---------------------------------------- */
body.main { margin: 0px; background: url('../images/background.gif') no-repeat top right #F2E7D1 }

/* ---------------------------------------- SITE LOGO ---------------------------------------- */
img.logo { position: absolute; top: 0px; left: 0px; z-index: -1 }

/* ---------------------------------------- LAYOUT TABLE ---------------------------------------- */
table.layout { width: 100%; height: 258px }

/* ---------------------------------------- MAIN NAVIGATION ---------------------------------------- */
td.nav { font-family: arial, sans-serif; font-size: 12pt; color: #000000; width: 397px; vertical-align: bottom; padding-left: 10px; background: url('../images/logo.jpg') no-repeat top left }
div.nojs { width: 397px; font-weight: bold; color:#ff0000; font-size: 9pt }
img.linkdot { margin-right: 7px }

/* ---------------------------------------- MAIN CONTENT ---------------------------------------- */
table.contentlayout { width: 100%; height: 100%; margin-top: 40px }
td.left { width: 25%; text-align: right; vertical-align: top; padding: 0px 0px 10px 10px }
td.content { font-family: arial, sans-serif; font-size: 10pt; color: #404040; padding: 0px 20px 25px 30px; text-align: justify; line-height: 14pt; vertical-align: top }

/* ---------------------------------------- TEXT DOT ---------------------------------------- */
img.textdot { margin-left: 0px }

/* ---------------------------------------- SECTION TITLE ---------------------------------------- */
td.titles { text-align: right; vertical-align: bottom; padding: 0px 12px 10px 0px }

/* ---------------------------------------- FOOTER ---------------------------------------- */
td.footer 
	{ font-family: verdana, arial, sans-serif; font-size: 8pt; text-align: right; padding: 2px 5px 3px 0px; height: 10px; 
	border-top: solid 1px #C00000 }

/* ////////////////////////// SITE ELEMENTS ////////////////////////// */

/* ---------------------------------------- ROTATING QUOTE ---------------------------------------- */
td.quote 
	{ font-family: 'trebuchet ms', arial, sans-serif; font-size: 14pt; font-style: italic; color: #2C6995; text-align: right; 
	padding: 38px 10px 45px 0px; height: 60px }

/* ---------------------------------------- HEADINGS ---------------------------------------- */
h2 
	{ font-family: 'trebuchet ms', arial, sans-serif; font-size: 18pt; font-weight: bold; font-style: italic; color: #C00000; margin: 0px; 
	padding: 10px 40px 0px 0px; text-transform: lowercase } 

h3 { font-family: 'trebuchet ms', arial, sans-serif; font-size: 13pt; font-weight: bold; font-style: italic; color: #C00000; margin: 0px }

/* ---------------------------------------- BULLETS AND NUMBERING ---------------------------------------- */
ul { list-style: square outside; color: #2C6995; margin-top: 10px } 
ol { list-style: lower-roman outside; color: #2C6995 } 

/* ---------------------------------------- BOLD KEYWORD TEXT ---------------------------------------- */
span.bold { font-weight: bold }

/* ---------------------------------------- INFO TEXT ---------------------------------------- */
div.infotext { font-family: verdana, arial, sans-serif; font-size: 9pt; color: #2C6995; text-align: right; padding-right: 5px; border: solid 0px black }

/* ---------------------------------------- TEXT LINKS ---------------------------------------- */
a:visited { color: #2C6995; font-weight: bold; text-decoration: none }
a:link { color: #2C6995; font-weight: bold; text-decoration: none }
a:hover { color: #C00000; font-weight: bold; text-decoration: none }

/* ---------------------------------------- ORDER FORM ---------------------------------------- */
div.form { padding: 10px; border: solid 1px #000000; width: 286px }
td.title { font-weight: bold; padding: 15px 10px 5px 0px; border-bottom: 1px solid #000000 }
td.formhead { width: 300px }
td.input { padding: 2px; text-align: right }
input.qty { width: 18px; font-size: 8pt; text-align: center }
td.buttons { padding-top: 5px; text-align: center }
input.button { font-size: 10pt; font-weight: bold; background-color: #F2E7D1; color: #000000; width: 450px }
input.text { font-size: 8pt; width: 180px }
textarea.text { font-family: arial, sans-serif; width: 450px; font-size: 9pt; background-color: #F2E7D1; border: solid 1px #000000 }

/* ---------------------------------------- SITE MAP ---------------------------------------- */
div.t1 { font-size:14pt; border-bottom:1px solid #CC9933; padding-top: 10px; font-weight: bold }
div.t2 { font-size: 12pt; text-indent: 20px; font-weight: bold } 
div.t3 { font-size: 10pt; text-indent: 40px; font-weight: bold } 
div.t4 { font-size: 9pt; text-indent: 60px; font-weight: bold }