@charset "UTF-8";

/********************************* BEGIN GENERAL */

html, body {
	background-color: #333;
	background-image: url(../images/bg_shadow.gif);
	background-position: center;
	background-repeat: repeat-y;
	padding: 0px;
	margin: 0px;
	text-align: center;
	height: 100%;
	font-size: 100%;
}

#wrapper {
	padding: 0px;
	width: 960px;
	background-color: #000;
	background-image: url(../images/bg_check.gif);
	background-repeat: repeat;
	text-align: left;
	border: none;
	font-size: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto;
}

#wrapper.index {
	background-image: url(../images/bg_column.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

img {
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
}

h1 {
	font-family: "adrianna-condensed-demibold-1", "adrianna-condensed-demibold-2", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	color: #fff;
	margin-bottom: 20px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	color: #666;
	margin-top: 20px;
	display:block;
	border-bottom: 1px solid #666;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #000;
	margin-top: 20px;
}

h4 {
	font-family: "adrianna-condensed-demibold-1","adrianna-condensed-demibold-2", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0 0 10px 0;
	padding: 0;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #ccc;
}

a:link, a:visited {
	color: #d7df23;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #999;
	text-decoration: underline;
}

h2 a:hover, h2 a:active, h2 a:focus {
	text-decoration: none;
}

p.top {
	text-align: right;	
}

.medium {
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
}

a.medium:hover, a.medium:visited, a.medium:focus {
	text-decoration: none;
}

.large {
	font-size: 20px;
	line-height: 22px;
}

.right {
	text-align: right;	
}

.center {
	text-align: center;	
}

ul {
	list-style-type: square;
	list-style-position: outside;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	color: #ccc;
}

ol {
	list-style-type: decimal;
	list-style-position: inside;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	color: #ccc;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding: 5px 0px 5px 0px;
}


/********************************* BEGIN INDEX PAGE */

#main_index {
	width: 720px;
	float: left;
	margin: 0;
	padding: 0;
}

#nav_index {
	width: 270px;
	float: left;
	margin: 0;
	padding: 0;
}

.shadow {
   	box-shadow: 0 0 10px #222;
   	-moz-box-shadow: 0 0 10px #222;
   	-webkit-box-shadow: 0 0 10px #222;
}

.newsletter {
	margin: 75px 35px 35px 35px;
	padding: 10px;
	background-color: #444;
   	box-shadow: 0 0 10px #222;
   	-moz-box-shadow: 0 0 10px #222;
   	-webkit-box-shadow: 0 0 10px #222;
}

.newsletter p {
	margin: 0;
	line-height: 16px;
}

.newsletter a:link, .newsletter a:visited {
	display: block;
	margin: 10px 0px 0px 0px;
	padding-top: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #222;
	text-decoration: none;
	border-top: 1px solid #666;
}

.newsletter a:hover, .newsletter a:active, .newsletter a:focus {
	text-decoration: none;
	color: #fff;
}

#center {
	width: 450px;
	float: left;
	margin: 0;
	padding: 0;
}

#content_index {
	padding: 40px;	
}

.feature {
	background-color: #d7df23;
	margin: 0;
	padding: 10px;
}

.feature p {
	color: #000;	
}

.feature a:link, .feature a:visited {
	color: #000;
	text-decoration: none;
}

.feature a:hover, .feature a:active, .feature a:focus {
	color: #666;
}

.featurebutton {
	margin: 0;
}

.featurebutton a:link, .featurebutton a:visited {
	color: #ccc;
	font-size: 12px;
	background-color: #000;
	text-decoration: none;
	display: block;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
}

.featurebutton a:hover, .featurebutton a:active, .featurebutton a:focus {
	color: #999;
}

.news {
	margin: 0;
	padding: 10px;
}

#sidebar_index {
	float: left;
	width: 200px;
	padding: 20px 0px 20px 20px;
}
* html #sidebar_index {
width: 220px;
w\idth: 200px;
}


.overlay {
	position: relative;
	width: 350px;
	margin: 0;
	padding: 0;
}

.overlay img {
	width: 350px;
	height: 175px;
	margin: 0;
	padding: 0;
}

* html .overlay p { 
   width: expression( document.body.clientWidth > 149 ? "150px" : "auto" ); /* sets max-width for IE */
}
.overlay p {
	display:block;
	position: absolute;
	top: 0;
	right: 0;
	height: 165px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	margin: 0;
	padding: 5px;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
	max-width: 150px;
}

.register {
	
}

.register a:link, .register a:visited {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 5px;
	color: #d7df23;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	background: none;
	text-decoration:none;
}

.register a:hover, .register a:active, .register a:focus {
	color: #999;	
}

.exhibition {
	position: relative;
	width: 200px;
	margin: 0 0 20px 0;
	padding: 0;
}

.exhibition img {
	width: 200px;
	margin: 0;
	padding: 0;
}

.exhibition p {
	font-size: 12px;
	line-height: 14px;
	padding: 0;
	margin: 0;
}

.exhibition a:link, .exhibition a:visited {
	display:block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 190px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 5px;
}
* html .exhibition a {
width: 200px;
w\idth: 190px;
}

.exhibition a:hover, .exhibition a:active, .exhibition a:focus {
	background: rgb(215, 223, 35);
	background: rgba(215, 223, 35, 0.5);
	text-decoration: none;
}

#footer_index {
	width: 680px;
	float: left;
	margin: 0;
	padding: 5px 0px 5px 20px;
	text-align: center;
}
* html #footer_index {
width: 700px;
w\idth: 680px;
}

#footer_index p {
	font-size: 10px;
	line-height: 14px;
	color: #888;
}

#footer_index a:link, #footer_index a:visited {
	color: #888;
}

#footer_index a:hover, #footer_index a:active, #footer_index a:focus {
	color: #d7df23;	
}

/********************************* BEGIN INTERIOR TEMPLATE */

#main {
	width: 960px;
	background-image:url(../images/logo_small.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#nav {
	width: 215px;
	float: left;
	margin: 0;
	padding: 225px 0 0 0;
}

#content {
	width: 655px;
	float: left;
	margin: 120px 0 0 0;
	padding: 60px 30px 30px 30px;
	background-color: #000;
	min-height:510px;
	height:auto !important;
	height:510px;
}
* html #content {
width: 715px;
w\idth: 655px;
}

.column1 {
	width: 400px;
	float: left;
	margin: 0;
}

.column2 {
	width: 220px;
	float: right;
	margin: 0;
}

img.left {
	float: left;
	margin: 0px 10px 10px 0px;
}

img.right {
	float: right;
	margin: 0px 0px 10px 10px;	
}

img.center {
	margin: 0 auto;	
}

.highlight {
	color: #666;
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	margin: 30px 0px 30px 20px;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 0px 0px 10px 10px;
}

.feature-grey {
	background-color: #222;
	padding: 2px 10px 2px 10px;
}

.donate {
	background-color: #444;
	padding: 2px 10px 10px 10px;
	text-align: center;
}

.donate2 {
	background-color: #222;
	padding: 2px 10px 10px 10px;
	text-align: left;
}

input.donatebutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: block;
	width: 200px;
	height: 20px;
	background-color: #a2a2a2;
	color: #000;
	border: none;
	box-shadow:inset 0 0 10px #222;
   	-moz-box-shadow:inset 0 0 10px #222;
   	-webkit-box-shadow:inset 0 0 10px #222;
}

input.donatebutton:hover, input.donatebutton:focus {
	background-color: #d7df23;
}

.quicklinks {
	margin-top: 10px;	
}

.quicklinks a:link, .quicklinks a:visited {
	display: block;
	background-color: #222;
	padding: 2px 10px;
	margin-bottom: 10px;
}

.quicklinks a:hover, .quicklinks a:active, .quicklinks a:focus {
	background-color: #444;	
	text-decoration: none;
}

#footer {
	width: 655px;
	float: right;
	margin: 0;
	padding: 5px 60px 5px 0px;
	text-align: center;
}
* html #footer {
width: 715px;
w\idth: 655px;
}

#footer p {
	font-size: 10px;
	line-height: 12px;
	color: #888;
	margin: 0;
	padding: 2px;
}

#footer a:link, #footer a:visited {
	color: #888;
}

#footer a:hover, #footer a:active, #footer a:focus {
	color: #d7df23;	
}

/********************************* BEGIN GALLERY */

#main_gallery {
	background-color: #000;
	width: 960px;
	background-image:url(../images/logo_small.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#main_gallery #content {
	background-color: #fff;	
	padding: 30px;
}

#main_gallery #content h1 {
	color: #000;
}

#main_gallery #content h2 {
	color: #000;
	border-bottom: 1px solid #ccc;
}

#main_gallery #content p {
	color: #666;	
}

#main_gallery #content a:link, #main_gallery #content a:visited {
	color: #000;
}

#main_gallery #content a:hover, #main_gallery #content a:active, #main_gallery #content a:focus {
	color: #000;
}

#main_gallery #content h1 a:hover, #main_gallery #content h1 a:active, #main_gallery #content h1 a:focus {
	color: #ccc;
	text-decoration: none;
}

#main_gallery #content h2 a:hover, #main_gallery #content h2 a:active, #main_gallery #content h2 a:focus {
	color: #ccc;
}

#main_gallery #content hr {
	color: #ccc;
	background-color: #ccc;
}


.download {
	font-size: 12px;
}

/********************************* BEGIN FAQ */

.question{ 
cursor: hand;
cursor: pointer;
padding: 2px 5px;
background: #ccc;
}

.question:hover, .question:focus {
background: #d7df23;	
}

.answer {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #ccc;

}

.openanswer { /*class added to contents when they are open*/
background: #d7df23;
}


/********************************* BEGIN NAV MENU */

.menu {
	font-family: Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 0px;
	}
	
#nav_index .menu {
	background-image: url(../images/logo_index3.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.menu a.menuitem {
	font-size: 12px;
  	color:#fff;
	line-height: 29px;
	display:block;
	position:relative;
	height: 30px;
  	padding: 0px 0px 0px 35px;
	text-decoration:none;
	}

.menu a.menuitem:visited {
  	
	}
	
.menu .menuitem:hover, .menu .menuitem:active, .menu .menuitem:focus {
	color:#d7df23;
	background-color: #444;
	}
	
.openmenu {
	background-color: #444;
	}
	
#nav_index .menu .menuitem:hover, #nav_index .menu .menuitem:active, #nav_index .menu .menuitem:focus {
	background:none;
}
#nav_index .openmenu {
	background:none;
}

.menu div.submenu {
  	background:none;
	}

.menu div.submenu ul {
	list-style-type:none;
	margin:0;
	padding: 0px 0px 0px 35px;
	}

.menu div.submenu ul {
	margin-left: 10px;
}

.menu div.submenu ul li {
  	font-size:12px;
  	padding:10px 0px 5px 0px;
	margin-left: 0px;
	color: #d7df23;
	}

.menu div.submenu ul li a {
  	color:#d7df23;
 	text-decoration:none;
	}

.menu div.submenu ul li a:hover, .menu div.submenu ul li a:focus {
  	text-decoration: underline;
	}



/********************************* MISC */

a {
  outline: 0;
}


hr {
	clear: both;
	border: 0;
	color: #666;
	background-color: #666;
	height: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.clear {
	clear: both;
	line-height: 0;
	height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

/********************************* CONTACT FORM */

table, tr, td {
	border-collapse: collapse;
	border: none;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	text-align: left;
	vertical-align: top;
}

td.right {
	padding-right: 10px;
	text-align: right;
}


input.contactform, textarea.contactform, select.contactform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
	border: none;
	width: 250px;
	margin-bottom: 10px;
	padding: 2px;
}

input.submitbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 75px;
	padding:2px;
	border:none;
	background-color:#999;
	color: #000;
	margin:0px;
}

input.submitbutton:hover, input.submitbutton:focus {
	background-color: #d7df23;
	color: #000;
}

.feature table, .feature tr, .feature td {
	color: #000;
}

.feature input.submitbutton {
	background-color:#999;
	color: #fff;
}

.feature input.submitbutton:hover, .feature input.submitbutton:focus {
	background-color: #000;
	color: #999;
}

/********************************* TALK ARCHIVE */

table.archive td {
	margin: 0;
	padding: 0 20px 20px 0;
	height: 200px;
	vertical-align: top;
}

/********************************* WORKSHOP VIEW */

table.workshoplist {
	background-color: none;	
	width: 655px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	color: #ccc;
}

table.workshoplist h2 {
	margin-top: 0px;	
}

table.workshoplist th {
	padding: 2px 10px;
	background-color: #d7df23;
	color: #222;
}

table.workshoplist td {
	padding: 10px;
}

td.left {
	text-align: left;	
}

td.right {
	text-align: right;
}

tr.odd {
	background-color:#222 ;
}

tr.even {
	background-color: #2a2a2a;
}

tr.nopad td {
	padding-left: 0;
	padding-right: 0;
}

table.grid {
	border-collapse: collapse;
	border:none;
	margin: none;
}

table.grid td {
	border:none;
	padding: 2px 10px 2px 10px;
	border-right: 1px dotted #666;
	text-align: center;
}

table.fullpage tr {
	vertical-align: top;	
}

/********************************* REGISTRAR */

table.registrar {
	width: 275px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	color: #ccc;
}

table.registrar th {
	padding: 2px 5px;
	background-color: #d7df23;
	color: #222;
}

table.registrar td {
	padding: 5px 5px;
}
table.registrar td.right {
	text-align: right;
	line-height: 14px;
}

table.registrar input, table.registrar textarea, table.registrar select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#222;
	border: none;
	width: 146px;
	padding: 2px;
	margin: 0;
}

tr td.padded {
	padding: 10px;	
}

tr td.paddedbottom {
	padding-bottom: 20px;	
}

td.paddedright {
	padding: 0px 20px 0px 0px;	
}

td input.registration {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 150px;
	padding:2px;
	background-color: #a2a2a2;
	color: #000;
	border: none;
	box-shadow:inset 0 0 10px #222;
   	-moz-box-shadow:inset 0 0 10px #222;
   	-webkit-box-shadow:inset 0 0 10px #222;
}

input.registration:hover, input.registration2:hover, input.registration:focus, input.registration2:focus {
	background-color: #d7df23;
}

td input.registration2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 271px;
	padding:2px;
	background-color: #a2a2a2;
	color: #000;
	border: none;
	box-shadow:inset 0 0 10px #222;
   	-moz-box-shadow:inset 0 0 10px #222;
   	-webkit-box-shadow:inset 0 0 10px #222;
}

body.interestform, html.interestform {
	background-image: url(../images/bg_check.gif);
	background-repeat: repeat;
}

#interestform {
	padding: 0px;
	background-image: url(../images/translines.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-align: left;
	border: none;
	font-size: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto;
}

table.interestform {
	margin: 0;	
}

table.interestform td {
	padding: 20px;	
}

table.interestgrid td {
	padding: 2px;	
}

table.interestgrid img.left {
	padding: 10px 10px 3px 0px;
}

input.interestbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 250px;
	padding:2px;
	border:none;
	background-color:#a2a2a2;
	color: #000;
	margin:0px;
}

input.interestbutton:hover, input.interestbutton:focus {
	background-color: #d7df23;
	color: #000;
}

h1.instructor {
	margin-top: 0;
	margin-bottom: 20px;
}