/* ---------------------------------------------------------------------
   Master - Styles for page layout, color and all around greater control
   ------------------------------------------------------------------------ */

/* Layout Container
------------------------------------------------------------------ */

#container {
position:relative;
margin:0 auto;
width:798px;
background:#000;
height:auto !important;
/*min-height:780px;  */
border: 1px solid #CA1502;
border-top:none;
}



/* Header
------------------------------------------------------------------ */

#header { background: #000; height: 108px; top:0px; left:0px; position: relative; width:798px;  }

#header h1 { position: absolute; left: 13px; top: 0px; margin: 0;}

#header #call-block {
	position: absolute;
	right: 20px; top: 12px;
	margin: 0;
	color:#E6EAEB;
	font-size: 1.2em;
	line-height:180%;
	text-align: center;
}

#header img {color:#E6EAEB;}

#header #nav a:link,
#header #nav a:visited {}
#header #nav a:link.selected,
#header #nav a:visited.selected {}
	

#top-nav { background:#000000 url(../img/bg-nav-top.png) top repeat-x;
border: 1px solid #650B01;
border-left:none;
border-right:none;
font-size:1.40em;
text-align:center;
padding:.5em 0;
height:20px}

#top-nav a {
padding:0 .8em;
color:#FFFF00;
letter-spacing:.1em;}

#promo-banner {
width: 798px; height: 212px;
margin:0;
background: #CFD5CE ;
top:10px;
}

#ip-promo-banner {
width: 798px; height:102px;
margin:0;
background: #CFD5CE;
top:10px;
}



/* hp contentBox
------------------------------------------------------------------ */

#leftContent{
/* width:45%; */
width:auto;
height:auto;
padding:0px;
margin:0 0 0 0!important; margin:0 0 0 10px;  /* All browsers use first rule, IE6 reads only the second */ 
/*float:left; */
background-color:transparent;
}

#rightContent {
/* width: 49%; */
width: 100%;
height:auto;
padding:0px;
margin: 0 1.8em 0 0!important; margin:0 10px 0 0; /* All browsers use first rule, IE6 reads only the second */ 
float:right;
background-color:transparent;
}

#leftContent p { font-size: 1.2em; line-height:110%;}
#rightContent p { font-size: 1.2em; line-height:110%;}

.hp-nav-block {font:1.6em Arial, Helvetica, sans-serif}
.hp-nav-block ul { list-style:none; margin:22px 0 10px 0;}
.hp-nav-block img { float:left; margin-right:5px; margin-top:-22px;}
.hp-nav-block li a { border-bottom: 1px solid #666;}
.hp-nav-block li a:hover { color:#FFFF00; border-bottom: 1px solid #ffff00; text-decoration:none }

/* ip contentBox
------------------------------------------------------------------ */

#ip-leftContent{
width:auto;
height:auto;
padding:0px;
margin:0 0 0 1.8em!important; margin:0 0 0 10px;  /* All browsers use first rule, IE6 reads only the second */ 
float:left;
background-color:transparent;
}

#ip-rightContent {
width: auto;
height:auto;
padding:0px;
margin: 0 1.8em 0 0!important; margin:0 10px 0 0; /* All browsers use first rule, IE6 reads only the second */ 
float:right;
background-color:transparent;
}

#ip-centerContent{
width:95%;
height:auto;
padding:0px;
margin:0 0 0 1.8em!important; margin:0 10px 0 10px;  /* All browsers use first rule, IE6 reads only the second */ 
float: none;
background-color:transparent;
}

#ip-leftSafety{
width:55%;
padding:0px;
margin:0 0 0 1.8em!important; margin:0 0 0 10px;  /* All browsers use first rule, IE6 reads only the second */ 
float:left;
background-color:transparent;
}

#ip-rightSafety {
width: 40%;
padding:0px;
margin: 0 1.8em 0 0!important; margin:0 10px 0 0; /* All browsers use first rule, IE6 reads only the second */ 
float:right;
background-color:transparent;
}

#ip-leftContent p { font-size: 1.5em; line-height:150%;}
#ip-rightContent p { font-size: 1.5em; line-height:150%;}
#ip-centerContent p { font-size: 1.5em; line-height:150%;}
#ip-leftSafety p { font-size: 1.5em; line-height:150%;}

#ip-cat-Title { 
font:2em Arial, Helvetica, sans-serif;
color:#FFF100;
border-bottom: 1px solid #FFF100;
width:200px;
}

.ip-catList-block {font:1.6em Arial, Helvetica, sans-serif}
.ip-catList-block ul { list-style:outside; list-style-image:url(../img/bullet-star.jpg);}
.ip-catList-block li { margin:1em 2em 1em .5em; }
.ip-catList-block li a { border-bottom: 1px dashed #666; margin-left:.5em;}
.ip-catList-block li a:hover { color:#FFFF00; border-bottom: 1px dashed #ffff00; text-decoration:none }
.ip-catList-roll { margin-left:.5em; color:#FFFF00; border-bottom: 1px dashed #ffff00; text-decoration:none }

.ip-safeList-block {font:1.4em Arial, Helvetica, sans-serif}
.ip-safeList-block ul { list-style:outside; list-style-image:url(../img/bullet-check.png);}
.ip-safeList-block li { margin:1em 2em 1em .5em; }


/* Footer
------------------------------------------------------------------ */
#footer {

background:#9D0900 url(../img/bg-prefooter.png) repeat-x;
height: 25px; width:auto; /* width: 800px; */ 
margin:0 auto 12px auto; 
padding:0 1.5em; 
position:inherit;
}

#footer a {
padding:0 .8em;
color:#ffff00;
letter-spacing:.1em;
}



#footer #footer-nav { 
/*	position:relative; */
	text-align:left;
	top:7px;
}

#footer #footer-copyright {
/*	position:relative; */
	text-align:right;
	vertical-align:middle;
}



/* Menu (using CSS for highlighting current page)
------------------------------------------------------------------ */

body#menu1Main a#menu1Nav, 
body#menu2Main a#menu2Nav, 
body#menu3Main a#menu3Nav
{
background: #fff;
}

.link-list a {color: #ccc;}



/* Global
------------------------------------------------------------------ */

.clear {clear:both; margin:5px; padding:5px;}

.separator { 
background: url(../img/line_dotted_horizontal.gif) repeat-x; 
margin: 10px 30px 10px 0 !important; margin:12px 15px -5px 0;   /* All browsers use first rule, IE6 reads only the second */ 
padding:0;
width: 550px; height: 1px;
float:right; clear:both; 
}

.left {float: left;}
.right { float: right;}

#font-Large {font-size: large;}