@media screen, projection {

/* BODY AND FONTS: =body
----------------------------------------------- */
	* 			{ margin: 0; padding: 0; list-style: none; }
	body		{
	color: #111111;
	text-align: left;
	background-color: c66b09;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

/* LINKS AND IMAGES: =links
----------------------------------------------- */
	a, a:visited {
}
	a:hover {
	background-color: BFDAE0;
} 
	a img, a.img {
}
img {
}
	.rightimg {
	float: right;
}
	
/* TYPOGRAPHY: =typography
----------------------------------------------- */	
	li, dt, dd, p, td, th {
	font-size: 12px;
}
	ul, ol, dl, table, p, dd {
}
	
	h1, h2, h3, h4, h5, h6 { margin: 0 0 12px 0; padding: 0; }
	h1 {
}
	h2 {
	margin-bottom: 0;
	text-align: left;
}
	h3 {
	font-size: 14px;
	font-style: normal;
}
	th, dt { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
	h4 { color: #787878; }
	#content strong { font-style: normal; }
	#content em { font-style: normal; font-weight: bold; }
	
	body.forpage #testimonial blockquote { background: url("/images/quote-ul.gif") top left no-repeat; padding: 0 15px; }
	body.forpage #testimonial blockquote p {
	background: url("/images/quote-br.gif") bottom right no-repeat;
	color: #848768;
	font-size: 13px;
	font-style: italic;
	text-align: left;
	line-height: 30px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
body.forpage  #testimonial  p.cit { color: #858668; text-align: right; font-size: 10px; line-height: 15px; font-style: italic; }
	
	blockquote.testimonial {
	background-image: url(../images/quote-ul.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
	
/* HEADER: =header
----------------------------------------------- */
	#header {
	text-align: left;
	float: none;
	width: 900px;
	height: 72px;
	background-image: url(../images/bg-dots.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#header2 {
	height: 70px;
	width: 900px;
	background-image: url(../images/lihba_logo.png);
	background-position: 30px;
	background-repeat: no-repeat;
}
#members  {
	height: 20px;
	width: 90px;
	position: relative;
	left: 780px;
	top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-indent: 20px;
	border: 1px solid #888888;
	padding-top: 2px;
	text-decoration: none;
}

#Spry_menu {
	text-align: left;
	float: left;
	width: 100%;
	height: 78px;
	background-image: url(../images/bg-dots.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
	#header #logo {
	float: left;
	display: inline;
	background-image: url(../images/lihba_logo.png);
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -6px;
	height: 50px;
	width: 360px;
	background-position: 15px;
	background-repeat: no-repeat;
}
	#header #logo:hover {
}
	body.home #header #logo:hover { cursor: default; }
	#signin { float: right; width: 168px; margin: 0; }
	#signin a{ text-indent: -999em; overflow: hidden; display: block; float: right; width: 168px; height: 54px; background-image: url("/images/signin.gif"); background-position: top left; background-repeat: no-repeat; }
	#signin a:hover { background-position: 0 -54px; }
#globalnav/* NAVIGATION: =nav
----------------------------------------------- */
	  {
	float: left;
	margin: 0;
	padding: 0;
	width: 900px;
	height: 26px;
	background-position: left;
}
	
	#content #subnav { position: relative; float: left; width: 168px; margin: 0; padding: 0; }
	#content #subnav ul { margin: 0; padding: 0; }
	#content #subnav ul li {
	line-height: 1em;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
	#content #subnav ul li a { background-color: transparent; color: #fdfe93; text-decoration: none; display: block; width: 168px; background-image: url("/images/subnav-inactive-top.gif"); background-position: top left; background-repeat: no-repeat; padding: 10px 0 0 0; }
	#content #subnav ul li a:hover { background-color: transparent; background-image: url("/images/subnav-inactive-hover.gif"); }
	#content #subnav ul li a span { display: block; background-image: url("/images/subnav-inactive-bottom.gif"); background-position: bottom left; background-repeat: no-repeat; padding: 0 20px 10px 15px; }
	#content #subnav ul li.active a,
	#content #subnav ul li.active a:hover { background-image: url("/images/subnav-active-top.gif"); color: #fff; }
	#content #subnav ul li.active a span { background-image: url("/images/subnav-active-bottom.gif"); }
	
	#content #subnav ul li.active ul { position: absolute; left: 183px; top: 0; }
	#content #subnav ul li.active ul li a { background-image: url("/images/sub2nav-inactive-top.gif"); }
	#content #subnav ul li.active ul li a:hover { background-image: url("/images/sub2nav-inactive-hover.gif"); }
	#content #subnav ul li.active ul li a span { background-image: url("/images/sub2nav-inactive-bottom.gif"); }
	#content #subnav ul li.active ul li.active a,
	#content #subnav ul li.active ul li.active a:hover { background-image: url("/images/sub2nav-active-top.gif"); }
	#content #subnav ul li.active ul li.active a span { background-image: url("/images/sub2nav-active-bottom.gif"); }
		
	#content-right { float: right; width: 717px; }
	#content-right #copy { float: left; width: 534px; }
	#content-right #pic { float: right; width: 168px; }
	#content-right #lefthalf { float: left; width: 351px; }
	#content-right #righthalf { float: right; width: 351px; }
	
	#content-right-sub { float: right; width: 534px; }

/* LAYOUT: =layout
----------------------------------------------- */
	#wrapper-outer {
	float: left;
	width: 100%;
	padding: 0 0 1px 0;
	background-color: #fff;
	background-image: url(../images/bg-footer-top.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
	#wrapper { width: 900px; margin: 0 auto; }
	#content {
	clear: both;
	float: left;
	width: 100%;
	text-align: left;
	background: url("/images/bg-dots.gif") top left repeat-x;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
	body.forpage #introtext { float: left; width: 534px; }
	body.forpage #pic { float: left; display: inline; width: 168px; margin-left: 15px; }
	body.explorer #form { float: left; width: 534px; }
	body.explorer #pic { float: right; width: 351px; }
	body.forpage #testimonial { float: right; width: 168px; }
	.triple-left { width: 168px; float: left; margin-right: 15px; display: inline; }
	.triple right { width: 168px; float: right; }
	.split-left { width: 250px; float: left; }
	.split-right { width: 250px; float: right; }
	.main-left { width: 351px; float: left; }
	

/* LISTS: =lists
----------------------------------------------- */
	#content ul.checkmarks li {
	padding-left: 15px;
	font-weight: bold;
	font-style: italic;
	background-image: url(../images/checkmark.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
	#content ul li {
	background: url("/images/listbullet.gif") 0 .4em no-repeat;
	padding-left: 3px;
}
	.greenbox, .greenbox-sm {
	background-color: c66b09;
	background-position: left top;
	background-repeat: no-repeat;
	margin-bottom: 18px;
	padding-top: 15px;
	width: 534px;
}
	.greenbox-inner, .greenbox-sm-inner {
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0 10px 15px 10px;
}
	.greenbox-sm {
	background-color: c66b09;
}
	.greenbox-sm-inner { background-image: url("/images/greenbox-sm-bottom.gif"); }
	.greenbox ul {
	margin: 0;
	background-color: c66b09;
}
	#content .greenbox ul li { background: url("/images/greenbullet.gif") 0 .6em no-repeat; line-height: 2em; margin: 0; color: #fff; font-size: 11px; padding-right: 5px; }
	#content .greenbox ul li.reset { margin-top: -8em; }
	#content .greenbox ul li.right { margin-left: 227px; padding-right: 0px; }

/* FORMS: =forms
----------------------------------------------- */
	form div.field { color: #fff; clear: both; padding: 10px 12px; margin: 0 0 1px 0; }
	form div.error { background: #cef7ba; color: #5d9641; }
	form div.error label { color: #5d9641; }
	form div.error label.desc { color: #ba1c1c; }
	form div.error input.text,
	form div.error textarea { border: 1px solid #ba1c1c; }
	form div.error span.errormsg { display: block; clear: both; padding-left: 140px; color: #ba1c1c; font-size: 11px; font-style: italic; }
	form div.field div.firstname { float: left; width: 110px; }
	form div.field div.lastname { margin-left: 255px; width: 230px; }
	form div.input { padding: 0 0 10px 151px; }
	form div.phone1,
	form div.phone2,
	form div.phone3 { float: left; }
	form label { display: block; font-size: 12px; color: #a4dc88; }
	form label.desc { color: #fff; font-size: 12px; font-weight: bold; float: left; width: 130px; text-align: right; padding: 3px 10px 0 0; margin: 0 0 5px 0; }
	form input.text, form textarea { font-family: "Courier New", Courier, monospace; font-size: 13px; padding: 3px; color: #454545; background: #fff url("/images/bg-input.gif") top left repeat-x; border-top: 1px solid #426a2f; border-left: 1px solid #426a2f; border-right: 1px solid #4d7b37; border-bottom: 1px solid #4d7b37; width: 330px; }
	form input.firstname { width: 100px !important; }
	form input.lastname { width: 215px !important; }
	form input.phone1,
	form input.phone2 { width: 30px !important; }
	form input.phone3 { width: 45px !important; }
	form p.reqnotice { border-bottom: 1px solid #70b043; color: #cef7ba; margin: 0 0 6px 0; padding-bottom: 6px; font-size: 11px; }
	form p.reqnotice strong { color: #fff; font-size: 12px; font-style: normal; }


/* SPRY DEALERS:
----------------------------------------------- */


/* events */

body {
	background-color: #BFDAE0;
}

/* font sizing */

h1#events_selectanevent {
    padding: 19px 0 0 0;
    overflow: hidden;
    background: url("../i/hdr_events_selectanevent.gif") no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:19px; /* for IE5.5's bad box model */
}

/* header elements */

div#header_left {
background: url("../i/logo_events.gif") no-repeat;
}

/* layout elements */

div#title {
	overflow: hidden;
	background: url("../i/title_events.gif") no-repeat;
	height: 0px !important; /* for most browsers */
	height /**/:100px; /* for IE5.5's bad box model */
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

div#full-column {
	float: left;
	width: 860px;
	display: inline;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}

div.product_row {
float: left;
width: 760px;
height: auto;
margin: 20px 0 0 0px;
display: inline;
}

img.border {
	margin-bottom: 10px;
}
.pic {
	padding: 5px;
}

div#border_bottom {
	float: left;
	width: 800px;
    padding: 20px 0 0px 0;
    overflow: hidden;
    background: url("../i/border_events_bottom.gif") no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:20px; /* for IE5.5's bad box model */
}

/* header elements */

div#menu {
background: url(../i/nav_bg_events.gif) top left no-repeat;
}

/* Table Rules
----------------------------------------------- */
td.rank { }

#events {
	border-collapse:collapse;
	width:440px;
	margin: 0;
	color: #00a0af;
}

#events tbody { margin: 0; }

#events th {
	background-color: #ffffff;
	padding: 6px 0.25em;
	font-weight: bold;
	font-size: 90% ;
	color: #000000;
	text-transform: uppercase;
	margin: 0;
	border-bottom: solid 1px #c2e8ee;
	cursor: pointer;
}

#events td, #events th { 
	margin: 0; 
	padding: .75em 0.375em .75em 0.375em;
	text-align: left;
}

#events tr.titlerow { background: none; }

#events tr td.eventNameTD {
    background-color: #f0f9fb;
    width: 200px;
	 border-bottom: solid 1px #c2e8ee;
}

#events tr td.locationTD {
    background-color: #f0f9fb;
    width: 140px;
	 border-bottom: solid 1px #c2e8ee;
}

#events tr.rowSelected td.eventNameTD {
    background-color: #d0eef4;
	 width: 200px;
	 border-bottom: solid 1px #c2e8ee;
}

#events tr.rowSelected td.locationTD {
    background-color: #d0eef4;
	 width: 140px;
	 border-bottom: solid 1px #c2e8ee;
}

#apDiv1 {
	position:absolute;
	left:572px;
	top:299px;
	width:360px;
	height:160px;
	z-index:1;
}

#imgwrapper {
	height: 175px;
}

.eventname {
	font-weight: bold;
	font-size: 12px;
}

.date {
	color: #000;
	font-size: 10px;
	text-transform: uppercase;
}

.location {
	color: #000;
	font-size: 10px;
}

.rowHover {
	color: #000;
	cursor: pointer;
}

#content1, #sidebar {
	float: left;
	text-align: left;
}

#content1 {
	width: 440px;
	margin: 0px;
}
#sidebar {
	width:400px;
	margin-top: 0;
	margin-left: 20px;
	height: 500px;
	background-image: url(../i/bg_events_detail2.gif);
	background-repeat: no-repeat;
}
#sidebar2 {
	width:330px;
	margin-top: 0;
	margin-left: 15px;
	height: 1660px;
	float: right;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #777777;
	padding-left: 15px;
}
#sidebar3 {
	width:330px;
	margin-top: 0;
	margin-left: 15px;
	float: right;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #777777;
	padding-left: 15px;
}

#sidebar_brace {
	float: left;
	width:360px;
	height:100%;
	display: inline;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
}

.SpryHiddenRegion {
   visibility: hidden;
}

/* Utility IDs, classes, and HTML selectors
----------------------------------------------- */
.clear {
	visibility: hidden;
	display: block;
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	}
.ClearAll {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

code { color: #000; }
pre { font-size: small; color: #000; }

.highlightedcode {background-color: #ff9;}

.sample {
	background: #eee;
	padding: 20px;
	border: 2px solid #666;
	margin-top: 20px;
	overflow: scroll;
}

/* Accordion Classes
----------------------------------------------- */
.Accordion {
	overflow: hidden;
}

.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

.AccordionPanelOpen .AccordionPanelTab {
	background-color: #a6dee6;
}

.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

.AccordionFocused .AccordionPanelTab {
	background-color: #a6dee6;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #a6dee6;
}

.AccordionPanelTab {
	color: #ccc;
	cursor: pointer;
	background: #a6dee6;	
	
}
.AccordionPanelTab h3 {
	margin: 0;
	padding: 2px 2px 4px 36px;
	font-size: 110%;
	background: url('../i/arrow_events_open.gif') no-repeat left 50%;
} 
.AccordionPanelContent {
	overflow: auto;
	height: 110px;
	font-size: 110%;
	line-height: 140%;
}
.AccordionPanelContent ul { margin: 0;	padding: 1.375em; }
.AccordionPanelTabHover { color: #fff; }
.AccordionPanelClosed .AccordionPanelTab h3 {
	background: url('../i/arrow_events_closed.gif') no-repeat left 50%; 
	border-bottom: solid 1px #d0eef4;
}
.AccordionPanelContent div { margin: 6px 8px; }
}









	
/* FOOTER: =footer
----------------------------------------------- */
	#footer-outer {
	clear: both;
	background-color: #73A5FC;
	background-repeat: repeat-x;
	background-position: left bottom;
}
	#footer {
	width: 900px;
	padding-top: 4px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 4px;
	color: ffffff;
}
	#footer .copyright {
	width: 500px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #73A5FC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
	#footer .copyright h3 {
	text-indent: -999em;
	float: left;
	width: 168px;
	height: 14px;
	background: url("/images/footer-phone.gif") top left no-repeat;
	color: ffffff;
}
	#footer .copyright p {
	color: #ffffff;
	font-size: 10px;
	line-height: 15px;
	width: 260px;
	text-align: left;
	margin-top: 15;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
}
	#footer .copyright p.credits {
}
	#footer .copyright p.credits a {
	font-size: 10px;
	text-decoration: underline;
}
	#footer .copyright p.credits a.invis { text-decoration: none; }
	#footer .copyright p.credits a.invis:hover { text-decoration: none; cursor: default; background: transparent; color: #5d9641 !important; }
	#footer .copyright p.credits a:hover { background: transparent; color: #fff; }
	#footer .nav {
	float: right;
	width: 550px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 50px;
	color: ffffff;
}
	#footer ul { text-align: right; }
	#footer li {
	display: inline;
	font-size: 11px;
	margin-left: 20px;
}
	#footer li a {
	color: ffffff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
	#footer li a:hover { background: transparent; color: #fff; }
	
/* SIFR: =sifr
----------------------------------------------- */
	.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
	.sIFR-replaced { visibility: visible !important; }
	.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
	.sIFR-active #content h1 { visibility: hidden; line-height: 1em; }
	.sIFR-active #content h1 { font-size: 22px; }
	.sIFR-active #content h2 { font-size: 19px; }
	
	/* 
	  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
	  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
	*/
	
	.sIFR-replaced > div { display: none !important; }
	
/* MISC: =misc
----------------------------------------------- */	
	.clearboth { clear: both; }
	.skip { margin-bottom: 0; position: absolute; left: -999em; width: 999em; }
	
	.caption { float: right; width: 320px; font-family: georgia; font-size: .9em; font-style: italic; color: #787878; margin: 0 -10px 15px 15px; position: relative; }
	.caption  img { margin: 0 auto; }
	.caption  p { padding: 0 10px 0 15px; }
	
	/*
	 * "How To Clear Floats Without Structural Markup" -
	 * http://www.positioniseverything.net/easyclearing.html
	 */
	 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	 .clearfix 		{ display: inline-block; }  

	/* Holly Hack Targets IE Win only \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End Holly Hack */	
}

@media print {
	.skip  { display: none !important; }
}
#mainpic {
	height: 250px;
	width: 900px;
	background-image: url(../images/banner01.jpg);
	padding-bottom: 1px;
	margin-bottom: 1px;
}
#mainmenu {
	height: 32px;
	width: 900px;
	background-color: #000000;
}
.img2 {
	border: thin solid #888888;
}

