/* CSS Document */

html { background-image:url(../style-graphics/html-bg-blue.gif); padding-top:10px;}

body {
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:90%;
 text-align:left;
background: none;
 margin:auto;
 padding:0px;
 color:#000;
 width:850px;}

hr {width:100%; color:#e65548; background-color:#e65548; border:0px; height:2px;} 
p {margin:3px 0px 0px 3px;}

h1 { margin-left:-3000px;}
h2 { font-family:Georgia, "Times New Roman", Times, serif;
font-size:150%;
display:block;
color:#505050;
padding:3px 0px 6px 0px;}
h3 { font-family:Georgia, "Times New Roman", Times, serif;
font-size:130%;
display:block;
color:#505050;
padding:5px 0px 5px 0px; }

.h2override { font-family:Georgia, "Times New Roman", Times, serif;
font-size:150%;
display:block;
color:#505050;
padding:3px 0px 6px 0px;
text-indent:0px;}

.h3override { font-family:Georgia, "Times New Roman", Times, serif;
font-size:130%;
display:block;
color:#505050;
padding:5px 0px 5px 0px; }

.h1titleright { font-family:Georgia, "Times New Roman", Times, serif;
font-size:130%;
display:block;
color:#505050;
padding:5px 0px 5px 0px;
margin:3px 0px 0px 3px;
}

.htagbody {
 font-family:Georgia, "Times New Roman", Times, serif;
 text-align:left;
 background: none;
 margin:3px 0px 0px 3px;
 padding:0px;
 color:#000;
 font-weight:normal;
 padding:0px;
 font-size:100%;
 line-height:150%;}

.htagbodyindent {
 font-family:Georgia, "Times New Roman", Times, serif;
 text-align:left;
 background: none;
 margin:3px 0px 0px 3px;
 padding:0px;
 color:#000;
 font-weight:normal;
 padding:0px;
 font-size:100%;
 text-indent:20px;
 line-height:160%;
 margin-bottom:0px;}
 
/* link styles are all specific*/

#quick-links {height:28px; overflow:visible;   width:850px; color:#505050;}
/*quick-links-ul-wrap exists to create a layer for background image*/
#quick-links-ul-wrap {	float:right; width:
850px; height:28px; background-color:#cdd8eb; background-image:url(../style-graphics/quick-tab-left-red.gif); background-position:top left; background-repeat:no-repeat;}
#quick-links ul {float:right; width:
835px; height:28px; padding-right:15px;  background-image:url(../style-graphics/quick-tab-right-red.gif); background-position:top right; background-repeat:no-repeat; }

#quick-links li { float:right; font-size:90%; font-weight:bold; margin:6px 12px 0px 0px;background-color:#f5f5f5; }
/*display:inline is included in quick-links li and quick-links li a, to fix an IE6 bug*/
*html #quick-links li {display:inline;}
#quick-links li a {display:inline; height:18px; color:#505050; background-color:#f5f5f5; text-decoration: none;
}
#quick-links a:link {padding:0px 5px 0px 14px;}
#quick-links a:visited {padding:0px 5px 0px 14px;}
#quick-links a:hover {padding:0px 5px 0px 14px; color:#e65548; text-decoration:underline; }


#content-wrap {width:846px; background-color:#ffffff; border-top:0px solid #fff;  border-right:2px solid #e65548; border-left:2px solid #e65548; border-bottom: 0px;  background-image:url(../style-graphics/nav-col-bg.gif); background-position:left; background-repeat:repeat-y; overflow:auto;} 

/* Specify height:100% for li's to keep them neat. Specify display:block for a's to format correctly.*/
#left-nav-col { float:left;width:150px; background-color:#7794c9; border-top:1px solid #fff; }
#left-nav-caption{width:100%; background-color:#2b4d93; text-align:center; padding:15px 0px 15px 0px;  }
#left-nav-caption a {font-size:120%; color:#fff; }
#left-nav-caption a:hover {border-bottom:solid 1px #fff; width:148px; height:100%;}

#left-nav-motto {padding:25px 5px 25px 5px;font-size:120%; color:#fff;   text-align:center; }
#left-nav-quote {padding:15px 5px 25px 5px;font-size:90%; color:#fff; font-weight:bold;  text-align:center; }


/* left-nav-ul-wrap exists to create backgroud image behind left-nav-col-ul*/
#left-nav-states-wrap { margin:15px 0px 0px 5px; padding-top:5px; width:
140px; height:100%;  background-image:url(../style-graphics/nav-left-ul-top.gif); background-position:top right; background-repeat:no-repeat;  }
#left-nav-col ul { padding-bottom:15px; width:
140px; height:100%;  background-image:url(../style-graphics/nav-left-ul-bottom.gif); background-position:bottom right; background-repeat:no-repeat; font-size:110%; }
#left-nav-col li {height:100%; width:100%; margin-top:5px; }
#left-nav-col li {display:block; color: #fff; text-decoration: none; text-align:center;}
#left-nav-col li a {line-height:150%; display:block; color: #fff; text-decoration: none; text-align:center; }
#left-nav-col li a:link {padding:10px;}
#left-nav-col li a:visited {padding:10px;  }
#left-nav-col li a:hover {padding:10px;  text-decoration:underline;}



#media-buttons table {width:146px; text-align:right; font-size:90%; font-weight:bold;}
#media-buttons tr {width:146px; padding:0px; background-image:none; background-color:#ccd8eb; }
#media-buttons td { margin:5px 0px 5px 5px; padding:5px; text-align:right; }
#table-space-row { background-color:#7794c9;}

#media-buttons td {color:#fff;}
#media-buttons td a{text-decoration:none; color:#fff; white-space:nowrap; }
#media-buttons td a:link {text-decoration:none; padding:0px; margin:0px;}
#media-buttons td a:visited{text-decoration:none;padding:0px; margin:0px;}
#media-buttons td a:hover{text-decoration:underline;padding:0px; margin:0px;}
#like {b;} 

/*banner-pix is nested in banner-logo to appear as a single banner with 2 background images.top-nav is also nested in banner-logo. banner-logo height is banner-pix height plus top-nav height. */
#banner-logo {margin-left:150px;  width:696px; height:112px; background-color:#7794c9; background-image:url(../style-graphics/banner-logo.gif); background-position:top left;  border-top:1px solid #fff;}
/*IE6 bug fix follows:*/
*html #banner-logo {margin-left:0px;}
*html #left-nav-col {margin-right:-3px;}

#banner-pix {width:696px; height:80px; background-color:transparent; background-image:url(../style-graphics/banner-img.jpg); background-position:top right; background-repeat:no-repeat;}

/*specify height for top-nav or it will collapse. pay close attention to all heights. display:inline necessary for a's to format correctly in IE6. top-nav is contained by banner-logo*/
#top-nav { width:686px; background-color:#2b4d93; height:32px; padding-right:10px;}
#top-nav ul {height:32px; overflow:hidden;}
#top-nav li {float:right;height:32px; margin-top:7px; font-size:90%; font-weight:bold;  }
#top-nav li a {display:inline;height:20px; color: #fff; text-decoration: none;}
#top-nav li a:link {padding:10px 6px 6px 20px; background-color:#2b4d93; }
#top-nav li a:visited {padding:10px 6px 6px 20px; background-color:#2b4d93; }
#top-nav li a:hover {padding:10px 6px 6px 20px; background-color:#2b4d93; text-decoration:underline;}

#main { margin-left:150px;   width:696px; background-color:#fff; height:100%; }
/*IE6 bug fix follows:*/
*html #main {margin-left:0px;}
*html #left-nav-col {margin-right:-3px;}


#main-content {padding:20px;  line-height:150%;}

#request-box { float:right; height:55px; width:160px; background-color:#f5f5f5; text-align:center;padding:10px; border:solid 1px #e65548; margin-left:20px; margin-bottom:10px;}
#request-box a {color:#e65548;}
#request-box a:link {color:#e65548;}
#request-box a:hover {color:#e65548; text-decoration:underline;}

/*two-col-box has height and width that equals that of the 2 floated elements, left-col and right-col.*/
#two-col-box {height:247px; width:654px; background-color:#fff; overflow:visible; margin-top:10px;}
/*styles for links in two-col-box */
#two-col-box a {color:#0000FF; }
#two-col-box a:link  {text-decoration:underline;}
#two-col-box a:visited  {text-decoration:underline;}
#two-col-box a:hover {color:#7794c9; text-decoration:underline;}

#left-col {float:left; width:302px; padding:10px; border:1px gray solid; background-color:#fff;}
#left-col #img-box {padding:-10px}
#right-col{float:right; width:320px;height:237px; background-color:#fff; font-size:90%; padding:10px 0px 0px 10px; }
#right-col #img-box {padding:10px; border:1px gray solid; margin-top: -10px;}
#right-col ul {padding-left:15px; line-height:170%;}
/*style for PRICE REDUCED link*/
#right-col li a {color:#e65548;font-weight:bold;}
#right-col li a:link  {text-decoration:none;}
#right-col li a:visited  {text-decoration:none;}
#right-col li a:hover {color:#e65548;text-decoration:underline;}
#right-col li { list-style:circle inside none;}
/*style for other right-col links*/
#alternate-right-col li { }
#alternate-right-col li a { font-weight:normal; color:#000; }
#alternate-right-col li a:link  {text-decoration:underline;}
#alternate-right-col li a:visited  {text-decoration:underline;}
#alternate-right-col li a:hover {color:#7794c9; text-decoration:underline;}

#subject-nav {width:622px; margin-top:10px; background-color:#f5f5f5; border:1px solid #e65548; height:29px; overflow:visible; }

/*indent ul with padding to push li's left*/
#subject-nav ul {height:29px; background-color:transparent; white-space:inherit; padding-left:10px;}
#subject-nav li {float:left;height:25px; font-size:90%; display:inline;}
#subject-nav li a {height:22px;display:inline; text-decoration: none; border-left:solid 1px #e65548; margin:0px 0px 0px 0px;}
#subject-nav li a:link {padding:3px 10px 5px 10px; background-color:transparent; color:#505050; }
#subject-nav li a:visited {padding:3px 10px 5px 10px; background-color:transparent;color:#505050; }
#subject-nav li a:hover {padding:3px 10px 5px 10px; background-color:transparent; color: #e65548; text-decoration:underline; }
/*remove left border of left-most li*/
#subject-nav .noborder {border:none 0px;}

/*#subject-nav-two is a variation to fit more*/

#subject-nav-two {width:622px; margin-top:10px; background-color:#f5f5f5; border:1px solid #e65548; height:29px; overflow:visible; }
#subject-nav-two ul {height:29px; background-color:transparent; white-space:inherit; padding-left:0px;}
#subject-nav-two li {float:left;height:25px; font-size:90%; display:inline;}
#subject-nav-two li a {height:22px;display:inline; text-decoration: none; border-left:solid 1px #e65548; margin:0px 0px 0px 0px;}
#subject-nav-two li a:link {padding:3px 3px 5px 3px; background-color:transparent; color:#505050; }
#subject-nav-two li a:visited {padding:3px 3px 5px 3px; background-color:transparent;color:#505050; }
#subject-nav-two li a:hover {padding:3px 3px 5px 3px; background-color:transparent; color: #e65548; text-decoration:underline; }
/*remove left border of left-most li*/
#subject-nav-two .noborder {border:none 0px;}

/* inn-list-container-index-page exists to remove list from view on index page*/
#inn-list-container-index-page {
    position: absolute;
	top:-999em;
     width: 1px;
    overflow: hidden;}
/*inn-list-boxes exists to contain rounded corner background imgs for inn-list. inn-list is width of ul, which is width of li-text and li-img combined. list-ul must have a height or it will collapse */
#inn-list-box-left {width:624px; height:100%; background-color:transparent;background-image:url(../style-graphics/inn-list-left.gif); background-position:top left; background-repeat:no-repeat; }
#inn-list-box-right {width:624px; height:100%; background-color:transparent; padding-top:12px;background-image:url(../style-graphics/inn-list-right.gif); background-position:top right; background-repeat:no-repeat; }
#inn-list {width:602px;height:100%; background-color:#fff; padding:0px 10px 10px 10px; border-right:1px gray solid;border-bottom:1px gray solid;border-left:1px gray solid;}
#inn-list a {color:#e65548;}
#inn-list a:link {color:#e65548;}
#inn-list a:hover {color:#e65548; text-decoration:underline;}
.list-ul {width:604px;  height:230px; background-image:url(../style-graphics/yellow-edge2.gif); background-position:bottom left; background-repeat:repeat-x;border-bottom:1px solid gold; margin-bottom:15px; }
.list-text {float:left; width:400px; padding:10px 0px 0px 10px; }
.list-ul img {float:right; padding:9px; margin:15px; border:solid 1px #505050; background-color:#fff;}


/*styles for links in one-col-box */
#one-col-box a {color:#0000FF; }
#one-col-box a:link  {text-decoration:underline;}
#one-col-box a:visited  {text-decoration:underline;}
#one-col-box a:hover {color:#7794c9; text-decoration:underline;}

#one-col-box p {
	/* [disabled]text-indent:20px; */
	padding:3px 0px 3px 0px;
}
#one-col-box .no-indent {text-indent:0px;}
#one-col-box li {padding-left:15px; list-style:circle inside none;}
#one-col-box #img-box {padding:10px; border:1px gray solid;}
/* style for contact.html */
#contact-info {padding:10px 0px 10px 100px;}
#contact-info li {list-style-type:circle; list-style-position:outside;}

#footer {width:696px;  height:40px;  font-size:90%;  padding: 8px 0px 4px 150px; color:#011f5b; border:solid 2px #e65548; border-top:solid 1px #808080;background-color:#f5f5f5;}
#footer ul { width:650px;}
#footer li {float:left; padding:0px 10px 5px 0px;  }

#footer a {color:#0000FF;  text-decoration:underline;}
#footer a:hover {color:#e65548; text-decoration:underline;}
 

#copyright { text-align:right; font-style:italic; color:#505050; padding:5px 0px 0px 0px; margin-bottom:20px;}




.return-to-top {color:#fff; font-weight:bold; text-align:center; margin-top:600px;}
.return-to-top a{color:#fff;}
.return-to-top a:link {color:#fff; text-decoration:none;}
.return-to-top a:hover {color:#fff; text-decoration:underline;}

.return-to-previous {color:#fff; font-weight:bold; text-align:center; margin-top:50px;}
.return-to-previous a{color:#fff;}
.return-to-previous a:link {color:#fff; text-decoration:none;}
.return-to-previous a:hover {color:#fff; text-decoration:underline;}

.trans {color:transparent;}
.ten-pix-spacer {width: 100%; height:10px; }
.hundred-pix-spacer {width:100%; height:100px; }
.bold {font-weight:bold;}
.sold {color: #e65548;}
.nobreak {white-space: nowrap;}
.noborder {border:none 0px;}
.reg {font-size:60%;}
.small-break {line-height:50%}
.italic-bold {font-style:italic; font-weight:bold;}
.large {font-size:x-large;color:#505050; letter-spacing:3px; }