/* --------------- CSS Short hands used a little ----------------- */

/* ------------------ color values selections ---------------------
#993300 (153,51,0)- burgandy = hyperlinks, q&a, h1, <hr>,
#FFFFCC (255,255,204)- yellow-ish = blockquote background
#666 - light grey = testimonial reviews altenating
#EDF6FB - blue-ish = nav div and BG of nav links
---------- */

/* ------------------------- limited css resets ------------------------- */

h1, h2, h3, h4, h5, h6, blockquote, img,, html, form {/*add the p tag later, span, ul,li etc */
 margin: 0;
 padding: 0;
}

/* --------------- HTML Tag/Type Selectors Styles ---------------------------- */
body {
	margin: 20px 0px;
	padding: 0px;
	background-image: url(../images/background-pic.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	font-size: 100%;
	text-align: center; /*centers page in IE^, Un center texts later */
	font-family: Georgia, Arial, "Times New Roman", serif;
}

img {
	display: block;
	margin: 0 auto;
	border: none;/*padding: 0;*/
}

h1 {
	color: #930;
	padding: .5em;
	text-align: center;
}

h2 {
	line-height: 2.5em;
}

h3 {
	padding-top: .2em;
	padding-bottom: .2em;
}

h4 {
	padding-top: .5em;
	padding-bottom: .5em;
}

blockquote {
	background-color: #FFAA82;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/blockquotes/openquote1.gif);
	border-top: .2em solid #FF7837;
	border-bottom: .2em solid #FF7837;
	font-family:Garamond, Geneva, "Times New Roman", sans-serif;
	margin: 0 6em;
	padding: .1em 2em;
	width: 30em;
}

hr {
	color: #930;
}

blockquote span {
	display: block;
	background-image: url(../images/blockquotes/closequote1.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

/* =====================
a or Anchor Tages - the four states that must appear in the folowing order - L, V, H, A (LoVeHAte)
==========================*/ 

a:link, a:visited {
	color: #930;
	text-decoration: none;
}

a:hover, a:active {
	color: #FF9562;
	border-bottom: 1px dotted #FF9562;
}

/* --------------Div ID Styles - can only be applied once per page ----------- */

#conatainer {
	margin: 20px auto;
	padding: 0;
	width: 800px;
	text-align: left;
	border: 1px solid #930;
}

#header {
	background-image: url(../images/banner-top.jpg);
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 0px;
	height: 200px;
	width: 800px;
	text-indent: -999em;
}

/* ========================== mainContent area styles ================================= */

#mainContent {
	background-color: fff;
	float: right;
	margin: 0 0 2em;
	padding: 0;
	width: 600px;
}

#mainContent p {
	color: #333;
	text-align: left;
}

#content {
	font-size: .85em;
	padding: 0 1em;
	background-color: #FFF;
	margin-bottom: 2em;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #930;
}
#content ul li {
	font-size: 1em;
	line-height: 1.4;
	color: #333;
	font-style: italic;
}


#content blockquote p {
	color: #333;
}

/* ---------------- definition questions styles ------------------------ */
.faq dt {
	font-weight: bold;
	margin: 1em 0;
}

.faq dd {
	line-height: 1.5em;
}

/* ------------- specisl Div tags styles ------------------------------ */
#video {
	padding: 0px;
	border-bottom: solid thin #930;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#wrapBoxes {
	padding: 15px 0;
	background-color:#FFF;
	height: 700px;
}

/* ---------------- index page home style --------------------------------- */
#box1 {
	width: 275px;
	float: left;
	padding: 5px;
	margin-bottom: 20px;
	color: #666666;
	text-align: center;
	border-right: thin solid #930;
}

#box2 {
	width:275px;
	float:right;
	padding: 5px;
	margin-bottom: 20px;
	color: #666666;
	text-align: center;
	border-left: thin solid #930;
}

#box1, #box2 {
	background-color: #FFF;
}

/*----------------------- donation box styles ---------------------- */

#donation {
	clear:both;
	padding: 0 .5em 1em;
	background-color: #fff;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #930;
	margin-top: 1em;
}

#donation img {
	margin-top: 1em;
}

/* ==========================sidbar ID styles ================================ */

#sidebar {
	width: 175px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	border-right: thin solid #930;
}

#sidebar p {
	font-size: .8em;
}

#sidebar .QA {
	background: #930;
	color: #FFFFFF;
	font-size: 1.5em;
	font-weight: bold;
	font-style: italic;
	text-indent: .4em;
}

/* ---------------------- navigation ID styles -------------------------- */

#nav {
	border-bottom: thin #930 solid;
	margin: 0;
	padding: 0;/*background-color:  #fff;*/ /*#EDF6FB*/
}

#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/* ========================
#nav li { change block to inline here for side by side links, or you can float L/R here too, can collapse, 
} ============================ */
#sidebar #nav li a {
	text-decoration: none;
}

#nav li a:link, li a:visited {
	background-color:  #EDF6FB; /*#EDF6FB;*/
	padding: 0.3em /*.5em*/;
	display: block;
	text-color: #930;
	text-decoration: none;/* <---looses underline*//*font-family: ?*//*line-height: ? centers text verticaly in display box or block */
}

#sidebar #nav li a:hover {
	background-color: #C8E3F2;
	color: #fff;
	text-decoration: none;
}

#nav li a.current, #nav li a.current:hover, #nav li a.current:active {
	color: #FFF;
	background-color: #930;
	cursor: default;/*a.current {
	background-color: #fff; #84C1FF;
	display: block;*/
	text-decoration: none;
}
}
/*#nav li { margin: 0 0 .2em 0; } this is use to seperate each block if you have it blocked out*/

/*-----------  
#active a {
display: block;
color: #FFF;
background-color: #600;
width: 9em;
padding: .2em .8em;
text-decoration: none;
} 
 ---------------Current page indication, give id to each li tag
<li id="active"><a href="#">Eggs</a></li>
<li><a href="#">Cheese</a></li>*/

/* ----- color: #FFF;  this adds a hover color to the bg ----- */

/*  ------------- below is an antempt to make the links 
show what page you are on or have visited ?  ------*/

 /*.current a  a.current:hover,
a.current:active {
 display:block;
 background-color: #999;*/
}

#comingUp {
	background-color: #EDF6FB;
	border-bottom: thin solid #930;
	margin-top: 2em;
	padding: 0 .5em;
}

#questions {
	background-color: #EDF6FB;
	margin-top: 2em;
	padding: 0 .5em;
	border-bottom: thin solid #930;
}

/*  ============ professional people contact page table styles ========= */

table#people {
	background-color: #fff;
	border-collapse: collapse;
	border: 1px solid #333;
}

#people thead { /*use for global styles */
	font-family: Verdana, Geneva, sans-serif;
	color: #930;
	font-size: 1em;
	line-height: 2;
	text-align: center;
}

#people tbody {  /*use for global styles */
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
}

/*work on specific elelments */
#people caption {  /* <---- keeping default font for now */
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom:.5em;
}

#people th {
	vertical-align: bottom; /* block Cat. - Only works for Tables! all content appears at bottom of cell*/
	background: #930;
	color: #FFF;
	border: 1px solid #333;
	font-weight: normal;
}

#people td {
	padding: .5em;
	border: 1px solid #333;
}

#people tfoot {
	text-align: center;
	font-size: .8em;
	font-style: italic;
	line-height: 2;
}

/* -------------- reviews page styles --------------------- */

#reviews .greyViews {
	color:#666;
}
#reviews p {
	border-bottom: thin dotted #666;
	padding-bottom: 1em;
	font-style: italic;
}

.blueWord {
	color: #97AEC6;
	font-style: normal;
	font-weight: bold;
	font-size: 1.2em;
}



/*--------------- contact page form styles ------------------------------*/

#formWrap {/* Change to "formWrap" div --- is it working to move text away from left side? --*/
	background: #fff;
	padding: 1em 0;	
}
	/* The 4 tags above sets up the page look and tabbs. - global form styles*/

#formWrap p { /*all the text formated, not just the labels*/
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #602e0c;
	font-size: 0.85em;
	line-height: 1.2;
	margin: 1.4em 0;			 
}
form#frmContact {  /* change to "frmContact" -- this is the form itself --*/
	width: 500px;
	margin: 0 auto;	
}
fieldset {
	background: #EDF6FB;
	border: none; /*loose default grey line*/
	margin: 1em 0;
	padding-bottom: .5em;
}
legend {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #930;
	line-height: 1.4;
 	background: #EDF6FB;  
	padding: 0.2em .5em;/*tabbed look in some browswer away from bg edge */
	margin-left: .5em; /*indents over to help with tabbed look*/
}	
input.text { /*.text*//*affect the boxes and buttons boxes*//*this will affect the check box and buttons - so we need to make a class .TEXT (a text field)*/
	 
	width:300px;
}
textarea { 
	width: 250px;
	margin-top: 0.5em;
	
}
/* ----------  sales page widget box --------------------- */
#widgetBox {
	clear:both;
	height:370px;
	padding: 20px;
	padding-top: 30;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}

/* ---------------------- footer id div syles ----------------------*/

#footer {
	clear: both;
	background-color:#FFF;
	border-top: 1px solid #930;
 border-bottom: .01em solid $930;
	font-size: .75em;
	text-align: center;
}

/* -------------------Class Styles - many times per page ----------------- */

.dropCap {
	float: left;
	width: .7em;
	font-size: 4em;
	line-height: 83%;
}

.imageCenter {
	border: 2px solid #000000;
	text-align: center;
}

.italWord {
	font-style: italic;
	text-align: left;
}

.boldWord {
	font-weight: bold;
}

.burgandColor {
	color: #930;
}
 color:
}

.noMargin {
	margin: 0;
}

.redBigWords {
	font-size: 2em;
	color: #F00;
}

.blackLetters {
	color: #000;
}