@charset "iso-8859-5";

/* ********************************************************************* */
/* *************** BASIC BODY TAGS AND CONTAINERS *********************** */
/* ********************************************************************* */

body{
margin:0;
padding:0;
line-height: 1.5em;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-image: url(/images/bgGrid.png);
text-align:center;
border:0px;
}
#introBody {
margin:0;
padding:0;
line-height: 1.5em;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-image: url(images/introBacking.jpg);
background-repeat:repeat-x;
background-position:left;
text-align:center;
border:0px;
}
#maincontainer{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background:#FFFFFF;
border: 1px solid #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
background-color: #FFFFFF;
text-align:left;
}
#IntroTitleBox {
width: 720px;
margin: 0 auto;
padding:0px;
border:1px #666 solid;
background-color:#E8e8e8;
}
#introImage{
background-image: url(images/CobleIntroBanner.jpg);
background-repeat:no-repeat;
background-position:top left;
width:720px;
}
#IntroTitleBox h1 {
letter-spacing:-1px;
font-size:28px;
line-height:0px;
text-align:left;
padding-left:50px;
color:#333333;
}
#IntroTitleBox h2 {
letter-spacing:-5px;
font-size:72px;
line-height:0px;
text-align:left;
padding-left:175px;
padding-top:18px;
color: #800000;
}
#introContainer {
width: 720px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background:#FFFFFF;
border: 1px solid #000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
background-color: #FFFFFF;
text-align:left;
}
#topbarOut {
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#999;
margin-top:25px;
padding-right:15px;
padding:5px;
letter-spacing:0px;
}
#introtopbarOut {
width: 720px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#999;
margin-top:25px;
padding-right:15px;
padding:5px;
letter-spacing:0px;
}
#topbarOut a, #introtopbarout a{
color:#999;
text-decoration:none;
}

#topbarOut a:hover, #introtopbarout a:hover{
color: #D4340C;
}

#topsection{
background: #FFFFFF;
height: 250px; /*Height of top section*/
}

#contentwrapper{
float: left;
width: 100%;
margin-top: 10px;
margin-bottom:100px;
}

#contentcolumn{
margin: 0px 300px 0 20px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background:#FFFFFF;
}


#mainContain { /*FOR MAIN TEXT SIDES CONTAINER*/
margin-left:25px;
margin-right:25px;

padding: 0px;
}
#rightContain { /*FOR RIGHT TEXT SIDES CONTAINER*/
margin: 0px;
padding-left: 20px;
padding-right: 20px;
}
#rightContain #lcontain img { /*FOR RIGHT TEXT SIDES CONTAINER*/
margin: 0px;
padding:5px;
border:0px;
}
#leftContain { /*FOR LEFT TEXT SIDES CONTAINER*/
margin: 0px;
padding-left: 20px;
padding-right: 20px;
}

#leftcolumn{
float: left;
width: 0px; /*Width of left column in pixel*/
margin-left: -900px; /*Set margin to that of -(MainContainerWidth)*/
background:#FFFFFF;
margin-top:5px;
}

#rightcolumn{
float: left;
width: 300px; /*Width of right column*/
margin-left: -300px; /*Set left margin to -(RightColumnWidth)*/
background:#FFFFFF;
margin-top:25px;
}

/* ****************TWO COLUMNS IN MIDDLE CONTAINER ******************* */
#contentwrapper1{
float: left;
width: 100%;
}
#twoColContain {
margin: 0 auto;
padding:0px;
width: 250px;
}

#contentcolumn1{
margin: 0 250px 0 250px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background:#FFFFFF;
}
#leftcolumn1{
float: left;
width: 250px; /*Width of left column in pixel*/
margin-left: -250px; /*Set margin to that of -(MainContainerWidth)*/
background:#FFFFFF;
}

#rightcolumn1{
float: left;
width: 250px; /*Width of right column*/
margin-left: -250px; /*Set left margin to -(RightColumnWidth)*/
background:#FFFFFF;
}
/* *************** END TWO COLUMN SETUP **************** */

#footer {
clear: left;
width: 100%;
background: #D4340C;
color: #FFF;
text-align: right;
padding: 10px 0;
vertical-align: bottom;
}

.innertube {
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/* ASSOCIATES PAGE */

#associates {} /* for the associates page you can do that later tho */
#associates img {float:left; clear:left; padding:8px 25px 5px 0px;}

/* ********************************************************************* */
/* *************** END BASIC BODY TAGS AND CONTAINERS *********************** */
/* ********************************************************************* */

/* ********************************************************************* */
/* *************** ALL TEXT FORMATTING OPTIONS *********************** */
/* ********* Headers, Box Elements, List Styles, Link Styles ********* */
/* ********************************************************************* */

/* *************** MISC SPAN CLASSES FOR TEXT CONTROL *********************** */
b{font-weight:bold; font-size:90%;}
em{ font-style:italic;}
.bold {font-weight:bold;}
.nobold{font-weight:normal;}
.italic { font-style:italic;}
.red {color: #D4340C;}
.blacker {color:#333333;}
.white {color:#FFFFFF;}
.big {font-size:125%;}
.bigger {font-size:150%;}
.biggest {font-size:200%;}
.small {font-size:90%;}
.smaller {font-size:75%;}
.smallest {font-size:50%;}
.arial {font-family:Arial, Helvetica, sans-serif; font-style:normal; text-decoration:none;}
.times {font-family: "Times New Roman", Times, serif; font-style:normal; text-decoration:none;}
.bDots { border-bottom:solid; border-bottom-width:1px;}
#mainContain hr { border-bottom: solid #BF0000 2px; margin-top:10px; margin-bottom:10px;}
#leftcolumn hr { border-bottom: solid #BF0000 2px; margin-top:20px; margin-bottom:20px;}
.leftColtxt1 {
margin: 0 auto;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
letter-spacing:0px;
}
.indentleft {
padding-left:30px;
}
.topspace {
padding-top:10px;
}
.bottomspace {
padding-bottom:10px;
}
.biggap {
height: 250px;
}

.contactFormInside p{margin:0px 0px 0px 10px; font-weight:bold;}
.contactFormInside br{height:10xpx; margin:0px; padding:0px; line-height:10px;}

/* LIVE VALIDATION STYLES BASE
--------------------------------------------------------------- */
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}




/* *************** HEADERS *********************** */
/*#contentcolumn*/ .h1{  /* Bold Black 18pt Arial -1 */
margin: 0;
line-height:14px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:-1px;
}

/*#contentcolumn*/ .h2{  /* Bold Black 14pt Arial 0 */
margin: 0;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
letter-spacing:0px;
color: #333333;
}
/*#contentcolumn*/ .h3{  /* Reg Red 18pt Arial 0 */
margin: 0;
line-height:16px;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
letter-spacing:0px;
color: #D4340C;
}
/*#contentcolumn*/ .h4{  /* Bold Black 16pt Times Dotted Bottom 0 */
margin: 0;
line-height:18px;
font-family: "Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
font-style: normal;
letter-spacing:0px;
color: #333333;
border-bottom:solid;
border-bottom-color: #333333;
border-bottom-width:1px;
}
/*#contentcolumn*/ .h5{  /* HUGE Bold Black 48px Arial -3 */
margin: 0;
line-height:48px;
font-family:Arial, Helvetica, sans-serif;
font-size:48px;
font-weight:bold;
font-style: normal;
letter-spacing:-4px;
color: #333333;
text-decoration: none;
}
/*#contentcolumn*/ .h6{  /* Big Bold 20pt Times */
margin: 0;
line-height:20px;
font-family: "Times New Roman", Times, serif;
font-size:20px;
font-weight:bold;
font-style:italic;
letter-spacing:0px;
color: #333333;
text-decoration:none;
}
/*#contentcolumn*/ .h7{
margin: 0;
line-height:18px;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight: normal;
font-style: normal;
letter-spacing:-1px;
color: #333333;
text-decoration:none;

} 
/*#contentcolumn*/ .h8{
margin: 0;
line-height:24px;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
font-style:normal;
letter-spacing:-1px;
color: #D4340C;
text-decoration:none;
border-bottom:solid;
border-bottom-color: #D4340C;
border-bottom-width:1px;
}
/*#contentcolumn*/ .h8 a:hover {
text-decoration:none;
color:#666666;
}
.h9 /* UNDER LIST TEXT */ {
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
font-size:14px;
letter-spacing:0px;
color:#333333;
line-height:16px;
padding-bottom:30px;
padding-top:10px;
}

#topsection h1{
/*margin: 0;
padding-top: 15px;
line-height:28px;
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
font-weight:bold;
letter-spacing:-1px;*/
}

#topsection h2{
/*margin: 0;
padding-top: 10px;
line-height:14px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;*/
}
/* *************** IMAGES AND LINKS FORMATTING *********************** */
.imgFloat {
float:left;
margin:0px auto;
padding:0px auto;
padding-right:10px;
}
img{
margin:0;
padding-bottom:5px;
padding-top:10px;
margin-bottom:10px;
text-align:left;
vertical-align:top;
border:0;
}
img a{border:0; border:none;}
.blockedText {  /* White Box with img, and red top dashed lines */
background-color: #FFF;
padding:10px;
border:#D4340C 3px solid;
border-top:15px solid #D4340C;
/*  background-image:url(/images/bgGrid.gif); */
}
/*#contentcolumn*/ a{
color:#D4340C;
font-weight:bold;
text-decoration:none;
}
/*contentcolumn*/ a:hover{
color:#D4340C;
font-weight:bold;
text-decoration: underline;
}
/*contentcolumn*/ a:visted{
color: #AF2B0A;
font-weight:bold;
text-decoration:none;
}
/* *************** LIST STYLES *********************** */
#liststyle1 {
list-style-image:url(/images/arrowR10px_red.jpg);
list-style-type:disc;
line-height:20px;
color:#333333;
}
#liststyle1 li{
list-style-image:url(/images/arrowR10px_red.jpg);
list-style-type:disc;
line-height:20px;
color:#333333;
font-size:14px;
letter-spacing:-1;
}
#liststyle1 a {
color:#333333;
text-decoration:none;
}
#liststyle1 a:hover {
color: #D4340C;
text-decoration:none;
}

#order {
list-style: decimal-leading-zero;
list-style-type: decimal-leading-zero;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#D4340C;
line-height:16px;
}
#order ol {}
#order li {
color: #666666;
padding-bottom:10px;
font-weight:bold;
}
.1list { /* First and top of List Style use span class */
color: #D4340C;
font-weight:bold;
font-size: 14px;
line-height:20px;
list-style:url(/images/arrowR10px_red.jpg);
list-style-image:url(/images/arrowR10px_red.jpg);
}
.2list { /* Second List Item Down */
color: #333333;
font-weight:bold;
font-size: 12px;
list-style-type: disc;
line-height:20px;
}
.3list { /* Third List Item Down */
color: #D4340C;
font-weight: bold;
font-size: 11px;
list-style:url(/images/xsmarrow.jpg);
list-style-image:url(/images/xsmarrow.jpg);
line-height:18px;
}
.4list { /* Last and Smallest List Item Down */
color: #999999;
font-weight: normal;
font-style:italic;
font-size: 11px;
list-style:url(/images/xsmarrow.jpg);
list-style-image:url(/images/xsmarrow.jpg);
line-height:14px;
}
#mainContain li { /* First and top of List Style use span class */
/* color: #D4340C;
font-weight:bold;
font-size: 12px;
line-height:24px;
*/ }
/* ********************************************************************* */
/* *************** END ALL TEXT FORMATTING OPTIONS *********************** */
/* ********************************************************************* */

/* ********************************************************************* */
/* *********************** START THE MENU STYLES ********************************** */
/* Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/* Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */
/* THANKS! */
/* ********************************************************************* */

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(/images/menur_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
	vertical-align: baseline;
}
.glossymenu li{
	float:left;
}
.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}
.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}
.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(/images/menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(/images/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}
menuContain {
margin: 0;
padding: 170px 0 150px 0;;
margin-bottom:15px;
}