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

/* -------------- color selections ------------------
#993300 (153,51,0)--- burgandy - links, q&a, h1, <hr>,
#FFFFCC (255,255,204)---- yellow-ish - blockquote background
#666 ----- light grey - testimonial reviews altenating*/




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

h1, /*add the p tag later, span, ul,li etc ----------*/
h2,
h3,
h4,
h5,
h6,
blockquote,
img {
	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^, U center texts later -*/
	font-family: Georgia, Arial, "Times New Roman", serif;
}
img {
	display: block;
	margin: 0 auto;
	padding: 0;
}
h1 {
	color: #930;
	padding: .5em;
	text-align: center;
}
h2 {
	line-height: 2.5em;
	text-align: center;
}
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;
}
blockquote span {
	display: block;
	background-image: url(../images/blockquotes/closequote1.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
/*blockquote.style1 { HOW TO DO THIS - DELETE LATER
  font: 14px/20px italic Times, serif;
  background-color: #faebbc;
  margin: 5px;
  background-image: url(images/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
  blockquote.style1 span {
     display: block;
     background-image: url(images/closequote1.gif);
     background-repeat: no-repeat;
     background-position: bottom right;
   }*/
	/*padding: 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	/*width: 15px margin: 0 auto;*/
	/*font-size: 85%;*/
	/*display: block;*/
	/*background-color: #FF0;
	text-indent: 4em; */

/*#content blockquote {text-indent: 23px;}*/
hr {
	color: #930;
}
-----a or Anchor Tages - the four states that must appear in the folowing order - L, V, H, A (LoVeHAte) ----- a:link {
 color: #930;
 text-decoration: none;
}
a:visited {
	color: #930;
}
a:hover {
	color: #000;
	color: #2E748D;
	display: block;
	background: #faf8f3;
	background: #fefefe;
}
a:active {
	color: #000;
	text-decoration: none;
}
/* ---------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;/*background-color: #fff;*/
}
#header {
	background-image: url(../images/banner-top.jpg);
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 0px;
	height: 200px;
	width: 800px;
	text-indent: -999em;
}
/* ----------- main content area ------------- */

#mainContent {
	background-color: fff;
	float: right;
	margin: 0 0 2em;
	padding: 0;
	width: 600px;/*border-left-width: 0px;
	border-left-style: solid;
	border-color: #930;*/
}
#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;
}
#video {
	margin: 0px;
	padding: 2px;
	border-bottom: solid thin #930;
}
#wrapBoxes {
	padding: 15px 0;
	background-color:#FFF;
	height: 700px;/*border-bottom: medium solid #F00;	*/
}
/* --------- index style page -------- */
#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: border-top-width: thin;
	border-top-style: solid;
	border-top-color: #930;/*height:370px;*/
	margin-top: 2em;
}
# donation p {
}
#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;
	background-color: #EDF6FB;
	magin: 0;
	padding: 0;
}
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#nav a {
	display: block;
	padding: .3em /*.5em*/;
	background-color: #EDF6FB;
	color: #930;
	text-decoration: none;
}
#nav a:hover {
	background-color: #C3D7E5;
}
/*#nav li { margin: 0 0 .2em 0; } thisi s use to seperate each block if you have it blockee 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 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;
}
*/ a.current {
 background-color: #D2D2D2;
 display: block;
}
#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;
}
/* ----------- foooter syles -------------*/
#footer {
	border-top: #CC3300 4px solid;
	clear: both;
	text-align: center;
	width: 800px;
	padding: 0;
	background-color:#FFF;/*height: 145px;*/
}
/*-----------------------contact page styles----------------------*/	


#mailerForm {/* --- is it working to move text away from left side? --*/
	padding-left: 0em;
	background: white;
	padding-bottom: 2em;
	margin-bottom: 5em;
}
/* ----------  sales page widget box --------------------- */

#widgetBox {
	clear:both;
	height:370px;
	padding: 20px;
	padding-top: 30;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}
/* -------------------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;
}
.boldWord {
	font-weight: bold;
}
.burgandColor {
	color: #930;
}
.greyViews {
	color:#666;
color:
}
.noMargin {
	margin: 0;
}