/*
 *
 * File		: styles.css
 * Purpose	: CSS file for various classes
 * Created	: 01/05/07
 * Author	: Brian Ashe
 * Company	: Dee-Web Software Services, LLC.
 * Copyright 2007 Dee-Web Software Services, LLC.
 *
 */

/* Misc styles */
.stdImg {
	margin: 10px;
}

.title {
	color: #9BC65F;
	font-weight: bold;
	font-size: 170%;
}

.copy {
	font-size: 60%;
}

.tagline {
	font-weight: bold;
	font-size: 170%;
	font-style: italic;
}

.desc {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 40%;
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	background-color: transparent;
	border: solid 1px #FF0
}
.error {
	color: #FF0000;
	font-weight: bold;
}
.extra {
	color: #E9B620;
	font-weight: bold;
}
.faint {
	color: #FFCC33;
}
.fpImg {
	vertical-align: middle;
}
.normal {
	font-weight: normal;
}
.paleText {
	color: #333333;
}
.smText {
	padding: 5px;
	text-align: left;
	font-size: 8pt;
}
.stdimg {
	padding: 3px 8px;
	border: none;
}
.subCenter {
	text-align: center;
	height: 40px;
}

.articleTitle {
	font-weight: bold;
	font-size: 110%;
}

.articleDate {
	font-style: italic;
}

.sideHR {
	width: 80%;
	text-align: center;
	margin: 0 auto;
}

.faqQuestion {
	width: 95%;
	margin: 10px 10px;
	font-weight: bold;
}

.faqAnswer {
	width: 95%;
	margin: 10px 10px;
	border-bottom: solid 1px #333;
	padding: 0 0 10px 0;
}

.navTitle {
	margin: auto;
	float: center;
}

.navTitle {
	font-weight: bold;
	font-size: 90%;
	text-align: center;
	border: solid 1px #000000;
	background-color: #DDDDDD;
}

.search {
/* 	font-weight: bold; */
	font-size: 70%;
	border: solid 1px #000000;
	text-align: center;
}

#featTitle {
	font-weight: bold;
	font-size: 10pt;
}
#pageTitle {
	padding: 5px 0 0 0;
	margin: 15px 0 0 0;
	line-height: 110%;
	font-weight: bold;
	font-size: 170%;
	font-style: italic;
	text-align: right;
}
#subTitle {
	width: 94%;
	margin: auto;
	padding: 2px 5px;
	font-weight: bold;
	font-size: 110%;
	color: #000000;
	background-color: #B9B09D;
}

/* secondary Contact Form */
.formblock {
	color: #90003D;
	font-style: italic;
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	text-decoration: none;
	background-color: #E4E3D2;
}
.formmain {
	color: #E4E3D2;
	font-style: italic;
	font-weight: bold;
	font-size: 15pt;
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	text-decoration: none;
	background-color: #90003D;
}

/* Paper Page */
.paperBlock {
	width: 80%;
	padding-left: 10px;
}
.paperIcon {
	width: 20%;
	height: 120px;
	float: left;
	text-align: center;
	top: 0px;
}
.paperTitle {
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
.paperBody {
	width: 80%;
	float: right;
	text-align: justify;
}
.paperLocation {
	font-style: italic;
}
/* paper Front Page */
.paperBlockFP {
	margin: 0px;
	padding: 0px;
/*	width: 95%;
	padding-left: 10px;*/
}
.paperIconFP {
        margin: 0px;
        padding: 0px;
	width: 30%;
	height: 100px;
	float: left;
	text-align: center;
	top: 0px;
}
.paperBodyFP {
        margin: 0px;
        padding: 0px;
	width: 68%;
	float: right;
	text-align: left;
	font-size: 8pt;
}

/* Contact Page */
.contactHead {
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
	background-color: #E9B620;
}
.contactSub {
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
}
.contactModel {
	font-size: 7pt;
	color: #000000;
}
label.contact {
	font-size: 7pt;
	font-weight: bold;
	color: #000000;
}

/* For the site map */
.mapHalfA {
	width: 48%;
	padding: 1%;
	float: left;
}
.mapHalfB {
	width: 48%;
	padding: 1%;
	float: right;
}
.maplist
{
	margin-left: 10px;
	padding: 5px 10px;
/*	list-style: none;*/
}
.maplist li {
	padding: 5px;
}

.job {
	width: 90%;
	margin: auto;
}

.jobTitle {
	color: #FFFFFF;
	background-color: #2B6686;
	font-size: 110%;
	padding: 2px 5px;
/* 	width: 70%;
	float: right;
	text-align: left;*/
}

.jobDesc {
/* 	width: 70%;
	float: right;
	text-align: left;*/
}

.newsTitle {
	color: #9BC65F;
/* 	background-color: #2B6686; */
	font-size: 120%;
	font-weight: bold;
	padding: 2px 5px;
	text-align: left;
}

.newsDate {
	font-weight: bold;
	text-align: right;
}

.newsBody {
	text-align: justify;
}

.newsBlockFP {
	font-weight: normal;
	font-size: 80%;
}

.newsTitleFP {
	color: #000000;
/* 	background-color: #2B6686; */
	font-size: 100%;
	font-weight: bold;
	padding: 2px 2px;
	text-align: left;
}

.newsBodyFP {
	text-align: justify;
	padding: 2px 2px;
	font-size: 80%;
	font-weight: normal;
}

/* Calendar Page */
.calendarHeader {
	width: 90%;
	clear: both;
	float: center;
	text-align: left;
	font-weight: bold;
	font-size: 130%;
	font-style: italic;
	color: #000000;
	border-bottom: solid 1px #000;
	padding: 20px 0 0 0;
}

.calendarItem {
	margin: 10px 5%;
	width: 80%;
	clear: both;
	float: right;
	border-bottom: solid 1px #000;
}

.calendarDate {
	font-weight: bold;
	font-size: 100%;
	color: #000000;
}

.calendarTitle {
	font-weight: bold;
	font-size: 120%;
	color: #006600;
}

.calendarLocation {
	font-weight: bold;
	font-size: 110%;
	font-style: italic;
	color: #003366;
}

.calendarBody {

}

.calendarContact {
	font-size: 80%;
}

.calendarEmail {
	font-size: 80%;
}

.calendarPhone {
	font-size: 80%;
}

.calendarDesc {
	font-weight: bold;
	font-size: 90%;
	color: #000000;
}

/* Calendar Page */
.specialBox {
	clear: right;
	width: 400px;
	margin: auto 10px;
/* 	clear: both; */
	float: center;
	text-align: center;
	font-weight: bold;
	font-size: 130%;
/* 	font-style: italic; */
	color: #000000;
	background-color: #FFCC00;
	border: solid 1px #000;
	padding: 20px;
}

.staffName {
	font-weight: bold;
	font-size: 130%;
}

a.puLink:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family: "Courier New", Courier, Serif;
}
a.puLink:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family: "Courier New", Courier, Serif;
}
a.puLink:active {
	color: #FFFF00;
	text-decoration: none;
	font-family: "Courier New", Courier, Serif;
}
a.puLink:hover {
	color: #FFFF00;
	text-decoration: none;
	font-family: "Courier New", Courier, Serif;
}

#standingsHolder { width: 80%; }
#standingscol1 { width: 40%; float: left; }
#standingscol2 { width: 40%; float: right; }
.teamBoxG { margin: 10px; width: 90%; text-align: center; color: #000000; background-color: #FFFFFF; border: solid 1px #000000 }
.teamBoxB { margin: 10px; width: 90%; text-align: center; color: #000000; background-color: #FFFFFF; border: solid 1px #000000 }
.teamTitleG { color: #000000; background-color: #FFCC00; border: solid 1px #000000 }
.teamTitleB { color: #FFFFFF; background-color: #0100FE; border: solid 1px #000000 }


/* Rounded Corner Nav Boxes */

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#888; margin:0 5px;}
.b2 {height:1px; background:#ddd; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3 {height:1px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4 {height:2px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.contentb {
	background: #EEEEEE;
	border-right:1px solid #888888;
	border-left:1px solid #888888;
}

.contentb div {
/* 	margin-left: 5px; */
	margin: auto 5px;
}

#shadow-container {
width: 850px;
	position: relative;
	margin: auto;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -2px;
	top: -2px;
}

	#shadow-container .shadow1 {
		background: #F1F0F1;
	}

	#shadow-container .shadow2 {
		background: #DBDADB;
	}

	#shadow-container .shadow3 {
		background: #B8B6B8;
	}

	#shadow-container .container {
		background: #FFFFFF;
		border: 1px solid #848284;
		padding: 10px;
	}

div.bb-wrap {
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 4px;
}
div.bb-container img {
    border: none;
    padding: 0;
    margin: 0;
}
div.bb-container {
    position: relative; /* Keep the absolute position divs contained within */
    float: left;
    overflow: hidden;
    background: transparent url(/images/bb_frame_v.png) repeat-y; /* this is the left side vertical graphic */
}
div.bb-container div {
    padding: 8px; /* Setting the padding equal to the border width for all sides */
    background: transparent url(/images/bb.jpg) repeat-y left; /* this is the right side vertical graphic */
}
div.bb-container div.bb-top {
    position: absolute; /* Positioning the top border */
    left: 0;
    top: 0;
    height: 8px;
    width: 100%;
    background: transparent url(/images/bb_frame_h.png) repeat-x; /* this is the top horizontal graphic */
}
div.bb-container div.bb-bottom {
    position: absolute; /* Positioning the bottom border */
    left: 0;
    bottom: 0;
    height: 8px; /* Height of the bottom border graphic */
    width: 100%;
    background: transparent url(/images/bb_frame_h.png) bottom repeat-x;  /* this is the bottom horizontal graphic */
}
div.bb-special {
    border: none;
/*    padding: 0 auto;
    margin: 0 auto;*/
    text-align: center;
/*     width: 154px; */
    background: #000000 url(/images/bb.jpg) repeat;
}
div.bb-special img {
	padding-top: 6px;
	padding-right: 0;
}

.specTitle {
    font-family: "Comic Sans MS", Arial, Helvetica;
    font-size: 120%;
    font-weight: bold;
    font-style: italic;
	color: #DDFFEE;
	width: 154px;
/* 	display: block; */
}
.specText {
    font-family: "Comic Sans MS", Arial, Helvetica;
    font-size: 85%;
    font-weight: bold;
    color: #FFFFFF;
	width: 154px;
/* 	display: block; */
}

.header { color: #000000; font-weight: bold; font-size: 10pt; background-color: #b3e8ed; }
.subheader { color: #000000; font-weight: bold; font-size: 8pt; background-color: #EEEEEE; }
.reg td { font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss }

#catJumpbar {
	margin: 6px 2px 2px 2px;
	padding: 3px;
	background-color: #E4E3D2;
	font-weight: bold;
	font-size: 70%;
}

#catJumpbar a {
	font-weight: bold;
/* 	font-size: 80%; */
}

.catNothing {
	font-weight: bold;
	text-align: center;
	height: 100px;
	padding: 30px 0;
}

/* Class Divs */
.catClassa {
	width: 48%;
	float: left;
	margin-top: 6px;
	margin-left: 4px;
	text-align: center;
}

.catClassa img {
}

.catClassb {
	width: 48%;
	float: right;
	margin-top: 6px;
	margin-left: 14px;
	text-align: center;
}

.catClassb img {
}

/* Type Divs */
.catTypea {
/* 	width: 48%; */
/* 	float: left; */
	margin-top: 6px;
	margin-left: 4px;
	clear: right;
}

.catTypea div {
	width: 240px;
	float: left;
	text-align: center;
	font-size: 40%;
}

.catTypea img {
	float: left;
}

.catTypeb {
/* 	width: 48%; */
/* 	float: left; */
	margin-top: 6px;
	margin-left: 14px;
	clear: left;
}

.catTypeb div {
	width: 240px;
	float: right;
	text-align: center;
	font-size: 40%;
}

.catTypeb img {
	float: right;
}

.catTypeDesc {
}

.catTypeName {
	font-size: 110%;
	font-style: italic;
	font-weight: bold;
}

/* Listing Divs */
.catProdList {
	margin: 8px 0 0 0;
	border-bottom: solid 1px #000;
	min-height: 70px;
}

.catProdListTitle {
	padding: 2px;
	font-weight: bold:
}

.catProdListTitle .score {
	font-size: 70%;
	font-weight: bold:
}

.catProdListImg {
	width: 80px;
	float: left;
	text-align: center;
}

.catProdListImg a {
	font-size: 70%;
}

.catProdListDesc {
	font-size: 90%;
}

.catProdListPrice {
	position: relative;
	width: 100px;
	float: right;
}

/* Product Divs */
.catProduct {

}

.catProdName {
	font-weight: bold;
}

.catProdImg {
	width: 49%;
	position: relative;
	float: right;
	font-size: 55%;
	font-weight: bold;
	text-align: center;
}

.catProdDesc {
	width: 49%;
	position: relative;
	float: left;
}

div.lb img {
 margin-top: 2em;
 padding: 2em;
 background: #fff;
}

div.lb p {
	margin: 0 auto;
	width: 300px;
	background: #FFFFFF;
	font-size: 40%;
}

/** Here's where the magic happens **/
div.lb {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  background: url('/images/screen.png');
}
div.lb:target {
  display: block;
}

/** IE doesn't support :target, so we use CSS expressions **/
div.lb {
  display: expression((document.location.toString().split('#').slice(1) == this.id)?'block':'none');
}


/*.black_overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:850;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 16px solid orange;
	background-color: white;
	z-index:851;
	overflow: auto;
	text-align: center;
}*/