/* Author: Christina Hunnicutt */

a{color:#929292;text-decoration:none;}
a img{border:none;}
a:visited{color:#929292 ;}   /*929292*/
a:hover{color:#0B59A5;text-decoration:underline;}   /*753206*/
acronym,abbr{border-bottom:1px dotted #0C6BF0;}
acronym,abbr,span.caps{cursor:help;letter-spacing:.07em;}
blockquote{
background:url(img/blockquote.gif) no-repeat left top;
font-style:italic;
margin:15px 30px 0 45px;
padding:0 0 0 45px;
}

html{
  margin: 0px;
  margin-bottom:0px;
  padding: 0px;
}

body{
background:#fff url(../imgs/bg.jpg) repeat;		/*gradiant */
/*background:#B9C9D6;*/
font-family:'Verdana,Trebuchet MS',Georgia,Times,Times New Roman,sans-serif;
font-size:0.9em;
line-height:1.3em;
margin:0px;
margin-bottom:-25px;
padding:0px;
text-align:center;
}

cite{font-size:0.9em;font-style:normal;}
code{font-size:1em;font-style:italic;}
h1,h2,h3,h4{
font-family:Georgia,"Lucida Sans Unicode",lucida,Verdana,sans-serif;
font-weight:normal;
letter-spacing:1px;
}
h3{font-size:1.3em;margin:0;padding:0;}
input, textarea{
	background:#F3F6ED;
	border: solid #0B59A5 1px;
	/*border: none;*/
}
p{
	line-height:1.5em;
	margin:0 0 1em;
	padding:0;
	padding-top: 10px;
}


#rap{
position:relative;
/*background:url(../imgs/midBorder.jpg) #FFFFFF center repeat-y;*/
font-family:Verdana,Trebuchet MS,Georgia,Arial,serif;
font-size:0.9em;
margin:0 auto;
padding-bottom:2px;
padding:0px 8px;
text-align:justify;
/*height:500px;*/
z-index:100;
/*background-color:#B9C9D6;*/
background-color:#FFFFFF;			/*SHADOW!!!*/
}

#rapIE6Test{
position:relative;
background:url(../imgs/midBorder.jpg) #FFFFFF center repeat-y;
font-family:Verdana,Trebuchet MS,Georgia,Arial,serif;
font-size:0.9em;
margin:0 auto;
padding-bottom:0px;
padding:0px 8px;
text-align:justify;
/*height:500px;*/
z-index:100;
background-color:#B9C9D6;
}

.middle
{
	background-color:#ffffff;
	clear:both;
	position:relative;
	margin:auto;
	padding: 0px;
	top:20px;  /*-60px;*/
	/*height: 550px;   Just commented this out*/
	width: 700px;
	height:525px;	   /*500px;*/				/*SHADOW*/
	/*background-color:#CC3366;*/
}

.middleIE6Test
{
	clear:both;
	position:relative;
	margin:auto;
	padding: 0px;
	top:20px;  /*-60px;*/
	/*height: 550px;   Just commented this out*/
	width: 700px;
	height:500px;
	/*background-color:#CC3366;*/
}


.middleReasons
{
	clear:both;
	position:relative;
	margin:auto;
	padding: 0px;
	top:20px;  /*-60px;*/
	/*height: 550px;   Just commented this out*/
	width: 700px;
	height:950px;
	/*background-color:#CC3366;*/
}

.middleMap
{
	clear:both;
	position:relative;
	margin:auto;
	padding: 0px;
	top:20px;  /*-60px;*/
	/*height: 550px;   Just commented this out*/
	width: 700px;
	height:850px;
	/*height:675px;*/
	/*background-color:#CC3366;*/
}

.middleMap2
{
	clear:both;
	position:relative;
	margin:auto;
	padding: 0px;
	top:20px;  /*-60px;*/
	/*height: 550px;   Just commented this out*/
	width: 700px;
	height:570px;
	/*background-color:#CC3366;*/
}

.middleHG
{
	clear:both;
	position:relative;
	margin:auto;
	padding: 0px;
	top:20px;  /*-60px;*/
	/*height: 550px;   Just commented this out*/
	width: 700px;
	height: 700px;
	/*background-color:#CC3366;*/
}

.middleHomegroup
{
	clear:both;
	position:relative;
	margin:auto;
	padding: 0px;
	top:20px;  /*-60px;*/
	/*height: 550px;   Just commented this out*/
	width: 700px;
	height: 1400px;
	/*background-color:#CC3366;*/
}

.hgHeight
{
	position:relative;
	height:1200px;
}

.ReasonsHeight
{
	position:relative;
	height:1000px;
}

.EventsHeight
{
	position:relative;
	height:725px;
}

.noBorder
{
	clear:both;
	padding-top:0px;
	padding-bottom:0px;
}

.caLogo
{
	clear:both;
	position:relative;
	left:-12px;
	top:0px;
	z-index:600;	
	margin:0px;
	padding:0px;
}


.caLogoIE6Test
{
	clear:both;
	position:relative;
	left:-12px;
	top:0px;
	z-index:600;	
	margin:0px;
	padding:0px;
	background-color:#000000;
}

.menuBack
{
	clear:both;
	position:relative;
	left:250px;   /*229px;*/   /*FOR SHADOW*/
	/*top:-91px;	*/
	top:-100px;
}


/* common styling */
.menu 
{   clear:both;
    font-family: arial, sans-serif;  
	width:500px; 
	position:relative; 
	/*left:5px; */
	font-size:14px; 
	/*margin:2px auto; 50px 5px; */
	margin-top:2px;
	margin-left:9px;
	margin-right:auto;
	margin-bottom:auto;
	z-index:300;  
	/*display: block;*/
	/*background-color:#CCFF66;*/
	left:300px;
	top:-136px;
  }
  
/* font size below */
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:100px; height:30px; text-align:center; border:0px solid #fff; background:#E1DDD4; line-height:30px; font-size:13px; overflow:hidden;}   /*background:#F4F4EA;*/
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers  orange: F8B57A */
.menu ul li:hover a {color:#FFFFFF;background:#3073B2;}   /*orange: FF8B23 ca blue  #3073B2;  }   */
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:100px; background:transparent;}
.menu ul li:hover ul li a.hide {background:#E1DDD4; color:#000000;}  /* light tan */
.menu ul li:hover ul li:hover a.hide {background:#095AA5; color:#000000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000; color:#000;} /* display:block; background:#ddd; color:#000; background:transparent  url(../imgs/opaque.png); */
.menu ul li:hover ul li a:hover {background:#787676; color:#000;} /*orange/grey hover color*/
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
/*
.welcome
{
	img {background: url(imgs/welcome.jpg);
}

welcome a:hover { 
	background: url(imgs/welcome2.jpg);	
} 
*/

.triAbout
{
	clear:both;
	position:relative;
	top:-495px;  /*-542px;*/
	left:354px;
	margin:0px;
	padding:0px;
}

.triHome
{
	clear:both;
	position:relative;
	top:-920px;
	left:455px;
}

.triGive
{
	clear:both;
	position:relative;
	top:-475px;
	left:790px;
}


.triContact
{
	clear:both;
	position:relative;
	top:-495px;
	left:657px;
}

.giving
{
	clear:both;
position:relative;
left:45px;
width:400px;
top:15px;
	
}

.aboutBlurb
{
	clear:both;
	position:relative;
	width:450px;
}


.HGBlurb
{
	clear:both;
	position:relative;
	width:450px;
	left:0px;
	top:0px;
}

.Reasons
{
	clear:both;
	position:relative;
	width:450px;
}


.andyBlurb
{
	clear:both;
	position:relative;
	width:450px;
	left:50px;
	top:40px;
}

.ExpectBlurb
{
	clear:both;
	position:relative;
	width:450px;
	left:50px;
	top:0px;
}

.GivingBlock
{
	position:relative;
	top:85px;
}

.GivingBlurb
{
	clear:both;
	position:relative;
	width:450px;
	left:100px;
	top:25px;
	background-color:#858670;
}

.meetAndy
{
	position:relative;
	top:20px;
	left:37px;
	z-index:350;
}


.AndyGuitarPic
{
	position:relative;
	top:-150px;
	left:235px;
}


.HGLogoPic
{
	/*
	clear:both;
	position:relative;
	float:right;	
	left:-150px;
	top:115px;
	*/
	position:relative;
	top:115px;
	left:315px;
}
/*
.here
{
	color:#FFFFFF;background:#3073B2;
}

.here ul li a{color:#FFFFFF;background:#3073B2;}
*/

.caSideTitle
{   clear:both;
	font-family: arial, helvetica, sans-serif;
	color:#929292;     /*Grey: 929292  orange:FF8B23  #BDBDBC;*/
	font-size: 22px;
	text-decoration:none;
	float:left;
	width: 175px;
	text-align: left;
	position:relative;
	margin-top:0px;
	margin-bottom:0px;
	left:30px;       
	margin-left:auto;
	padding-bottom:10px;
}

.caSideTitle a:hover{color:#0B59A5;text-decoration:none;} 

.AboutUsSubs
{   clear:both;
	font-family: arial, helvetica, sans-serif;
	color:#929292;     /*Grey: 929292  orange:FF8B23  #BDBDBC;*/
	font-size: 16px;
	text-decoration:none;
	float:left;
	width: 375px;
	text-align: left;
	position:relative;
	margin-top:0px;
	margin-bottom:0px;
	left:55px;       
	margin-left:auto;
	padding-bottom:10px;
	top:85px;
	z-index:500;
}

.caSideInfo
{   clear:both;
	font-family: arial, helvetica, sans-serif;
	color:#9B9B9D;
	font-size: 14px;
	float:left;
	width: 175px;
	text-align: left;
	position:relative;
	margin-top:0px;
	margin-bottom:0px;
	left:40px;       
	margin-left:auto;
}

.caSideAll
{
	clear:both;
	position:relative;
	top:-20px;
	left:-20px;
	z-index:200;
}

.seriesBox
{
	position:relative;
	height:395px;
	width:512px;
	/*background-color:#AFAFAF;*/
	background-color:#FFFFFF;
	/*top:-400px;
	left:15px; */
}

.currSeries
{

	float:right;
	position:relative;
	/*left:320px;*/
	z-index:550;
	top:10px;
	width:200px;
	left:15px;
	
}

.currSeriesImage
{	
	position:relative;
	margin:0px;
	padding:0px;
	top:15px;
	left:-30px;
	/*border: 2px solid #929292;*/
	width:525px;
	height:400px;
	/*top:-400px;
	left:6px;  */	
}


.contentText {
  background:#EEE;
  width:564px;
  height:52px;
  max-width:564px;
  max-height:52px;
  position:relative;
  top:-64px;
  text-align:left;
  overflow:hidden;
  margin-left:auto;
  margin-right:auto;
  padding:6px;
  padding-left:8px;
  padding-right:8px;
    
  filter:alpha(opacity=85);
  -moz-opacity:.85;
  opacity:.85;
  
  display:none;
}

#SeriesDescription
{
	visibility:hidden;
}

#SeriesDescription span {
  font-family:Arial;
  font-size:13px;
}

#SeriesDescription b {
  font-weight:bold;
  font-family:Arial;
  font-size:11px;
  color:#2668b2;
  text-transform:uppercase;
}

.map
{
	  clear:both;
	  position:relative;
	  border: 1px solid #000;
	  height:397px;
	  width:527px;
	  /*top:-365px;
	  left:190px*/
}

.mapIntro
{
	clear:both;
	position:relative;
}

.about
{
	clear:both;
	position:relative;
}


.aboutContact
{
	clear:both;
	position:relative;
	top:45px;
}


.hg
{
	clear:both;
	position:relative;
	top:-125px;
}

.hgFirstPara
{
	clear:both;
	position:relative;
	width:500px;	
}

.mapRight
{
	 clear:both;
	  position:relative;
	  top:100px;
	  left:-30px;
}


.aboutRight
{
	position:relative;
	top:100px;
	left:-30px;
}


.HGRight
{
	position:relative;
	top:30px;
	left:-45px;
	background-color:#485768;
}


.meetRight
{
	position:relative;
	top:100px;
	left:-30px;
}


.leftSide
{
	clear:both;
	float:left;
	position:relative;
	width:225px;
}


.leftSideIE6Test
{
	clear:both;
	float:left;
	position:relative;
	width:225px;
	background-color:#897878;
}

.rightSide
{
	clear:right;
	float:right;
	position:relative;
	top:0px;
	height:500px;
	width:475px;
	margin:0px;
	/*
	clear:both;
	float:right;
	position:relative;
	top:75px;
	height:550px;
	left:-510px;
	*/
}

.CABlock
{
	position:relative;
	top:0px;
	left:0px;
}

                                   /* NAVIGATION BUTTONS */

                                    .menu2 {

                                                                        height: 38px;

                                                                        width: 500px;

                                    }

                                    .cssnav {

                                                                        position:relative;

                                                                        float: left;

                                                                        margin: 0; 

                                                                        padding: 0;

                                                                        font-family: arial, helvetica, sans-serif;

                                                                        background: url(imgs/down.jpg) no-repeat;

                                                                        width: 90px;

                                                                        height: 38px;

                                overflow:hidden;/* for ie to hide extra height*/            

                                    }

                                    .cssnav a {

                                                                        display: block;

                                                                        color: #A5A4A2;

                                                                        font-size: 12px;

                                                                        width: 90px;

                                                                        height: 38px;

                                                                        display: block;

                                                                        float: left;                                                                       

                                                                        text-decoration: none;

                                                                        overflow:hidden;/* for ie to hide extra height*/

                                    }

                                    .cssnav a:hover {

                                                                        color: #ffffff;

                                    }

                                    

 

                                    .cssnav img {width: 90px; height: 38px; border: 0; }

                                    * html a:hover {visibility:visible}

                                    .cssnav a:hover img{visibility:hidden}

 

                                    .cssnav span {

                                                                position: absolute;

                                                                left: 0px;top: 15px;

                                                                text-align: center;

                                                                width: 90px;

                                                                cursor: pointer;   

                                                                 

                                    }

                                    /* END OF NAVIGATION */


#div1, #div2, #div3 {position:absolute; top: 100; left: 200; width:200; visibility:hidden}
 
 
#container {
width: 800px;
margin-top: 10px;
text-align: center;
z-index:200;
position:relative;
clear: both;
background-position:center; 
margin-right: auto; 
margin-left:auto; 
}


#baseNoBorder {
background-color:#fff;
/*color: #000;*/
z-index:200;
padding-top: 1em;
padding-bottom:2em;
/*border: 1px solid #000 ;*/
position:relative;
clear: both;
}