body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, hr
{margin: 0;	padding: 0;}

ol, ul
{list-style: none;}

h1,h2,h3,h4,h5,h6
{font-style:normal;font-weight:normal;font-size:1.0em;}

/* BASIC STYLES
--------------------------------------------------------------*/
body {	
    background:#26527F url(img/bg.jpg) repeat-x;
    color:#555;
    font: 62.5%/1.6 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
}

a {color:#369; text-decoration:none;}

a:hover {text-decoration:underline;}

img {border:none;}

.sc, #footer span
	{font-variant:small-caps;}

.greendots{
 	background:transparent url(img/green_dots.gif) repeat-x bottom; 
 	margin-bottom:6px;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
.bgTop{
    background-position:top;
}
.centertext{
	text-align: center;
}

/* HEADER
--------------------------------------------------------------*/
#header {
    background:transparent url(img/header.jpg) no-repeat -2px 0;
    height:238px;
    width:802px;
    margin:0 auto;
    position:relative;
}

#header h1 a {
    display:block;
    height:230px;
    width:315px;
    text-indent:-9999px;
}
p.donate a{
	background:transparent url(img/donateBadge.jpg) no-repeat top;
    bottom:1px;
    display:block;
    height:116px;
    position:absolute;
    width:114px;
    right:2px;
    text-indent:-9999px;
}
p.donate a:hover{
	background-position:bottom;
}
/* NAVIGATION
--------------------------------------------------------------*/
ul#nav {
    height:33px;
    font-size:1.2em;
    line-height:33px;	
    margin:0 auto;
    width:802px;
    position: relative;
}

ul#nav li{
    float:left;
}

ul#nav li a {
    background:transparent url(img/navdiv.gif) no-repeat top left;
    display:block;
    color:#030;
    height:33px;
    text-decoration:none;
    width:130px;
}

ul#nav li a:hover, body#home li#tabOne a, body#hof li#tabTwo a, body#hle li#tabThree a, body#home1 li#tabThree a,body#report li#tabFour a, body#give li#tabFive a, body#nl li#tabSix a {
    background:#393;
    color:#fff;
}
body#hle li#tabThree ul li a{
    background:transparent url(img/navBG.jpg) repeat-x top right;
    color:#030;
}
body#hle li#tabThree ul li a:hover{
 	background:#393;
    color:#fff;
}

ul#nav li#tabOne a { width:100px; } 
ul#nav li#tabTwo a { width:149px; } 
ul#nav li#tabThree a { width:160px; } 
ul#nav li#tabSix a { width:132px; }

ul#nav a span{ 
    background:transparent url(img/navdiv.gif) no-repeat top right;
    display:block;
    height: 33px;
}
ul#nav li ul{
	display: none;
	position: absolute;
	top:33px;
	width:130px;
	z-index: 999;
}
* html ul#nav li ul li{
    margin-top:-1px;
}
ul#nav li ul li{
	clear: left;
	border:1px solid #696;
    border-top:none;
   }

ul#nav li ul li a{
    background:transparent url(img/navBG.jpg) repeat-x top right;
    height: 32px;
}

ul#nav li:hover ul, ul#nav li.over ul{ 
	display: block; 
}

/* MAIN CONTENT
--------------------------------------------------------------*/

div#mid {
    background:#fff url(img/midBG.jpg) repeat-x top;
}

div#content {
    background:#fff url(img/top_shadow.jpg) repeat-x top;
    margin:0 auto;
    width:800px;
    z-index: 0;
}

div#leftCol, div#rightCol{
    float:left;
    font-size:1.4em;
    padding:20px;
    text-align:center;
    width:480px;
}
	div#rightCol{
		width:260px;
		padding:20px 0 0;	
	}
.bodytext p{
    padding:0 20px 10px 20px;
} 
div.dark_box {
    background:#26527F url(img/grad_boxBG.jpg) repeat-x top;
    border:1px solid #369;
    color:#fff;
    padding:0 20px 20px 20px;
}
body#hle div.dark_box {
	margin-bottom: 20px;
}
div.dark_box a{
	color:#fff;
	font-size:85%;
}
div.dark_box h3 {
    height:46px;
    margin-bottom: 10px;
    text-indent:-9999px;
}
body#home div.dark_box h3{background:transparent url(img/mission.jpg) no-repeat top left;}
body#hle div.dark_box h3{background:transparent url(img/gallery.jpg) no-repeat top left;}

div.dark_box h3 span {
    background:transparent url(img/white_dots.gif) repeat-x bottom;
    display: block;
    height: 100%;
}
body#home div.dark_box p{
	padding:0;
}

/*------------------------------------------------------------*/

h4.tab{
    height:33px;
    margin:15px 0 15px 0;
    text-indent:-9999px;
}

h4.tab.events{ 
	background:#fff url(img/events_tab.png) no-repeat 0 1px;
	border-bottom:1px solid #696;
}
a.logo{
    border:1px solid #999;
    display:block;
    margin:0 0 10px 20px;
    width:215px;
}
a.endlink{
    font-size:0.8em;
}

div.addl{
	background:#ffc url(img/event_header.jpg) no-repeat top;
	border:1px solid #ccc;
	font-size:85%;
	line-height:1.3;
	margin:0 auto 15px;
	padding:65px 25px 15px;
	text-align:center;
	width:81%;
}
div.addl strong, div.addl em a{
	color:red;
	font-size: 120%;
	line-height:1.6;
}
div.addl p{
	border-bottom: 1px solid #999;
}
div.addl ul{
	text-align: left;
	list-style-image:url(img/0195_heart.png);
	margin: 5px 0 10px 20px;
}
div.addl ul li{
	height: 22px;
	padding-left: 4px;
}

/*------------------------------------------------------------*/

p#contact {
    font-size:88%;
}

/* RIGHT COLUMN
--------------------------------------------------------------*/

div.board{
    background:#cf9 url(img/boardBG.jpg) no-repeat bottom center;
    font-size:82%;
    padding:20px 20px 30px 20px;
    margin-bottom:-10px;
}

div.board h2{
    font-size:120%;
}

div.board dd{
    padding-bottom:6px;
}
		
h5 {
	background:transparent url(img/green_dots.gif) repeat-x top;
	color:#369;
	margin:10px 0 6px 0;
	padding-top:2px; 	 
}
#rightCol p{
	text-align:center;
}
/* FOOTER
--------------------------------------------------------------*/

div#footer {
    background:url(img/footBG.jpg) repeat-x top left;
    color:#fff;
    padding:20px 0 28px;
    }

div#footer a{
    color:#fff;
}

div#footer a:hover{
    text-decoration:underline;
}

body.comingsoon div#content { height:auto; }
body.comingsoon div#content a img.temp {margin:30px;}

/* HLE
--------------------------------------------------------------*/

body#hle div#header{
	background-image:url(img/header.jpg);
}
body#hle p.donate a{
	bottom:0;
	width:114px;
	right:-2px;
	background-color: transparent;
	background-image: url(img/donateBadge.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
body#hle p.donate a:hover{
	background-position:bottom;
}

.gallery img{
	border:2px solid #ccc;
	margin:10px auto;
}
.gallery a:hover img{
	border:2px solid #fff;

}
h5 span{
	background:#fff url(img/sponsors.jpg) no-repeat;
	display:block;
	height:28px;
	margin-top:3px;
	text-indent:-9999px;
}
img.sponsors{
	display:block;
	width:433px;
	height: auto;
}
div#dsaBox{
	background:#cf9;
	border:1px solid #9c6;
	margin:15px 0;
	padding:20px;
	text-align:center;
}
div#dsaBox img{
	display:block;
	margin:0 auto;
}
ul.hleLinks{
	font-size:85%;
	margin-bottom:15px;
}
* html ul.hleLinks li, * html ul.hleLinks li{
	height:100%;
}
ul.hleLinks li a{
	border:1px solid #9c6;
	background:#cf9 url(img/pdf.gif) no-repeat 6px 6px;
	display:block;
	height:100%;
	line-height:52px;
	margin-bottom:3px;
	padding-left:55px;
	text-decoration:none;
}
ul.hleLinks li a:hover{
	background:#ffc url(img/pdf.gif) no-repeat 5px 5px;
	border:1px solid #ccc;
	text-decoration:none;
}
body#hle.map iframe{
	border:1px solid #9c6;
}
ul.hleLinks li.dead a{
	background-image:url(img/comingsoon_pdf.jpg);
	color:#777;
}
ul.hleLinks li.dead a:hover{
	background:#cf9 url(img/comingsoon_pdf.jpg) no-repeat 6px 6px;
	cursor:default;
}
.whtdots {
	background-image: url(img/white_dots.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.hleLinks2 {
	border:1px solid #9c6;
	display:block;
	height:100%;
	line-height:52px;
	margin-bottom:3px;
	padding-left:25px;
	text-decoration:none;
	background-color: #cf9;
	background-position: 6px 6px;
}
#hof #picframe .style2 img {
	background-color: #26527f;
	color: #Fff;
	background-image: url(img/grad_boxBG.jpg);
	background-repeat: repeat-x;
	border: 1px solid #369;
	height: 325px;
	width: 375px;
}
.picframe {
	background-color: #26527f;
	color: #Fff;
	background-image: url(img/grad_boxBG.jpg);
	background-repeat: repeat-x;
	border: 1px solid #369;
	height: 325px;
	width: 375px;
	padding-top: 30px;
	font-size: 1.6em;
}
div.addl2 {
	border:1px solid #ccc;
	font-size:85%;
	line-height:1.3;
	margin:0 auto 15px;
	padding:15px 25px 15px;
	text-align:center;
	width:81%;
	background-color: #FFFFCC;
}
div.board2 {

    background:#cf9 url(img/boardBG.jpg) no-repeat bottom center;
    font-size:82%;
    padding:5px 5px 10px 5px;
    margin-bottom:-10px;
}
