@media print
{
.w250 {display: none; }
.w700 { width: 100%; }
}
@media screen
{
.w250 { width: 250px; }
.w700 { width: 700px; }
}

.bold { font-weight: bold; }

.pulldown { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12pt; font-style:normal; font-weight: normal; padding-right: 22px; background-image: url('af/pulldown.png'); background-position: right top; background-repeat: no-repeat; display: inline-block; *display: inline; border: 1px solid #002800; background-color: #ffff84; color: #002800; }
.input { border: 1px solid #002800; background-color: #ffff84; color: #002800; }
.exp_date { padding:1px 50px 1px 40px; }
.valid_green { padding-left:5px; background-image: url('af/green.jpg'); background-position: left center; background-repeat: no-repeat; }
.valid_yellow { padding-left:5px; background-image: url('af/yellow.jpg'); background-position: left center; background-repeat: no-repeat; }
.valid_red { padding-left:5px; background-image: url('af/red.jpg'); background-position: left center; background-repeat: no-repeat; }


.bullet { list-style-image: url('images/bullet.png'); list-style-type: circle; }
body {background-color: #ccffcc; }
.members {background-color: #761818; }

h1 {text-align: center; color: #016701; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12pt; font-style:normal; font-weight: bold; }

.small {text-align: left; color: #002800; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 10pt; font-style:normal; font-weight: normal; }

.normal,p,form,div {text-align: left; color: #002800; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12pt; font-style:normal; font-weight: normal; }
.price-cell {text-align: left; color: #002800; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12pt; font-style:normal; font-weight: bold; padding: 0 10px 0 10px; }

li {text-align: left; color: #002800; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12pt; font-style:normal; font-weight: normal; }

a {text-align: left; color: #002800; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 12pt; font-style:normal; font-weight: normal; }

a:hover {background-color: #ffff84; text-align: left; color: #002800; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 12pt; font-style:normal; font-weight: normal; }

hr { color:#002800; background-color:#666666; height: 1px; border: 0; }

.logotext {text-align: center; color: #016701; background-color: #ffff84; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 18pt; font-style:italic; font-weight: bold; padding:5px; }
.article_title {text-align: center; color: #002800; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 18pt; font-style:normal; font-weight: bold; padding:5px; }

.bannertext {text-align: center; color: #ffffff; background-color: #016701; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 24pt; font-style:italic; font-weight: bold; }

.footer,a.footer:hover {text-align: center; color: #ffff84; background-color: #016701; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 8pt; font-style:italic; font-weight: bold; padding:0; }



.button,.button:hover, .button a, .button a:hover, .green_button,.green_button:hover, .green_button a, .green_button a:hover {text-align: center; color: #ffff84; background-color: #016701; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12pt; font-style:normal; font-weight: bold; padding:0; border:0; }

.red_button,.red_button:hover, .red_button a, .red_button a:hover {text-align: center; color: #ffff84; background-color: #bf1616; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12pt; font-style:normal; font-weight: bold; padding:0; border:0; }



.thispage,.thispage:hover {text-align: center; color: #ffff84; background-color: #002800; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12pt; font-style:normal; font-weight: bold; padding:0; border:0 }

img.center,table.center {

  display: block;

  margin-left: auto;

  margin-right: auto;

}

.photo { border:1px solid #002800; position: relative; }

.float-left { float: left; border-right: 5px solid #ccffcc; border-top: 5px solid #ccffcc; border-bottom: 5px solid #ccffcc; color : #002800; font-size: 8pt;}

.float-right { float: right; border-left: 5px solid #ccffcc; border-top: 5px solid #ccffcc; border-bottom: 5px solid #ccffcc; color : #002800; font-size: 8pt;}

.map {border:0; padding:0; text-align: left; color: #002800; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 8pt; font-style:normal; font-weight: normal; }

a.map {text-align: left; color: #002800; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 8pt; font-style:normal; font-weight: normal; }

a.map:hover {background-color: #ffff84; text-align: left; color: #002800; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 8pt; font-style:normal; font-weight: normal; }

.just {text-align: left; color: #002800; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12pt; font-style:normal; font-weight: normal; }

.shout {text-align: left; color: red; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12pt; font-style:normal; font-weight: bold; }

a.shout,a.shout:hover   {text-align: left; color: red; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12pt; font-style:normal; font-weight: bold; text-decoration: underline; background-color: #ffff84;}


.surveylink,a.surveylink,a.surveylink:hover {text-align: center; background-color: #ffff84; color: red; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 16pt; font-style:normal; font-weight: bold; }

.stoppress,a.stoppress,a.stoppress:hover {text-align: center; background-color: #016701; color: white; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12pt; font-style:normal; font-weight: bold; }

/*
liquidcorners.css; feel free to adapt the style!
================================================
use: 4 corners with borderline outside a contentbox with class="inside";
     image  = upper half: top left corner, long borderline, top right corner
              under half: bottom left corner, long borderline, bottom right corner
     CHANGE = you have to change this for fitting to your image
     YCC    = You Can Change (or omit), if wanted
     DNC    = Do Not Change
credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
         http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
adapted
by mark at hibuilder.com
+ please let this text & links intact for a next user +
*/
.blue_box-top-left {
	background-image: url('af/corners-1.png');
	height: 7px;
	font-size: 2px;
	margin-right: 7px;
	}
.blue_box-top-right {
	background-image: url('af/corners-1.png');
	height: 7px;
	font-size: 2px;
	background-position: 100% 0;
	margin-left: 7px;
	margin-top: -7px;
	}
.blue_box-bottom-left  {
	background-image: url('af/corners-1.png');
	height: 7px;
	font-size: 2px;
	background-position: 0 -7px;
	margin-right: 7px;
	}
.blue_box-bottom-right {
	background-image: url('af/corners-1.png');
	height: 7px;
	font-size: 2px;
	background-position: 100% -7px;
	margin-left: 7px;
	margin-top: -7px;
	}
.blue_box-sides {
	border-left: 0;
	border-right: 0;
	background: #3f6daf;
	color: #ffffff;
	padding-left: 7px;
	padding-right: 7px;
	}
.blue_box, .blue_box a {
	background: #3f6daf;
	color: #ffffff;
	}
.green_box-top-left {
	background-image: url('af/corners-2.png');
	height: 8px;
	font-size: 2px;
	margin-right: 8px;
	}
.green_box-top-right {
	background-image: url('af/corners-2.png');
	height: 8px;
	font-size: 2px;
	background-position: 100% 0;
	margin-left: 8px;
	margin-top: -8px;
	}
.green_box-bottom-left  {
	background-image: url('af/corners-2.png');
	height: 8px;
	font-size: 2px;
	background-position: 0 -8px;
	margin-right: 8px;
	}
.green_box-bottom-right {
	background-image: url('af/corners-2.png');
	height: 8px;
	font-size: 2px;
	background-position: 100% -8px;
	margin-left: 8px;
	margin-top: -8px;
	}
.green_box-sides {
	border-left: 0;
	border-right: 0;
	background: #016701;
	color: #ffff84;
	padding-left: 8px;
	padding-right: 8px;
	}
.green_box, .green_box a {
	background: #016701;
	color: #ffff84;
	}
.black_box-top-left {
	background-image: url('af/corners-3.png');
	height: 8px;
	font-size: 2px;
	margin-right: 8px;
	}
.black_box-top-right {
	background-image: url('af/corners-3.png');
	height: 8px;
	font-size: 2px;
	background-position: 100% 0;
	margin-left: 8px;
	margin-top: -8px;
	}
.black_box-bottom-left  {
	background-image: url('af/corners-3.png');
	height: 8px;
	font-size: 2px;
	background-position: 0 -8px;
	margin-right: 8px;
	}
.black_box-bottom-right {
	background-image: url('af/corners-3.png');
	height: 8px;
	font-size: 2px;
	background-position: 100% -8px;
	margin-left: 8px;
	margin-top: -8px;
	}
.black_box-sides {
	border-left: 0;
	border-right: 0;
	background: #002800;
	color: #ffff84;
	padding-left: 8px;
	padding-right: 8px;
	}
.black_box, .black_box a {
	background: #002800;
	color: #ffff84;
	}
.yellow_box-top-left {
	background-image: url('af/corners-4.png');
	height: 8px;
	font-size: 2px;
	margin-right: 8px;
	}
.yellow_box-top-right {
	background-image: url('af/corners-4.png');
	height: 8px;
	font-size: 2px;
	background-position: 100% 0;
	margin-left: 8px;
	margin-top: -8px;
	}
.yellow_box-bottom-left  {
	background-image: url('af/corners-4.png');
	height: 8px;
	font-size: 2px;
	background-position: 0 -8px;
	margin-right: 8px;
	}
.yellow_box-bottom-right {
	background-image: url('af/corners-4.png');
	height: 8px;
	font-size: 2px;
	background-position: 100% -8px;
	margin-left: 8px;
	margin-top: -8px;
	}
.yellow_box-sides {
	border-left: 0;
	border-right: 0;
	background: #ffff84;
	color: #016701;
	padding-left: 8px;
	padding-right: 8px;
	}
.yellow_box, .yellow_box a {
	background: #ffff84;
	color: #016701;
	}
.pink_box-top-left {
	background-image: url('af/corners-5.png');
	height: 7px;
	font-size: 2px;
	margin-right: 7px;
	}
.pink_box-top-right {
	background-image: url('af/corners-5.png');
	height: 7px;
	font-size: 2px;
	background-position: 100% 0;
	margin-left: 7px;
	margin-top: -7px;
	}
.pink_box-bottom-left  {
	background-image: url('af/corners-5.png');
	height: 7px;
	font-size: 2px;
	background-position: 0 -7px;
	margin-right: 7px;
	}
.pink_box-bottom-right {
	background-image: url('af/corners-5.png');
	height: 7px;
	font-size: 2px;
	background-position: 100% -7px;
	margin-left: 7px;
	margin-top: -7px;
	}
.pink_box-sides {
	border-left: 0;
	border-right: 0;
	background: #ef59a1;
	color: #ffffff;
	padding-left: 7px;
	padding-right: 7px;
	}
.pink_box, .pink_box a {
	background: #ef59a1;
	color: #ffffff;
	}
.red_box-top-left {
	background-image: url('af/corners-6.png');
	height: 8px;
	font-size: 2px;
	margin-right: 8px;
	}
.red_box-top-right {
	background-image: url('af/corners-6.png');
	height: 8px;
	font-size: 2px;
	background-position: 100% 0;
	margin-left: 8px;
	margin-top: -8px;
	}
.red_box-bottom-left  {
	background-image: url('af/corners-6.png');
	height: 8px;
	font-size: 2px;
	background-position: 0 -8px;
	margin-right: 8px;
	}
.red_box-bottom-right {
	background-image: url('af/corners-6.png');
	height: 8px;
	font-size: 2px;
	background-position: 100% -8px;
	margin-left: 8px;
	margin-top: -8px;
	}
.red_box-sides {
	border-left: 0;
	border-right: 0;
	background: #bf1616;
	color: #ffff84;
	padding-left: 8px;
	padding-right: 8px;
	}
.red_box, .red_box a {
	background: #bf1616;
	color: #ffff84;
	}
.notopgap    { margin-top: 0; }
.nobottomgap { margin-bottom: 0; }


.surveydata {text-align: center; color: red; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 8pt; font-style:italic; font-weight: bold; padding:0; }

.memberdata {text-align: center; color: #016701; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 8pt; font-style:italic; font-weight: bold; padding:0; }

.footnote {text-align: center; color: #016701; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 8pt; font-style:italic; font-weight: bold; padding:0; }

a.footnote:hover  {text-align: center; color: #016701; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style:italic; font-weight: bold; padding:0; background-color: #ffff84; text-decoration: underline; }

/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{

background-color: #ffff84;
margin: 0;
padding: 0;

}

.tabsmenuclass li{

position: relative;

}

.tabsmenuclass a, .tabnotselected {
display: block;
padding: 5px 7px;
font-weight: 900; color: white; font-family:"Open Sans",Arial; font-size: 14pt;
font-stretch: 9;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
text-decoration: none;
}

.tabsmenuclass li:hover, .tabsmenuclass li.selected, .tabselected {
background:  #016701;
color: #ffff84;
}

.nav {
    display: table;
    width: 100%;
}

.nav li {
    display: table-cell;
    width: 14.285%;  /* (100 / numItems)% */
    text-align: center;
    white-space: nowrap;
}​

@media (max-width: 900px) {
    #nav li {
        display: block;
        width: 100%;
    }
}
.venue-icon  {display:table-cell;  border: 1px solid #016701;    border-radius: 5px; padding: 5px 5px 8px 3px; border-spacing:10px; background-color: #ffff84; color: #016701 text-align: center; font-size: 8pt; }

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}