@charset "UTF-8";

@font-face {
	font-family: 'myCaslon';
	src: url('/fonts/acaslonpro.eot');
	src: url('/fonts/acaslonpro.eot?#iefix') format('embedded-opentype'),
	     url('/fonts/acaslonpro.woff') format('woff'),
	     url('/fonts/acaslonpro.ttf')  format('truetype'),
	     url('/fonts/acaslonpro.svg#svgFontName') format('svg');
	font-weight: normal;
	font-style: normal;}

@font-face {
	font-family: 'myCaslon';
	src: url('/fonts/acaslonpro-italic.eot');
	src: url('/fonts/acaslonpro-italic.eot?#iefix') format('embedded-opentype'),
	     url('/fonts/acaslonpro-italic.woff') format('woff'),
	     url('/fonts/acaslonpro-italic.ttf')  format('truetype'),
	     url('/fonts/acaslonpro-italic.svg#svgFontName') format('svg');
	font-weight: normal;
	font-style: italic;}

@font-face {
	font-family: 'myCaslon';
	src: url('/fonts/acaslonpro-bold.eot');
	src: url('/fonts/acaslonpro-bold.eot?#iefix') format('embedded-opentype'),
	     url('/fonts/acaslonpro-bold.woff') format('woff'),
	     url('/fonts/acaslonpro-bold.ttf')  format('truetype'),
	     url('/fonts/acaslonpro-bold.svg#svgFontName') format('svg');
	font-weight: bold;
	font-style: normal;}

@font-face {
	font-family: 'myClarendon';
	src: url('/fonts/clarebtrom.eot');
	src: url('/fonts/clarebtrom.eot?#iefix') format('embedded-opentype'),
	     url('/fonts/clarebtrom.woff') format('woff'),
	     url('/fonts/clarebtrom.ttf')  format('truetype'),
	     url('/fonts/clarebtrom.svg#svgFontName') format('svg');
	font-weight: normal;
	font-style: normal;}

@font-face {
	font-family: 'myClarendon';
	src: url('/fonts/clarebol.eot');
	src: url('/fonts/clarebol.eot?#iefix') format('embedded-opentype'),
	     url('/fonts/clarebol.woff') format('woff'),
	     url('/fonts/clarebol.ttf')  format('truetype'),
	     url('/fonts/clarebol.svg#svgFontName') format('svg');
	font-weight: bold;
	font-style: normal;}

body {width: 1249px; font-family: myCaslon, "Caslon", "Adobe Caslon", "Times New Roman", "Garamond", georgia, serif;
	background-color: #fffcd4;
	color: #000;}
	
a {color: #000;
	font-weight: bold;}
	
/*a:hover {color: #99f;}*/

img {border: none;}

ul {margin: 0;
	padding: 0;
	line-height: 1.3;}

li {list-style: none;}	

#container {padding: 0 8px 0 0;}

#header {width: 100%;
		height: 109px;
		border: 0;
		clear: left;
		border-bottom: 1px solid #9f2214;
		background-color: #fffac0;}
		
	#header a {color: #fff;
		font-weight: normal;}	

	#frametitle {float: left;
		width: 485px;
		padding-left: 16px;		
		padding-top: 28px;
		font-size: 50px; 
		font-family: myClarendon, "Clarendon", "Rockwell", georgia, serif;}

		#frametitle a {color: #9f2214;
			font-weight: normal; 
			text-decoration: none; }

		#frametitle a:hover {text-decoration: underline;}
		
	#frameimage {float: left;
		padding-left: 7px;
		padding-top: 35px;}
	
		#frameimage img {border: none;}

	#frametext {font-family: myClarendon, "Clarendon", "Rockwell", georgia, serif;
		text-transform: uppercase;
		line-height: 1.1;
		letter-spacing: 3px;
		text-align: right;
		font-size: 10px;
		padding-top: 26px;
		padding-right: 10px;}

#maincontent {clear: left;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;}

#group1 {float: left;
	width: 298px;
	height: auto;}

	#group1 img {width: 298px;
		height: auto;
		padding-top: 0;}
	
.arrow {display: block;
	float: right;
	position: relative;
	background-image: url("/img/icon-down.png");
	background-repeat: no-repeat;
	background-position: center;
	height: 17px;
	width: 17px;
	margin-top: 3px;}

#buttons {float: left;
	width: 354px;
	height: auto;
	margin-left: 48px;
	margin-top: 50px;}

	/* #buttons div div:hover {box-shadow: 0px 0px 9px #888 inset;} */

	#buttons ul li {font-size: 16px;
		font-family: myClarendon, "Clarendon", "Rockwell", georgia, serif;
		color: #9f2214;
		padding: 10px 0 14px 8px;
		border-top: 1px solid #9f2214;
		line-height: 1.231;}

		#buttons ul li {cursor: pointer;}

	#buttons ul li a {font-size: 18px; /* 13px for all-caps */
		text-decoration: none;
		/* text-transform: uppercase;
		letter-spacing: 1.3; */}	

	#buttons div div ul {padding-top: 8px;
		padding-left: 14px;
		/*padding-bottom: 24px;*/}	

/*	#buttons ul li ul {margin: 0;
		padding: 0 0 10px 0;
		line-height: 0.6;}

	#buttons ul li ul li {margin: 0;
		padding: 0;}

	#smallerlinks {font-size: 15px;}
		  		
	#smallerlinks li {padding-right: 13px;}

	#smallerlinks li a {font-weight: normal;} */			

#group2 div {position: absolute;
	left: 775px;
	top: 154px;
	width: 450px; 
	height: 380px; 
	font-size: 14px;}

	#group2 div {visibility: hidden;}

	#group2 img {}

	#group2 a {text-decoration: none;
		font-weight: normal;}

	#group2 div ul li {border: 1px solid #9f2214;
		display: inline-block;
		vertical-align: top;
		height: 86px;
		width: 116px;
		text-align: center;
		margin: 14px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px; /* future proofing */
		-khtml-border-radius: 4px; /* for old Konqueror browsers */}

		#group2 div ul li:hover {/*background-color: #fffbdb;
			box-shadow: 0px 0px 12px #fff inset;*/
			/*background-image: url("/img/lfrp/thumbs/kingkitchen-2small.jpg");
			opacity: 0.8;*/}

		#aims:hover {background-image: url("/img/lfrp/thumbs/martinezbench-small.jpg");
			opacity: 0.8;}	
		#intro:hover {background-image: url("/img/lfrp/thumbs/woodenint2-small.jpg");
			opacity: 0.8;}
		#aplint:hover {background-image: url("/img/lfrp/thumbs/sullivankitchen-small.jpg");
			opacity: 0.8;}
		#ca:hover {background-image: url("/img/lfrp/thumbs/chris-small.jpg");
			opacity: 0.8;}
		#compsci:hover {background-image: url("/img/lfrp/thumbs/linzflowers-small.jpg");
			opacity: 0.8;}

		#seq:hover {background-image: url("/img/lfrp/thumbs/linzint-small.jpg");
			opacity: 0.8;}
		#patterns:hover {background-image: url("/img/lfrp/thumbs/linzgreen-small.jpg");
			opacity: 0.8;}
		#methods:hover {background-image: url("/img/lfrp/thumbs/fountain-small.jpg");
			opacity: 0.8;}
		#recipes:hover {background-image: url("/img/lfrp/thumbs/woodenint2-small.jpg");
			opacity: 0.8;}
		#design:hover {background-image: url("/img/lfrp/thumbs/linzflowers-small.jpg");
			opacity: 0.8;}

		#battle:hover {background-image: url("/img/lfrp/thumbs/battlecover.jpg");
			opacity: 0.8;}
		#gallery:hover {background-image: url("/img/lfrp/thumbs/linzint2-small.jpg");
			opacity: 0.8;}
		#books:hover {background-image: url("/img/lfrp/thumbs/woodenint-small.jpg");
			opacity: 0.8;}
		#projects:hover {background-image: url("/img/lfrp/thumbs/kingkitchen-small.jpg");
			opacity: 0.8;}
		#archive:hover {background-image: url("/img/lfrp/thumbs/salakbig-small.jpg");
			opacity: 0.8;}
		#ln:hover {background-image: url("/img/lfrp/thumbs/fountain-small.jpg");
			opacity: 0.8;}
		#nofo:hover {background-image: url("/img/lfrp/thumbs/greenbook3.jpg");
			opacity: 0.8;}

		#members:hover {background-image: url("/img/lfrp/thumbs/greenoff-small.jpg");
			opacity: 0.8;}
		#links:hover {background-image: url("/img/lfrp/thumbs/saalcove-small.jpg");
			opacity: 0.8;}
		#contact:hover {background-image: url("/img/lfrp/thumbs/blueoff-small.jpg");
			opacity: 0.8;}
		#spirit:hover {background-image: url("/img/lfrp/thumbs/linzint-small.jpg");
			opacity: 0.8;}
		#tp:hover {background-image: url("/img/lfrp/thumbs/pasadenaaerial-small.jpg");
			opacity: 0.8;}
		#struggle:hover {background-image: url("/img/lfrp/thumbs/kerala-small.jpg");
			opacity: 0.8;}
		#building:hover {background-image: url("/img/lfrp/thumbs/mart-small.jpg");
			opacity: 0.8;}																								

		#group2 div ul li a {display: block; padding: 20px 10px 10px 10px;}

		#group2 div ul li a:hover {/*font-style: italic;*/}

		#group2 div ul li img {height: 86px;
			width: 116px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px; /* future proofing */
			-khtml-border-radius: 4px; /* for old Konqueror browsers */}

#footer {clear: left;
	width: 100%;
	height: 60px;
	line-height: 1.25;
	padding-top: 12px;
        padding-bottom: 30px;
	border-top: 1px solid #9f2214;
	font-family: "Times New Roman", "Times", "Garamond", serif;}

	#footer span {font-size: 16px;}
	
	#footer a {font-size: 12px;}

	#footer img {padding-bottom: 12px;}	

.h4class {font-weight: normal; 
	font-size: 12px; 
	font-family: myClarendon, "Clarendon", "Rockwell", georgia, serif;
	color: #9f2214;}

#majortable {height: auto;
	width: 900px;}	

	.bigbox {
		height: 160px;
		width: 324px;
		padding: 20px;
		margin: 5px;
		/* border: 1px solid #9f2214; */
		background-color: #fffac0;}

	#majortable ul {}

    /*button*/
    /* This imageless css button is based on the button that was generated initially by CSSButtonGenerator.com */
 /* .buttonRow a {
  text-decoration: none;
}
.button, input.button, input.cssButtonHover {
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  display:inline-block;
  font-family:Verdana;
  font-size:13px;
  font-weight:bold;
  margin: 0;
  padding:3px 8px;
  text-decoration:none;
}
input.submit_button {
  background-color:#fee8b9;  /* Submit button background color */
  border: 1px solid #9f2214;  /* Submit button border color */
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  margin: 0;
  padding: 3px 8px;
  color: #9f2214;  /* Text color for submit buttons */
}
input.submit_button:hover, input.cssButtonHover {
  background-color:#ffdc9c;  /* Hover color for the submit buttons */
  border: 1px solid #9f2214;  /* Submit button border color */
  color: #9f2214;
  cursor: pointer;
}
span.normal_button {
  background-color:#fee8b9;  /* Link button background color */
  border:1px solid #9f2214;  /* Link button border color */
  color:#9f2214;  /* Text color for link-related buttons */
}
span.normal_button:hover {
  background-color:#ffdc9c;  /* Hover color for link-related buttons */
}

#button.yellowbutton {
background-color: #fee8b9;
border: 1px solid #9f2214;
color: #9f2214;
border-radius: 6px;
display: inline-block;
font-family: Verdana;
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 3px 8px;
text-decoration: none;
}