/* CSS for lrlh.org
	 Hand coded by Matthew Farnell
	 Copyright 2006 Matthew Farnell */

/* Body
-------------------------------*/
body {
	background: #F3E5AF;
	font: 17px 'times new roman', times, serif;
	padding: 0px;
	margin: 0px;
	color: #000000;
}


/* Links
-------------------------------*/

a {
	color: #FF0065;
	text-decoration: underline;
}

a:hover, a.hover {
	text-decoration: none;
}


/* Layout
-------------------------------*/
#container {
	width: 964px;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #ad4d4d;
	background: #fff;
}

* html #container
{
  width: 968px;
  w\idth: 964px;
}

#skip {
	display: none;
}

#address {
	width: 844px; 
	height: 26px; 
	background: #FF0065 url(/images/heart-tip.gif) left top no-repeat;
	font: 14px 'arial black', arial, helvetica, sans-serif; 
	padding-left: 120px; 
	padding-top: 5px;
}

#home-content {
	width: 964px; 
	height: 484px; 
	background: url(/images/home-content.gif)
}

#indent {
	margin: 0 10px 10px 10px;
}

.indent {
	margin: 0 10px 10px 10px;
}

.two-indent {
	margin: 0 60px 10px 60px;
}

.three-indent {
	margin: 0 120px 10px 120px;
}

/* Header
-------------------------------*/
#header {
	background: #EACA8D url(/images/wood-background.jpg);
	width: 964px;
	height: 125px;
}

#header h1, #header h2 {
	float: left;
	width: 407px;
	height: 125px;
	background: url(/images/title.gif) left no-repeat;
	margin: 0;
	padding: 0;
}

h2 a {
	line-height: 20px;
}

#header h3 {
	float: right; 
	font: 20px 'arial black', arial, helvetica, sans-serif; 
	font-weight: bold; 
	margin: 0;
	padding: 0;
	padding-right: 120px; 
	padding-top: 30px; 
	background:  url(/images/question-marks.gif) right no-repeat; 
	height: 95px; 
	width: 340px;
}

#header span {
	display: none;
}


/* Home Page Imagemap
-------------------------------*/

ul.map {
	margin: 0;
	padding:0;
	list-style: none;
	float: left;
}
	
ul.map li {
	position: relative;
}

ul.map li a {
	text-decoration: none;
	display: block;
	width: 140px;
	height: 70px;
}

ul.map li a i {
	display: none;
}

#one {top: 7px; left: 172px;}
#two {top: 20px; left: 180px;}
#three {top: 195px; left: 113px;}
#four {top: 197px; left: 77px;}
#five {top: 230px; left: 80px;}
#six {top: 1px; left: 85px;}
#seven {top: 21px; left: 65px;}
#eight {top: -150px; left: 295px;}
#nine {top: 70px; left: 255px;}
#ten {top: 70px; left: 210px;}
#eleven {top: 85px; left: 238px;}
#twelve {top: 115px; left: 225px;}


/* Footer Bar
-------------------------------*/

#bottom-nav1 {
	width: 964px; 
	background: #FF0065;
	font: 19px 'arial black', arial, helvetica, sans-serif; 
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 32px;
}

#bottom-nav1 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	clear: both;
}

#bottom-nav1 ul li {
	display: inline;
}

#bottom-nav1 ul li a {
	text-decoration: none;
	color: #000;
	display: block;
	float: left;
}

#bottom-nav1 ul li a:hover {
	background: #FF659A;
	color: #fff;
}

.footer-one {width: 140px;}
.footer-two {width: 174px;}
.footer-three {width: 145px;}
.footer-four {width: 180px;}
.footer-five {width: 180px;}
.footer-six {width: 145px;}


/* Misc
-------------------------------*/

.inline {
	display: inline;
}

span, .hmm {
	display: none;
	}

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

.left {
	float: left;
	margin-right: 6px;
}

.right {
	float: right;
	margin-left: 6px;
}

.border {
	border: #000 5px solid;
}

.center {
	text-align: center;
}

.top {
 margin-top:0;
}

h3 {
	font: 17px 'arial black', arial, sans-serif;
	margin-bottom: 0;
	margin-top: 10px;
}

h1, h2, .h2style {
	font: 25px 'arial black', arial, sans-serif;
	margin-bottom: 0;
	margin-top: 10px;
}

.nomargin {
	margin: 0;
}

.linen {
	font: 24px Linenstroke, 'Times New Roman', serif;
}

.quote {
	font: 17px 'arial black', arial, sans-serif;l
	font-style: italic; 
	font-size: 14px; 
	margin-left: auto;
	margin-right: auto;
	background: #AFCAE5; 
	width: 380px; 
	padding: 15px;
  border: solid #000 8px;
	padding:8px;
}

ul.strong {
	font-weight: bold; 
	font-size: 22px;
}

.caption {
	font-family: arial, sans-serif;
	font-weight: bold;
	line-height: 25px;
}

.bold {
	font-weight: bold; 
}


/* Sidebar
-------------------------------*/

#sidebar {
	width: 174px;
	background: #808080;
	float: right;
	font: 19px 'arial black', arial, helvetica, sans-serif; 
	line-height: 32px;
	padding-bottom: 60px;
}

#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sidebar ul li {
	margin: 7px 0 7px 0;
	padding: 0;
}

#sidebar a {
	text-decoration: none;
	color: #fff;
	display: block;
	width: 169px;
	padding: 5px 0 5px 5px;
	line-height: 22px;
}


#sidebar ul li ul {
	margin: -8px 0 10px 0;
}

#sidebar ul li ul li {
padding: 2px 0 2px 0;
}

#sidebar ul li ul li a {
	padding: 0 0 0 25px;
	width: 149px;
	font-size: 17px;
	line-height: 18px;
}

#sidebar ul li a:hover {
	background: #ccc;
	color: #000;
}

#sidebar ul li a.active {
	background: #ccc;
	color: #000;
}

#sidebar ul li ul {
	display: none;
}

#sidebar ul li ul.active {
	display: block;
}

#sidebar ul li a.black {
	color: #000;
	}
	
#sidebar ul li a.pink {
	color: #FF659A;
	}
	
#sidebar ul li a.blue {
	color: #A6C4E2;
	}
	
#sidebar ul li a.white {
	color: #aaa;
	}

/* Bar Link
-------------------------------*/

.bar-link {
	background: #FF0065; 
	font-size: 25px; 
	font-family: 'arial black', arial, sans-serif; 
	padding: 0 15px 0 15px;
	color: #000;
	text-decoration: none;
}

.bar-link:hover {
	background: #FF659A;
	color: #000;
}

/* E-Mail
-------------------------------*/
.email {
	display: block;
	width: 200px;
	height: 15px;
	background: url(/images/contact-president.gif) no-repeat;
	margin-top: 4px;
	margin-bottom: -2px;
}

.email:hover {
	background: url(/images/contact-president.gif) no-repeat 0 -24px;
}

.email span {
	display: none;
}

.treasurer {
	background: url(/images/contact-treasurer.gif) no-repeat;
}

.treasurer:hover {
	background: url(/images/contact-treasurer.gif) no-repeat 0 -24px;
}

.director {
	background: url(/images/contact-director.gif) no-repeat;
}

.director:hover {
	background: url(/images/contact-director.gif) no-repeat 0 -24px;
}

/* Mission Page
-------------------------------*/

h1.mission {
	background: url(/mission/header-background.gif) no-repeat bottom;
	height: 210px;
	padding: 0;
	margin: 0;
}

h1.mission span {
	display: none;
}