/* CSS Document */
* {margin:0;padding:0;}
html {background:silver;}
body {font-family: "verdana", arial, sans-serif;
	width:800px;
	margin:0 auto; 
	font-size:medium;
	text-align:left; 
	background: white url(liner.jpg) repeat-y;}

h1 {font-size:1.2em; color: #016870; font-weight:bold;margin-bottom:10px;}
h2 {font-size:1.2em; color: #016870; font-weight:bold;margin:5px 0;}
h3 {font-size: 1.05em; color: #016870; font-weight:bold;margin:5px 0;}
h4 {font-size:.85em; color: #016870; font-weight:bold;margin-top:5px; margin-bottom:8px; text-align:center;}
h5 {font-size:1.2em; color: #016870; font-weight:bold;margin-bottom:5px; text-decoration: underline;}



#header,.navigation,#content,#subcontent,#address, #navlist {overflow:hidden;display:inline-block;text-align:left;}

#main {width:790px; clear:both;}

#header {height:170px; color:white; background:silver;}
.img1_header {position:relative; right:-220px; top:20px; color:white; border:0;}
.img2_header {display:none; position:relative; right:-274px; top:10px; z-index:1; border:0;}
#header h1 {z-index:-1; position:relative; left:230px; top:-30px; font-size:.5em;}

.navigation {float:left;
 background:#282B3A; z-index:1; margin:0; padding:0; }
.navigation ul {font-size: .7em; font-weight: bold; padding-top: 8px; margin:0 0 0 13px; background: #282B3A; color: #fff; float: left;
width: 773px;border-bottom:6px solid white;}
.navigation ul li {margin:0 3px 0 0;list-style:none; display: inline;}
.navigation ul li a {margin:0 3px 0 0;padding: .3em 1em; background: #1C1F27; color: #CCCED1; text-decoration: none; float: left; }
.navigation ul li a:link {margin:0 3px 1px 0;color: #017F88;background:silver;}
.navigation ul li a:visited {margin:0 3px 0 0;color: #627693;background:silver;}
.navigation ul li a:hover {margin:0 3px 0 0;color: #017F88;background: #CCCED1;}
#here ul li {margin:0;list-style:none; display: inline; }
#here li a:link { color: #333333; margin-left:5px; margin-right:8px;list-style:none; display: inline; background: white;border-bottom:1px solid white;}
#here li a:visited { color: #333333; margin-left:5px; margin-right:8px;list-style:none; display: inline; background: white;border-bottom:1px solid white;}

#here {margin:0;list-style:none; display: inline; }
#here a:link { color: #333333; margin-left:5px; margin-right:8px;list-style:none; display: inline; background: white;border-bottom:1px solid white;}
#here a:visited { color: #333333; margin-left:5px; margin-right:8px;list-style:none; display: inline; background: white;border-bottom:1px solid white;}

#navigation2 {margin:0 auto; 
  width:800px; z-index:1; padding-top:6px; }
#navigation2 ul {font-size: .7em; font-weight: bold; padding: 0; margin-left:28px; color: #333; 
width: 100%;}
#navigation2 ul li {margin-right:10px;list-style:none; display: inline;}
#navigation2 ul li a {margin-right:3px;color: #CCCED1; }
#navigation2 ul li a:link { margin-right:3px;color: #017F88;}
#navigation2 ul li a:visited { margin-right:3px;color: #627693;}
#navigation2 ul li a:hover {margin-right:3px; color: #017F88;}

#content { font-size:.9em; padding:20px 20px 20px 30px;}
#content  a:link {color: #016870;text-decoration:none;}
#content  a:visited {color: #627693;text-decoration:none;}
#content  a:hover {color: #017F88; text-decoration:underline;}

p {font-size: .9em; margin:0px 0px; color: #333333; font-weight: normal;}
#address {clear:both; background:#282B3A; margin:0 auto;}
#address {font-size:.85em; color: #ccced1; font-style:italic;margin-top:5px; width:100%; text-align:center; padding-bottom:10px;}
#address a:visited {color: #252d37;}
#address a:hover {color: #017F88;}
#address a:link {color: #CCCED1;}

.cright {background:#4E5E74; text-align:center; font-size:.75em; color: #000;}
.cright {padding-bottom:15px; border-bottom:30px solid silver;}
.img_border1 {border:7px solid #CCCED1; float:right;}
.img_border2a {margin:6px;}
.img_border2b {width:150px; padding:8px; margin: 7px;}
.img_border2c {border:2px solid #000000; padding:0px;}

.email_txt {font-size: 1em; color: white; font-weight: normal;}
.date { font-size:.75em; color:#333333; float:right; position:relative; top:-22px;}

/* this section is fir the tile catalog pages */
div.pic_link {width:148px;float: left;}
div.pic_link img {width:130px; height:130px; border:none;}
div.pic_link p {text-align: left;}

div.below {clear:both; padding:15px 0;}


div.pic_link2 {width:246px;float: left;}
div.pic_link2 img {border:none; }
div.pic_link2 p {text-align: left;}

div.txt_link {width:350px;float: left; padding: 15px 0 15px 15px;}


/* this section is fir the colors page */
div.belowcolors {float:left;}
.belowcolors p {width:400px; font-size: .9em; margin:0px 0px; color: #333333; font-weight: normal;}
.belowcolors h2 a {text-decoration:none;}
.right {float:right;}
.text3 big {font-size: 1.25em; font-weight:bold;margin:10px 0;}

/* used on the links page */
#paranavlist, #paranavlist li {list-style:none;margin-left:5px;margin-top:2px;}
#paranavlist {font-size: .9em;padding-top:3px; padding-bottom:21px;}


/* begin styles for RSS Feed */

.rss-box {
}
.rss-items { 
	
	padding:0;
	margin-left:0px;
	color:#000000; list-style:none;
}

ul.rss-items li {
	 border: 1px dashed #999999; margin: 8px 0; padding: 5px;
   }

.rss-title {display:none;}

.rss-item  {float:left;
  font-size: .8em;}

.rss-item:first-line {font-size: 1.25em;
	font-weight:bold;}

.rss-item img {float:right; width:50px; height:50px;
  border:none; padding:5px;
}


.rss-item a {
	color:#016870;
	margin:0;
	}
.rss-item a:visited {
	color: #016870;
}
.rss-item a:hover {color: #017F88; text-decoration:underline;}

.rss-date { float:right; position:relative; left:0px; top:-1.4em;
	font-size: 1em;
	color: #627693;
	}
 
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */


/* I think these are not being used */
table#clrtbl {font-size: .8em; font-weight: bold; color: #4b4f53; width: 100%; }
.clr_tbl {font-size: 1em; font-style:italic; color: #4e5e74; font-weight: bold;width:100%;}
.pic_tbl {margin:20px 0 20px 0; font-weight: bold; font-size:1.05em; }

.highlight {background:#ffc;}
.bold {padding:10px;background:#fff;border:1px #666;}
ol {margin:8px 0 0 10px;}
ol li {display:inline;margin-right:5px;}

/*---------- colortab ---------- not used*/
#colortab {position:relative; top:0px; right:-10px; }
/* create an empty frame so that visitors expect something to go there */	
#frame {position:relative; top:-624px;left:175px;
height:450px;width:372px;border:1px dashed #333333;
font: bold 1em Verdana, arial, sans-serif;padding:15px; z-index:1;}
#colortab td {width:30px; height:30px; border:none;}
div#minis a:hover {background:white} /* necessary for IE6, not sure why */
.photo img {height: 25px; width: 25px;} /* size the mini */
.photo {font:bold .8em verdana; color:#016870;}
div#minis a img.big {height: 0; width: 0; border-width: 0} /* hide the big image */

div#minis a p.big {color:white; height: 0; width: 0; border-width: 0}
div#minis a p.hline {color:white; height: 0; width: 0; border-width: 0}
div#minis a:hover p.hline {background:white; font:bold 1.2em verdana; color:#016870;}
div#minis a:hover p.big {background:white; font:bold .75em verdana; color:#016870;}

div#minis a:hover img.big {position:absolute; top:10px; left:130px;
height:400px;width:400px;border:none} 
div#minis a:hover p.hline {position:absolute; top:420px; left:130px;
width:400px;border:none}
div#minis a:hover p.big {position:absolute; top:440px; left:130px;
width:400px;border:none} 
#colortab td {margin-bottom:5px} /*add bottom margin to p elements so that they are (roughly) aligned with the big image frame */
/* make the big image appear in the frame at right on hover */