/*Overall CSS for each Horizontal Accordion.
	Most settings should be kept as it.
	Customize each Accordion by styling each Accordion's ID attribute instead.
*/


h1 {font-size:2.75em;color: #990033;font-weight:lighter;}
h2 {font-size:1.8em;}
h3 {font-size:1.3em;color: #990033;font-weight:regular;}
h1,h2,h3{font-family:"Century Gothic", "Gill Sans", Verdana, sans-serif;letter-spacing:1px} 

p {font-size:.8em;color: #2f4f4f;font-weight:lighter;}
p{font-family:"Century Gothic", "Gill Sans", Verdana, sans-serif;} 

a:link {color:#990033;text-decoration: none }      /* unvisited link */
a:visited {color:#996633;text-decoration: none }  /* visited link */
a:hover {color:#990000;text-decoration: none }  /* mouse over link */
a:active {color:#FF6600;text-decoration: none }  /* selected link */




.title{
padding: 0;
position:absolute;
left:3em;
top:3em;
}

.nav{
padding: 1em;
position:absolute;
font-family:"Century Gothic", "Gill Sans", Verdana, sans-serif;
font-size:.85em;
left:3em;
top:10.0em;
}


.blurb{
position:absolute;
line-height:1.5;
font-family:"Century Gothic", "Gill Sans", Verdana, sans-serif;
font-size:.875em;
left:730px;
top:150px;
width:14em;
}

.footer{
position:absolute;
font-family:"Century Gothic", "Gill Sans", Verdana, sans-serif;
font-size:.75em;
left:50px;
top:400px;
width:280px;
}


.haccordion{
padding: 0;
position:absolute;
left:3em;
top:12em;
}

.haccordion ul{
margin: 0;
padding: 0;

list-style: none;
overflow: hidden; /*leave as is*/
}

.haccordion li{
margin: 0;
padding: 0;
font-family:"Century Gothic", "Gill Sans", Verdana, sans-serif;
font-size:.71em;
display: block; /*leave as is*/
width: 100%; /*For users with JS disabled: Width of each content*/
height: 200px; /*For users with JS disabled: Height of each content*/
overflow: hidden; /*leave as is*/
float: left; /*leave as is*/
}

.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 200px;  /*For users with JS disabled: Height of each content*/
}