@charset "utf-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
	font-style: normal;
   }

img {border:none}

body {
	font-family: Arial, Helvetica, sans-serif;
	border: 0;
	outline: none;
	color: #000;
	background-color:#dfcb94;
	background-image: url(images/bkgnd-stripe.png);
	background-repeat: repeat;
}

H3{
	font-size: 16px;
	color: #4d520c;
}

H4{	font-size: 18px;
line-height:20px;}

a:link {
	color: #02556C;
	text-decoration: none;
}


a:visited {
    color: #02556C;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #3CF;
}

a:active {
	color: #02556C;
	text-decoration: none;
}

a:active, a:focus {
outline: 0
}

.deep-red{color:#851014}

.flush-left{text-align:left}

.float-left{float:left;}

.left1{margin-left:-1px}

.left133{margin-left:133px}

.green-txt{color:#4d520c;}

.white-bg{background-color:white;}

.small-break{line-height:5px;}

.tiny{font-size:x-small}

.center-margin{margin-left:auto; margin-right:auto;}

/**============== SPECIFIC STYLES =========================**/
#contact-bkgnd{
	width:100%;
	height:550px;
	display:block;
	position:relative;
	background-image: 
url(images/jlf-logo-bkgnd.jpg);
	background-repeat: no-repeat;
	background-position: center 10px;
	font-size: x-large;
	color: #5B6A3E;
	}


#slideshow-comment-right{
	font-size:large;
	float:right;
	background-color:#F7FFE1;
	font-size: small;
	text-align:left;
	padding: 10px;
	width:190px;
	height:323px;
	display:block;
	overflow: hidden;
}

#slideshow-comment-right li{
	text-indent: 5px;
	font-style: italic;
	list-style-type: none;
}

.small-print{
	font-size:small;
	text-align: left;
	color: #FFF;
	padding: 0px 10px 0px 10px;
	display: block;
	}
	
.smallBR{font-size:1px;
	line-height:5px;}

.yellow-bar{
	background-color: #FEEBC5;
	width :95%;
	display:block;
	}

.gold-bar{
	font-size: medium;
	background-color: #ac8200;
	width :100%;
	display:block;
	color: #FC3;
	font-weight: bold;	
}


/**----------- CONTAINERS and Navigatioon -----------------**/

#right-links{
	background-color:red;
	display:block;
}


#div-faux-col{
	margin-top:22px;
	float: left;
	width:980px;
	min-height:100%;
	background-image: url(images/faux-column.gif);
	background-repeat: repeat-y;
	line-height: normal;
}

#div-detail{
	width: 590px;
	height: 170px;
	overflow-y: scroll;
	padding: 10px;
	font-size: 12px;
}

#div-detail p {
	margin-top:.5em;
}

#div-footer{
	border-top:solid #ac8200 2px;
	margin-left:auto;
	margin-right:auto;
	width: 960px;
	height: 20 px;
	background-color: white;
	font-size: small;
	line-height: 20px;
	color:#ac8200;
}


#div-home-left-col{
	float:left;
	margin-left:10px;
	width:220px;
	min-height:500px;
	color: #FFF;
	background-color: #4d520c;
	padding: 0px;
	}
#div-home-left-col a{
	color: #8AFAFF;
}

#div-home-left-col a:hover{
	color: #FF0;
}

#div-home-right-col{
	float:left;
	width: 730px;
	margin-left: 10px;
	background-color:white;
	min-height:500px;
}

ul, li {
	margin:0px;
	padding: 0px;
	list-style-type: none;
}

#nav-menu{
	width: 960px;
	height: 25px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/nav-menu-bkgnd.jpg);
	background-repeat: no-repeat;
}

#nav-menu ul{
	margin-left:auto;
	margin-right:auto;
	list-style-type: none;
	/* margin-left=	(960-(li width*3+6)//2 */
	margin-left:177px;
	height:25px;
	display: block;
	font-size: 14px;
	color: #FFF;
	line-height: 25px;
	vertical-align: middle;
	font-weight: lighter;
}

#nav-menu li{
	width:150px;
	height: 25px;
	border-left: solid 1px #C93;
	border-right: solid 1px #000;
	float:left;
	list-style-type: none;
	display: block;
	text-align: center;
}

#nav-menu li a{
	color: #FFF;
	height:25px;
}

#nav-menu li a:hover{
	color:#000;
	background-color: #FC6;
	display:block;
}

/*--NAV --*/
#nav {
	position:absolute;
	width:960px;
	left: 10px;
	top: 150px;
	height: 22px;
	/*	padding: 0px 10px; */
	background-color:#552B00;
	z-index:100;
	font-family: Arial, Helvetica, sans-serif;
}

#nav a { 
    color:white;
	font-size:14px;
}

#nav ul{margin-left:220px;}

#nav a.active {
	font-weight:bold;
	border:none;
}

#nav a:hover{
	background-color: #FC6;
	color: #552B00;
}


#nav li {
	list-style: none;
	float: left; 
	display:block;
	border-right: solid thin #FC3;
	}

#nav li:first-child {	
	border-left: solid thin #FC3;
}
	
#nav li a {
	display: block;
	padding: 2px 20px;
	text-decoration: none; }


#nav li ul {
	display: none;
	width: 15em;
}

#nav li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
	
#nav li:hover li {
	float: none; }
	
#nav li:hover li a {
	background-color: #FC3;
	border-bottom: 1px solid #fff;
	color: #552B00;
}
	
#nav li li a:hover {
	background-color: #FFC;
	color: #552B00;
}


/*-- END NAV --*/


#div-edit-page {
	font-size: 24px;
	border:   solid #bbbbbb 1px;
	height: 100%;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	background-color:white;
	display: block;
	}
	


#div-container {
	position:relative;
	border:   solid #ac8200 6px;
	border-top: solid 0px;
	height: 100%;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-color: #FFFFFF;
	text-align: center;
	}

#div-header-sm{
	background-image: url(images/JLF-header-sm.jpg);
	color:white;
	padding-top:20px;
	height:80px;
	width:960px;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#div-header-sm-menu{
	color:white;
	font-weight: bold;
	position:absolute;
	left:120px;
	top 8px;
	top:70px;
	width:102px;
	height: 25px;
	line-height:25px;
	border-left: solid 1px white;
	border-right: solid 1px #50301a;
	}

#div-header-sm-menu a{color:white;}

#div-header-sm-menu a:hover{
	color:#000;
	background-color: #FC6;
	display:block;}
	
#div-960-content{
	width:960px;
	min-height:500px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color:#FFF;
}

#div-800-content{
	width:810px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size: 20px;
}

#div-header {
	padding : 0px;
	width: 960px;
	height: 150px;
	margin-left: 10px;
	background-color: #FFFFFF;
	display: block;
	background-image: url(images/JLF-header.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	position: relative;
	}
	
	#div-header-message{
	width: 665px;
	height: 40px;
	font-size: 16px;
	text-align: center;
	font-style: italic;
	position: absolute;
	left: 200px;
	top: 105px;
	color: #ac8200;
}


#over-logo{
	/* enables click on logo for home page */
	position:absolute;
	height:150px;
	width:170px;
	display:block;
	border:none;
	left: 5px;
	}

	#div-header-key{
	z-index:110;
	width: 144px;
	height: 193px;
	position: absolute;
	left: 820px;
	top: 0px;
	background-image: url(images/key.png);
}