/* -----------------------------------
Site:       Baca Valley Telephone Company, Inc.
CSS author: Karen Brown
Updated:	May 2012
Updated by: Karen Brown
----------------------------------- */

/* -------------------------- reset -------------------------- */

html, body, ul, ol, li, form, fieldset, legend
{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }
fieldset, img { border: 0; }
legend { color: #000; }

input, textarea, select, button
{
	font-size: 110%;
	line-height: 1.1;
	font-family: helvetica, arial, sans-serif;
}

button
{
	width: auto;
	overflow: visible;
}

ol {
	line-height: 1.4;
	padding: 0 0; }
	
ul {padding: 0 0; }
li {  margin: 0 0; padding: 0 0 ;}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th
{
	text-align: center;
	vertical-align: top;
	font-weight: bold;
}
td {padding: 2px 0 2px 8px;}

ul li { list-style: none; }

abbr, acronym
{
	border-bottom: .1em dotted;
	cursor: help;
}

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

pre, code
{
	font-family: "Courier New", monospace, serif;
	font-size: 100%;
	line-height: 1.2;
}

iframe {border: 0; margin: 0; background-color: #fffaea;}

/* -----------------------------------
elements
----------------------------------- */

body {
	background-color: #fffaea;
	font: 90% Arial, Helvetica, sans-serif;
	color: #000;
}
	
h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif; color: #514100;}
h1 {font-size: 200%;}
h2 {font-size: 180%; margin: 0 0 4px; padding: 0;}
h3 {font-size: 160%;}
h4 {font-size: 140%; margin: 0 0 8px; padding: 0;}
h5 {font-size: 120%; margin: 0 0 6px; padding: 0;}
h6 {font-size: 100%; margin: 0 0 5px; padding: 0;}

p { line-height: 115%;}

p.subhead {
	color: #000;
	margin: 0px 0 15px 0;
	padding: 10px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: normal;
}	

a:link { color: #6B5F45;  outline: none;}
a:visited { color: #6B5F45; outline: none;}
a:focus { color: #6B5F45; outline: thin dotted; }
a:hover { color: #6B5F45;}
a:active { color: #6B5F45; outline: none;}


/* ----------------------layout----------------------------- */

#fadeshow1 {
	margin: 20px 0 0;
	border: thin solid #000;
}

#fadeshow2 {
	margin: 20px 0 0;
}		

#header {
	width: 100%;
	height: 115px;
	background: url(images/cardboard.jpg) repeat-x;
	
}
.headerwrap {
	width: 980px;
	background: url(images/cardboard.jpg) repeat-x;
	margin: 0 auto;
	height: 115px;
}	

.headerwrap img {border:none;}

#menubar {
	width: 100%;
	background: url(images/menubar.jpg) repeat-x;
	background-color: #fffaea;	
}

.menu {width: 980px; margin: 0 auto; padding: 5px 0 5px; background: url(images/menubar.jpg) repeat-x;}	

.footer {
	width: 100%;
	clear: both;
	float: left;
	background-color:#D2C2A1;	
	background: url(images/cardboard.jpg) repeat;
}	

.footerwrap {width: 980px; background-color:#D2C2A1; padding: 5px 0; margin: 0 auto; background: url(images/cardboard.jpg) repeat;} 


/*----------content---------*/

.wrapper {width: 980px; margin: 0 auto;}
.headerleft {width: 450px; float: left; font-size: 14px;}
.headerright {
	width: 400px;
	float: right;
	padding: 15px;
	text-align: right;	
}

.menu a:link { color: #fff;  outline: none;}
.menu a:visited { color: #fff; outline: none;}
.menu a:focus { color: #fff; outline: thin dotted; }
.menu a:hover { color: #fff; }
.menu a:active { color: #fff; outline: none;}

.menu li {
	color: #fff;
	display: inline;
	font: bold 16px Georgia, "Times New Roman", Times, "serif" ;
	padding: 0 10px;	
	border-right: 1px solid #fff;
	margin: 0 auto;	
}
.fullcontainer { width: 900px; margin: 0 auto; padding: 15px 15px 0;} 

.leftcontainer {
	width: 650px;
	padding: 10px 15px;	
	margin: 15px 5px;	
	float: left;	
}
.leftcontainer ul { margin: 5px 35px;}
.leftcontainer li { padding: 5px; list-style-type: disc;}	


.block {
	width: 85%;
	margin: 25px 0 0;
	background-color: #F0EADC;
	padding: 15px 15px 5px;
}
.shadow {background:  url(images/shadow.png) no-repeat center top; height: 20px; width: 90%; margin: 0;}

.rightcontainer {
	float: left;
	width: 285px;
	padding: 2px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

.detailblock {
	width: 70%;
	padding: 10px;
	background: url(images/bottomborder.png) no-repeat center bottom;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
}

.detailblockcntr {
	width: 80%;
	margin: 2px auto;
	padding: 10px;
	background: url(images/bottomborder.png) no-repeat center bottom;
	text-align: center;
}	

.dbshaded	{
	width: 90%;
	margin: 0 auto 25px;
	padding: 10px 10px 0px;
	background-color: #D2C2A1;
	border-top: solid #6c0204 1px;
	border-bottom: solid #6c0204 1px;
}

.detailblock ul {
	padding: 0 0 10px;
}		

.detailblock li {
	padding: 5px;
}		
	
.break {
	background: url(images/border.jpg) no-repeat center center;
	height: 15px;
	clear: both;
}

.break2 {background: url(images/bordercomp.jpg) no-repeat center center;
	height: 15px;
	margin: 0 0 5px;
	clear: both;
}

.break3 {background: url(images/borderlock.jpg) no-repeat center center;
	height: 15px;
	margin: 0 0 5px;
	clear: both;
}
.container { width: 600px; float: left; margin: 0 0 10px; background:  url(images/shadow.png) #F0EADC no-repeat center top; padding: 15px 0 0; margin: 0 auto; clear: both;}
.featuresbox {width: 250px; float: left; margin: 0 0 0 20px; }
.subfooter {width: 100%; margin: 10px 0 5px; background-color:#D2C2A1; padding: 5px 0; height: 12em; border-top: 8px solid #6c0204; clear: both;} 
.footerbox {width: 235px; float: left; margin:2px 0; padding: 5px;font-size: 90%;}
.footerbox ul {padding: 0 0 0 10px;}
.footerbox li {padding: 2px 0 0 0;}

.footerwrap a:link, .footerwrap a:visited { color: #6C0204; outline: none;}
.footerwrap a:hover, .footerwrap a:focus, .subfooter a:active { color: #000; outline: none; }

/* ---------------------- search-form ------------------------- */

#search{
	float:right;
	width: 270px;
	height:30px;
	margin:0;
	padding: 7px 0 0 0;
}


/* --------------------classes------------------ */

.current {
	font-weight: bold;
	background: #D2C2A1;
}
.bold {
	font-weight: bold;	
}
.leftwbrdr { float: left; margin: 5px 15px 5px 0; border: 1px solid #999;}
.italics {font-style: italic;}
.border { border: 2px solid #999;}

.clear {width: 100%; height: 15px; clear:both}
.right {float:right; margin: 0 15px;}
.left {float:left; margin: 0 15px;}

img.displayed {
    display: block;
	margin-left: auto;
    margin-right: auto;
	border: 1px solid #999; }