@charset "utf-8";
@import url('reset.css');
@import url('layout.css');
/* Thanks for being curious about my style */
/* Copyright (c) 2011. Cannon Beach Computers */
/* For  CSS & Website Training Please Contact Cannon Beach Web Services @ 503-436-2459 */
h1 {font-size: x-large;font-variant: small-caps;}
h2 {font-size: large;margin-top: 10px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
/* My colors */
.ltblu {background-color: #f7fcfc;}
.ltgrey {background-color: #f2f2f2;}
.ltgold {background-color: #fff9f2;}
.white {color: #fff;}
.black {color: #000;}
.red {color: #cc002c;}
.rb {color: #cc002c;font-weight: bold;}
.blue {color: #4C8DD1;}
.hpblue {color: #0984c8;}
.cA0D0E1 {color: #A0D0E1;}
.c8AB3BC {color: #8AB3BC;}
.c89B1C6 {color: #89B1C6;}
.c54768B {color: #54768B;}
.c9CB982 {color: #9CB982;}
.c999B67 {color: #999B67;}
#vbUL_un4mma {display: none;}
/*********Default Links ******/
a, a:link {color: #00f;text-decoration: none;font-weight: bold;}
a:visited {color: #00f;text-decoration: none;font-weight: bold;}
a:hover {text-decoration: underline;}
/******** The Content "Boxes" *********/
.boxes {
	float: left;
	display: inline;
	background-color: #fff;
	background-image: url('../img/bxbk.jpg');
	background-repeat: repeat-x;
	background-position: left bottom;
	border: 1px solid #eee;
	overflow: auto;
	padding: 10px;
}
.boxes p {line-height: 150%;}
.boxes h3 {color: #fff;background: url('../img/h3-bak.gif') no-repeat;padding-left: 25px;line-height: 30px;}
.boxes p img {
	height: 60px;
	width: 120px;
	margin-top: 4px;
	padding-bottom: 0;
	margin: 0 0 10px 0;
	border-bottom: none;
}
.boxes p img.ad170 {width: 170px;}
.boxes p img.ad180 {width: 180px;height: 140px;}
.boxes p img.ad185 {width: 185px;height: 140px;}
.boxes p img.ad125 {width: 125px;height: 125px;border: none;margin: 0;padding: 0;padding-right: 8px;}
.boxes p img.ad64 {
	width: 64px;
	height: 64px;
	border: none;
	margin: 0;
	padding: 0;
	padding-right: 8px;
}
.boxes p img.buy {
	width: 120px;
	height: 35px;
	border: none;
	padding: 0;
	margin: 6px 0;
}
.boxes p img.info {
	width: 150px;
	height: 30px;
	border: none;
	padding: 0;
	margin: 0 0 0 15px;
}
.two {width: 290px;margin: 10px 0 10px 15px;padding-right: 8px;}
.three {width: 184px;margin: 10px 0 10px 12px;padding-right: 8px;}
.wide {width: 398px;margin: 10px 0 10px 15px;padding-right: 8px;}
.narrow {width: 184px;margin: 10px 0 10px 12px;padding-right: 8px;}
#content .boxes ul.boxlist {
	text-align: left;
	line-height: 175%; /* use to v-center text with bullet */;
	margin-bottom: 10px;
	text-decoration: none;
}
#content .boxes ul.boxlist li {
	list-style: none;
	background: url('../img/bullet-r.gif') no-repeat;
	margin-left: 8px; /* gap from edge to bullet! */;
	padding-left: 16px;/* gap from bullet to text */
}
/******* My Classes *********/
.fll {float: left;margin-right: 9px;}
.flr {float: right;margin-left: 9px;}
/**************** The News *********************/
#mynewsdis {float: right;width: 475px;height: 115px;}
.news_style {display: none;}
.news_show {
	position: absolute;
	color: #000;
	font: 10px/130% Verdana, Helvetica, Arial, sans-serif;
	text-align: justify;
	clip: rect(0px, 475px, 100px, 0px);
}
/* .news_show a {color:#89B1C6;} */
.news_show img {float: left;}
/* background-color:#cddde6; padding:2px; border: 1px solid #999; */
.news_move {position: relative;}
/* This slides the news. Without this it just 'changes' */
.news_border {
	float: right;
	width: 475px;
	height: 99px;
	font-size: 12px;
	padding: 0;
	overflow: hidden;
}
.mytable {width: 475px;height: 99px;vertical-align: top;}
.newhead {font: bold 14px Tahoma, "Gill Sans MT", Helvetica, sans-serif;color: #54768B;}
.mytable p {padding: 0;margin: 0;padding-right: 9px;}
.mytable p img {margin-right: 9px;height: 90px;width: 120px;margin-top: 4px;}
.mytable p img.ad60 {
	margin-right: 9px;
	height: 60px;
	width: 120px;
	margin-top: 4px;
}
.mytable p img.not {background-color: #f7f7f7;padding: 0;border: none;}
.mytable p img.big {width: 475px;height: 99px;margin: 0;}
.mytable p img.ad {width: 468px;height: 60px;margin: 0;padding-top: 20px;}
.buttondiv {
	float: right;
	text-align: right;
	background-color: #f7f7f7;
	width: 475px;
	line-height: 16px;
	margin: 2px 0 0;
	padding: 0;/*  border-top:1px solid #545F69; border-bottom:1px solid #545F69 */
}
.buttondiv img {vertical-align: middle;}
.lab {
	padding-right: 2px;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	color: #8ab3bc; /* letter-spacing:2px; */
}
/********* The Content Stuff ************/
#outerWrapper #contentWrapper #content p {margin-bottom: 10px;}
#outerWrapper #contentWrapper #content p img.ad120 {width: 120px;height: 90px;}
/*********** and The Columns *************/
/*********** the bCol for 300's **********/
#outerWrapper #contentWrapper #bcol h2 {margin-top: 0px;color: #95B781;font-size: 16px;}
#outerWrapper #contentWrapper #bcol h3 {margin-top: 18px;color: #95B781;font-size: 16px;}
#outerWrapper #contentWrapper #bcol p {margin-top: 18px;font-weight: bold;}
#outerWrapper #contentWrapper #bcol img.ad300 {width: 300px;height: 250px;}
#outerWrapper #contentWrapper #bcol img.ad200 {padding: 25px;background-color: #f7fcfc;border: 1px solid #cfdadc;}
/*********** The rCol Stuff ******************/
#outerWrapper #contentWrapper #rcol img.ad125 {width: 125px;height: 125px;}
#outerWrapper #contentWrapper #rcol img.ad120 {width: 120px;height: 240px;}
#outerWrapper #contentWrapper #rcol img.ad90 {width: 120px;height: 90px;}
#outerWrapper #contentWrapper #rcol h3 {margin: 18px 0 18px 0;}
#outerWrapper #contentWrapper #rcol p {margin-bottom: 10px;text-align: center;}
#rcol h1, #rcol h3 {
	background-image: url('../img/nav-bak.gif');
	background-repeat: repeat-x;;
	color: #fff;
	font: bold 1.1em Verdana,sans-serif;
	line-height: 25px;
	padding-left: 8px;
}
#rcol ul {margin: 0;padding: 0;}
#rcol li {border-bottom: 1px solid #696755;list-style: none;}
#rcol li a {
	background: #9CB982;
	color: #111;
	display: block;
	padding: 8px 0 8px 12px;
	width: 148px;
	text-decoration: none;
}
#rcol li a:hover {background: #f7f7f7;color: #242424;}
/*********** the mCol for WP loops **********/
#outerWrapper #contentWrapper #mcol h3 {margin: 18px 0 18px 0;}
#outerWrapper #contentWrapper #mcol p {margin-bottom: 10px;}
#outerWrapper #contentWrapper #mcol p img.ad125 {width: 125px;height: 125px;}
#outerWrapper #contentWrapper #mcol p img.ad120 {width: 120px;height: 240px;}
#outerWrapper #contentWrapper #mcol p img.ad90 {width: 120px;height: 90px;}
#outerWrapper #contentWrapper #mcol ul.mlist {text-align: left;line-height: 175%;margin-bottom: 10px;text-decoration: none;}
#outerWrapper #contentWrapper #mcol ul.mlist li {
	list-style: none;
	background: url('../img/bullet-g.png') no-repeat;
	margin-left: 2px; /* gap from edge to bullet! */
	padding-left: 16px;} /* gap from bullet to text */
/******************jCarousel rCol 2 x 120x90px Ad Styling*************/
.carousel {margin-bottom: 0px;overflow: hidden;}
.carousel img {
	width: 125px;
	height: 125px;
	margin-left: 10px;
	display: inline;
	background-color: #fefefe;
	padding: 4px;
	border: 1px solid #999;
}
.rcarousel {width: 300px;clear: both;padding: 0;}
/************************ Right Column Feed Tables ***********************/

#bcol #feed table {width:310px;}
#bcol #feed table tr {}
#bcol #feed table tr td {min-height:18px; padding:4px;}
#bcol #feed table tr {background: #f7f7f7;}
#bcol #feed table tr.row-b {background: #edf3f6; font-weight:bold}
#bcol #feed table tr.row-b td {border:1px dashed black;padding-bottom:0}
#bcol #feed table tr:hover td {}
#bcol #feed table tr:hover.row-b td {background: #f7fcfc;}
#bcol #feed table tr td a, #bcol #feed table tr td a:link {color: #00f;text-decoration:underline;font-weight: bold;}