
@import url("navigation.css");


body{

	background:#618A28 url(../images/interface/background-top.png) repeat-x;
	padding: 0;
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
}

a,
a:hover{
	outline: none 0px;
}

p.top  { text-align: right; display: block;}
p.top a{ font-size: 11px;  padding: 0px; margin: 0px 0 0px 0;}

#container{
	width: 960px;
	margin: 0 auto;
	background: url(../images/interface/content-background.png) repeat-y;
}


#header{
	height: 180px;
	background: url(../images/interface/header-background.jpg);
}


#banner{
	float: right;
	text-align: right;
	margin-right: 10px;
}

#content{
	
	padding: 0 10px 10px 10px;
}

#content-top{
	background: url(../images/interface/content-top.png) repeat-x;
	height: 30px;
	clear: both;
	margin: 0 0 -20px 0;
}

#content-footer{
	clear:both;
	height: 20px;
}


#leftcolumn{
	/*background: #FF0000;*/
	float: left;
	width: 200px;
	padding: 2px 0 0 10px;
}

#leftcolumn ul{
	margin: 8px 0px 0 0;
	padding: 0px;
	list-style: none;
}

#leftcolumn ul li a{
	display: block;
	height: 35px;
	width: 210px;
	background: url(../images/interface/left-button.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	margin: 0px 0 0 -20px;
	padding: 15px 0 0 0;
	text-decoration: none;
	color: #5F4100;
	
	
	font-size: 10pt;
	color:  #896701; /*#353500;*/
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #FFFF99 ;
}

#leftcolumn ul li a.green{
	background: url(../images/interface/left-button-green.png) no-repeat;
	color: #46641E;
	text-shadow: 1px 1px 1px #fff;
}

#leftcolumn ul li a.green.disabled{ color: #537825; border: none;}

#leftcolumn ul li a:hover{
	background-position: 0 -53px;
	color:  #654D01;
}


#leftcolumn ul li a.green:hover{
	background-position: 0 -53px;
	color:  #374F17;
}

#leftcolumn ul li a.disabled:hover{
	background-position: 0 0px !important;
	border-bottom: 0px none !important;
}

#leftcolumn div.hr,
div.entertainment#rightcolumn div.hr,
#rightcolumn div.hr{
	height: 30px; 
	width: 220px;
	margin: 20px auto;
	background: url(../images/interface/leftcolumn-hr.png);

}

div.entertainment#rightcolumn div.hr{
	display: block;
	clear: both;
	height: 60px;
	width: 230px;
	background-position: 0 20px;
	background-repeat: no-repeat;
}

#middlecolumn{
	width: 440px;
	float: left;
	margin: 0 0 0 30px;
}

#middlecolumn .header{
	height: 55px;
	background: url(../images/interface/main-header.png);
	margin-top: -3px;
	position: relative;	
}

#middlecolumn .header h1,
.header h2{
	font-size: 13pt;
	color: #45631D;
	padding: 20px 0 0 25px;
}

#middlecolumn .main{
	background: url(../images/interface/main-background.png) repeat-y;
	padding: 5px 15px;
	position: relative;	
}

#middlecolumn .main h2,
#results caption{
	font-size: 11pt;
	color: #45631D;
	display: block;
	margin: 5px 0 8px 0;
	padding: 0 0 3px 0;
	border-bottom: 1px #739941 solid;	
}

#middlecolumn .main h2.mainheading{
	margin: 0px 0 0px 0;
}

#middlecolumn .main h3{
	font-size: 11pt;
	color: #45631D;
	margin-bottom: -10px;
	font-weight:bold;
}

#middlecolumn .main p,
#middlecolumn table td,
#middlecolumn .main li{
	font-size: 10pt;
	color: #314615;
	line-height: 200%;
}

#middlecolumn .main ul{
	margin: -4px 0 0 3px;
	padding: 0 0 0 5px;
	list-style-type: none;
/*	list-style-image: url(../images/icons/tick.png);*/
}

#middlecolumn .main ul.downloads{
	margin-top: 8px;
}

#middlecolumn .main li{
	padding: 5px 20px 5px 10px;
}

#middlecolumn ul li.pdf{
	padding: 2px 25px 3px 22px;
	background: url(../images/icons/icon_pdf.gif) 0px 33% no-repeat;
}	

#middlecolumn ul li.webpage{
	padding: 2px 25px 3px 22px;
	background: url(../images/icons/icon_webpage.gif) 1px 33% no-repeat;
}	

#middlecolumn ul.ticks li{
	padding: 5px 25px 10px 36px;
	background: url(../images/icons/tick.png) 0px 1px no-repeat;
	text-align: justify;
}

#middlecolumn .main td a, 
#middlecolumn .main p  a,
#middlecolumn .main li a,
#middlecolumn .main h3 a{ 
	color: #0066CC;
	border-bottom: 1px dotted #A4CBC7;
	text-decoration: none;
}

a.large{ font-size: 120%;} 

#middlecolumn .main h3 a{ margin: -10px 0 0 0; padding: 0px}

#middlecolumn .main td a:hover,
#middlecolumn .main p  a:hover,
#middlecolumn .main li a:hover{
	border-bottom: 1px dotted #6DA9C9;
	text-decoration: none;
	color: #003D79;
}

#middlecolumn ol.alphanumeric {   margin: 0px 0 0 20px; padding:0px;}

#middlecolumn ol.alphanumeric li ol { list-style-type: lower-alpha; margin: 0px 0 0 10px; padding:0px;}

a.pdf{
	background: url(../../images/icon_pdf.gif) no-repeat 0%;
	padding: 5px 0px 2px 20px;
}
#middlecolumn .main li a.disabledlink,
#middlecolumn p a.disabledlink,
a.disabled,
a.disabledlink{
  color: #90A771 !important;
  border-bottom: 1px dotted #90A771;

}
#middlecolumn .main li a.disabledlink:hover,
#middlecolumn p a.disabledlink:hover,
a.disabledlink:hover,
a.disabled:hover{
	border-bottom: 1px dotted #90A771 !important;
	text-decoration: none;
}

em.disabled{ font-size-adjust: 0.45; color: #666666;}

#middlecolumn .main ul.none li{
	background: none;
}
ul.nobullets{
	background: none;
	list-style: none;
	margin: 0px;
	padding: 5px 0px;
}

#middlecolumn .main ul.whereto,
#middlecolumn .main ul.square,
ul.square{
	color: #45621E;
	list-style-type: square;
	margin: 4px 0 2px 20px;
}

#middlecolumn .main ul.underheading{
	padding-top: 12px;
	display:block;
}


#middlecolumn div.main ul.square{
	background: none;
	margin-top: -10px;
}
#middlecolumn .main ul.square li{
	padding: 5px 5px 3px 10px;
	background: none;
	color: #45621E;
}

#middlecolumn .main ul.square li ul{
	list-style-type:circle;
	
}

#middlecolumn .main ul.whereto li{
	padding: 5px 15px 2px 5px;
	line-height: 150%;
	background: none;
}

#middlecolumn .main ul.whereto li a{ 
	padding: 5px 15px 2px 0px;
	line-height: 150%;
	background: none;
	font-weight: normal;
}

#middlecolumn .main ol.num{
	color: #45621E;
	margin: 14px 0 2px -20px;
}

#middlecolumn .main ol.num li{
	background: none;
	padding-left: 0px;
}

#middlecolumn .main ol.num li ol{
	list-style: lower-alpha; 
	width: 105%;
	margin-left: -20px;
	margin-bottom: -10px;
}


table#contact{
	margin: 5px 0 0 0;	
}

table#contact p{
	padding: 0px;
	margin: 0px;
}

.inner-header{
	height: 20px;
	background: url(../images/interface/inner-heading.png) no-repeat;
	margin: 0 auto;
}

.inner-main{
	background: url(../images/interface/inner-main.png) repeat-y;
	margin: -1px auto -5px auto;
	padding: 5px 25px 1px 25px;
	position: relative;
}

.inner-footer{
	height: 25px;
	background: url(../images/interface/inner-footer.png) no-repeat;
	margin: 0 auto 3px auto;
}

#middlecolumn .footer{
	height: 40px;
	background: url(../images/interface/main-footer.png) no-repeat;
}

#middlecolumn .footer2{
	height: 35px;
	background: url(../images/interface/main-footer2.png) no-repeat;
}

#middlecolumn .footer3{  /* For  Exhibitor List page */
	height: 50px;
	background: url(../images/interface/main-footer3.png) no-repeat;
	text-align: right;
	padding: 15px 35px 0 0;
}



/*  Right Column */

#smallbox	 .header,
#rightcolumn .header{
	background: url(../images/right/right-header.png) no-repeat;
	height: 75px;
}
#smallbox	  .main,
#rightcolumn  .main{
	background: url(../images/right/right-background.png) repeat-y; 
}
#smallbox    .footer,
#rightcolumn .footer{
	background: url(../images/right/right-footer.png) no-repeat;
	height: 30px;
}

#smallbox ul,
#rightcolumn ul{
	margin: 0px 0 0 35px;
	padding: 0px;
	list-style-type: none;
	color: #9ED05B;
	font-size: 12pt;
}
#smallbox ul li,
#rightcolumn ul li{
	padding: 8px 0 5px 0;
	background: url(../images/right/right-divider.png) repeat-x;
	width: 160px;
}

#smallbox ul li.first,

#rightcolumn ul li.first{
	background: none;
	padding-top: 0px;
}

#smallbox ul li,
#smallbox ul li a,
#rightcolumn ul li,
#rightcolumn ul li a{
	font-size: 9pt;
	text-decoration: none;
	background: none;
}

#smallbox ul li,
#rightcolumn ul li{
	color: #9DBB76;
}

#smallbox ul li a,
#rightcolumn ul li a{
	color: #608927;
	padding: 0px;
}

#smallbox ul li a:hover,
#rightcolumn ul li a:hover{
	color: #2B3E11;
}


/*
#rightcolumn ul.pdf{
	margin-left: 33px;
} 

#rightcolumn ul li a.pdf{
	padding: 2px 0 2px 20px;
	white-space: pre;
	margin-left: -8px;

}*/

#rightcolumn ul li.pdf,
#rightcolumn ul li.webpage{
	padding-left: 15px;
	width: 150px;
}

#middlecolumn p a.webpage,
#rightcolumn ul li.webpage a,
#rightcolumn ul li.pdf a{
	background: url(../images/icons/icon_webpage.gif) no-repeat;
	padding: 2px 0 2px 22px;
	margin-left: -21px;
}
#middlecolumn p a.webpage{
	margin-left: 2px;
}

#rightcolumn ul li.pdf a{
	background-image: url(../images/icons/icon_pdf.gif);
	background-repeat: no-repeat;
}

/*  	Footer	 	*/

#footer{
	background: url(../images/interface/footer-background.png) #84BB3A repeat-x;
	height: 200px;
	width: 940px;
	padding: 5px 0 5px 0;
	margin: 0 auto;
	color: #003700;
}

.contact{
	height: 190px;
	width: 440px;
	margin: 12px auto 0 auto;
	margin-left: 240px;
	padding: 28px 0 0 0;
	/*background: url(../images/interface/contact-background.png) no-repeat;*/
}


#footer-shadow{
	background: url(../images/interface/footer-shadow.png) repeat-x;
	height: 10px;
	width: 960px;
	margin: 0 auto;
}


#footer h1,
#contact h1{
	font-size: 10.5pt;
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

#footer p,
#contact p{
	font-size: 9pt;
	padding: 6px 0px;
	margin: 0px;
	line-height: 100%;
}

#footer p a,
#contact p a{
	color: #006600;
	text-decoration: none;
	border-bottom: 1px dotted #006600;
}

#footer p a:hover,
#contact p a:hover{
	color: #006600;
	text-decoration: none;
	border-bottom: 1px solid #006600;
}


#footer small{
	font-size: 8pt;
	color: #8A6802;
	font-family: Arial, Helvetica, sans-serif;
}


#designer{
	height: 20px;
	text-align: center;
	font-size: 8pt;
	color: #AAD670;
	padding: 25px 0 10px 0;
}

#designer small{

}

#designer a{
	text-decoration: none;
	background: url(../images/icons/hotwebsites-32x32.png) no-repeat;
	padding: 12px 0 10px 32px;
	color: #FFCC00;
}

#designer a:hover{
	text-decoration: underline;
}

#designer{
	margin-top: -10px;
}

img.align-center{
	margin: 0px auto;
	display: block;
}

img.artonshow{

}



/*--------------[     LOWER CONTACT     ]------------*/




div#contact-frame{
	width: 580px;
	float: left;
}



#contact{
	width: 49%;
	float: left;
	padding: 2px 0 0 0;
	margin: 8px 0 0 25px;
}

#contact.left{
	width: 220px;
	margin-right: 20px;
}

div.right#contact{
	width: 300px;
	margin-left: 10px;

}

#contact h4{
	color: #C0DE99;
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
}

#contact div{
	clear: both;
	padding:12px 0 0px 0px;
}

#contact div.section{
	background: url(../images/interface/lower_content-hr.png) 60px 100% no-repeat;
	padding-bottom: 20px;
	margin-bottom: 3px;
	clear: both;
}

#contact div.last{
	margin-top: 0px;
	background: none;
}


#contact div.hr{
	height: 1px;
	margin: -10px 0 0 20px;
}

#contact div p,
#contact a,
#contact p a{
	color :#DDEEC8;
	margin: 0px;
	padding: 0px 0 0px 0;
	font-size: 8.5pt;
}

#contact a,
#contact p a{
	font-size: 8.5pt;
	padding: 0px;
	text-decoration: none;
	border-bottom: 1px dotted #C0DE99;
}
#contact div.section p a:hover{
	color: #fff;
	border-bottom: 1px solid #C0DE99;
}


.contact_icon{
	width: 45px;
	height: 42px;
	float: left;
	margin: -11px 12px 0 0;
	background-position: 0px 0px;
}

.righticon{
	margin: -15px 15px 0 0;
	width: 47px;
}

div.right#contact {
	margin-left: 2px;
}


.phone{
	background: url(../images/contact/phone.png) no-repeat;
}

.facebook{
	background: url(../images/contact/facebook.png) no-repeat;
}

.fax{
	background: url(../images/contact/fax.png) no-repeat;
}

.email{
	background: url(../images/contact/email.png) no-repeat;
}

.address{
	background: url(../images/contact/address.png) no-repeat 0px 3px;
}

.location{
	background: url(../images/contact/location.png) no-repeat 0px 3px;
}


#contact h3{
	text-align: center;
	color: #304B54;
	font-size: 10pt;
	padding: 0px;
	margin: 10px 0 5px -2px;
}

#footer div.divider{
	width: 2px;
	height: 200px;
	background: url(../images/interface/footer-divider.png) 0 15px no-repeat;
	float: left;
}

#footer div#facebook{
	width: 320px;
	height: 200px;
	float: left;
	margin-left: 20px;
	padding-right: 10px;
	text-align: center;
}



/* Exhibitors page */

#rightcolumn.exhibitors{
	padding: 20px 0 0 0;
	width: 230px;
	float: right;
}

img.noborder,
#rightcolumn.exhibitors a
#rightcolumn.exhibitors a img{
	border: 0px none;
}



/* Tinted background */
div.tintedbackground { margin: 10px auto 0 auto; background:#ACD674; padding: 10px 10px; width: 200px !important; box-shadow: 0 0 2px #6B992D;}
