/*
=============================================================================================

Delaware Lions Foundation
General Layout Style Sheet

Created by Delaware.Net
http://www.delaware.net
Copyright 2007

=============================================================================================
*/

/* General
========================================== */

* {margin:0; padding:0; font-weight:normal; border:none;} /* GLOBAL RESET */

body {background:#d5d6d6;}

h2 {font-size:2.4em;}
h3 {font-size:2em;}
h4 {font-size:1.4em;}

a {outline-style:none;} /* Removes dotted lines around links when active */
a:link {color:#575757;}
a:visited {color:#575757;}
a:hover {color:#4b3789;}

img {border:none;}
strong {font-weight:bold;}
input, textarea {background:#ccc; border:1px solid #444;}

p.access {display: none;} /* Use to add jump link to main content for screen readers */
.thumbnail {padding:3px; margin:3px; border:1px solid #444; background:#ccc;}




/* Layout
========================================== */
/*=== Header ===*/
#header {background:/images/flashheader.jpg; width:1000px; height: 239px}
#dlf {margin:0; padding:0; text-indent:-9999px; overflow:hidden; line-height:1px;}
#header h1 a:link, #header h1 a:visited, #header h1 a:hover {display:block;}
#toplinks {text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; width:900px;}

/*=== Navigation ===*/

/* MAIN */
/* If using a horizontal nav, add display:block to the a tag and display:inline li to create the button but remove the extra whitespace from IE6 */
#navwrapper { width:1000px; height:36px; background-image:url(/images/navbg.jpg); background-repeat:repeat-y;}
#navwrapper ul {height:36px;}
#navwrapper ul li {list-style:none; float:left; display:block;}
#navwrapper ul li a {text-indent: -9999px; overflow: hidden; text-decoration: none; display:block;}

#navMain {width:812px;}

#historybtn a:link, #historybtn a:visited {background:url(/images/historybtn.jpg) left top no-repeat; height:34px;width:116px;}
#officerbtn a:link, #officerbtn a:visited {background:url(/images/officersbtn.jpg) left top no-repeat;height:34px; width:116px;}
#boardbtn a:link, #boardbtn a:visited {background:url(/images/boardbtn.jpg) left top no-repeat; height:34px;width:116px;}
#grantsbtn a:link, #grantsbtn a:visited {background:url(/images/grantsbtn.jpg) left top no-repeat; height:34px;width:116px;}
#photosbtn a:link, #photosbtn a:visited {background:url(/images/photosbtn.jpg) left top no-repeat; height:34px;width:116px;}
#formsbtn a:link, #formsbtn a:visited {background:url(/images/formsbtn.jpg) left top no-repeat; height:34px;width:116px;}
#loginbtn a:link, #loginbtn a:visited {background:url(/images/loginbtn.jpg) left top no-repeat; height:34px;width:116px;}

#historybtn a:hover {background:url(/images/historybtn.jpg) left bottom no-repeat;height:34px; width:116px;}
#officerbtn a:hover {background:url(/images/officersbtn.jpg) left bottom no-repeat;height:34px; width:116px;}
#boardbtn a:hover {background:url(/images/boardbtn.jpg) left bottom no-repeat;height:34px; width:116px;}
#grantsbtn a:hover {background:url(/images/grantsbtn.jpg) left bottom no-repeat;height:34px; width:116px;}
#photosbtn a:hover {background:url(/images/photosbtn.jpg) left bottom no-repeat;height:34px; width:116px;}
#formsbtn a:hover {background:url(/images/formsbtn.jpg) left bottom no-repeat; height:34px; width:116px;}
#loginbtn a:hover {background:url(/images/loginbtn.jpg) left bottom no-repeat; height:34px; width:116px;}



#menulinks {font-size: 16; font-weight: bold; color: #4b3789; text-decoration:none; font-family: Georgia;}
#menulinks a:link, #navbtn a:visited {font-size: 16; font-weight: bold; color: #4b3789; text-decoration:none; font-family: Georgia;}
#menulinks a:hover {font-size: 16; font-weight: bold; color: #4b3789; text-decoration:none; font-family: Georgia;}
/*=== Content ===*/
#contentwrapper {width:1000px; min-height:339px; background-image:url(/images/navbg.jpg); background-repeat:repeat-y;}

/* LEFT CONTENT AREA */
#contentLeft {color:#00f;}
#contentLeft h2,#contentLeft h3, contentLeft h4 {display:inline; margin:0;}
#contentLeft h2 {font-size:2.5em;}
#contentLeft h3 {font-size:2.2em;}
#contentLeft h4 {font-size:1.5em;}
#contentLeft a:link {color:#444;}
#contentLeft a:visited {color:#777;}
#contentLeft a:hover {color:#f00;}


/* CENTER CONTENT AREA */
#contentCenter {color:#3b3b3b; font-size:14px;}
#contentCenter h2,#contentCenter h3,#contentCenter h4 {display:inline; margin:0;}
#contentCenter h2 {font-size:2.5em;}
#contentCenter h3 {font-size:2.2em;}
#contentCenter h4 {font-size:1.2em; font-weight:bold;}
#contentCenter ul li {margin-left:20px;}
#contentCenter a:link {color:#44337a;}
#contentCenter a:visited {color:#44337a;}
#contentCenter a:hover {color:#826ec3;}


/* RIGHT CONTENT AREA */
#contentRight {color:#000;}
#contentRight h2,#contentRight h3,#contentRight h4 {}
#contentRight h2 {font-size:2.5em;}
#contentRight h3 {font-size:2.2em;}
#contentRight h4 {font-size:1.5em;}
#contentRight a:link {color:#444;}
#contentRight a:visited {color:#777;}
#contentRight a:hover {color:#f00;}


/*=== Footer ===*/
#footer {background-image:url(/images/footer.jpg); height:105px; width:1000px; background-repeat:no-repeat; color:#767676; font-size: 11px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;}
#footer ul li {list-style:none; float:left; display:inline;}
#footer a:link {color:#767676; font-size: 11px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;}
#footer a:visited {color:767676; text-decoration:none;}
#footer a:hover {color:#4b3789; text-decoration:none;}
#bottomlinks {font-size: 11px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;}

#delawarenet {font-size: 12px; color: #333333;}
#delawarenet a:link, #delawarenet a:visited, #delawarenet a:hover {overflow:hidden; text-decoration:none; font-size: 12px; color: #575757;}

/*=================== HACKS =========================*/
/*=== (PLEASE PUT ALL NORMAL CSS ABOVE THIS AREA) ===*/
/*===================================================*/

/* THIS IS A GREAT CLEARING METHOD THAT WORKS IN IE/FIREFOX/OPERA - MOST OF THE TIME */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* END */