/*
This is Eric Meyer's CSS Reset. 
(http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)  It's pretty
harsh, but serves as a clear-all for browser-imposed CSS styles.  If you wish to
perform your own CSS reset, comment out this line.
*/

@import url("/css/reset.css");

/* some styles you might find helpful...feel free to uncomment the ones you'd like */
/*
.center {
  margin: 0 auto;
  text-align: center;
}

th, td {
  padding: 5px;
}

label {
  clear: left;
  float: left;
  padding: 5px;
  text-align: right;
  width: 150px;
}
input {
  margin: 5px;
}
*/
/***admin***/
textarea {
  height: 150px;
  width: 550px;
}
.wmd-preview {
  border: thin solid;
  height: 190px;
  overflow: auto;
  width: 550px;
}
/***end admin***/
#footer {
  clear:both;
  padding: 10px;
  color: #999999;
  font-size: 12px;
  text-align: center;
  padding-left: 200px;
}


/* Some styles for 'cms/edit' */
/*
#edit_page_form {
  display: block;
  float: left;
}
*/

body {
  margin: 0 auto;
  width: 915px;
  padding-top: 35px;
}
#left_nav {
  width: 180px;
  float: left;
}
#left_nav ul{
  float: left;
}
#left_nav p{
  float: right;
}
#flash {
  float: right;
  margin-top: 5px;
}
#left_nav a{
  width: 139px;
}
.nav_about {background-image: url(/images/nav_about.jpg);height: 44px;display: block;}
.nav_about:hover {background-image: url(/images/nav_about.jpg); background-position: 0 44px; height: 44px;display: block;}
.nav_waverly {background-image: url(/images/nav_waverly.jpg);height: 41px;display: block;}
.nav_waverly:hover {background-image: url(/images/nav_waverly.jpg); background-position: 0 41px; height: 41px;display: block;}
.nav_prev {background-image: url(/images/nav_prev.jpg);height: 41px;display: block;}
.nav_prev:hover {background-image: url(/images/nav_prev.jpg); background-position: 0 41px; height: 41px;display: block;}
.nav_winners {background-image: url(/images/nav_winners.jpg);height: 41px;display: block;}
.nav_winners:hover {background-image: url(/images/nav_winners.jpg); background-position: 0 41px; height: 41px;display: block;}
.nav_elig {background-image: url(/images/nav_elig.jpg);height: 34px;display: block;}
.nav_elig:hover {background-image: url(/images/nav_elig.jpg); background-position: 0 34px; height: 34px;display: block;}
.nav_apply {background-image: url(/images/nav_apply.jpg);height: 34px;display: block;}
.nav_apply:hover {background-image: url(/images/nav_apply.jpg); background-position: 0 34px; height: 34px;display: block;}
.nav_links {background-image: url(/images/nav_links.jpg);height: 32px;display: block;}
.nav_links:hover {background-image: url(/images/nav_links.jpg); background-position: 0 32px; height: 32px;display: block;}
.nav_contact {background-image: url(/images/nav_contact.jpg);height: 25px;display: block;}
.nav_contact:hover {background-image: url(/images/nav_contact.jpg); background-position: 0 25px; height: 25px;display: block;}
.nav_signmeup {background-image: url(/images/nav_signup.jpg);height: 60px;display: block;}
.nav_signmeup:hover {background-image: url(/images/nav_signup.jpg); background-position: 0 60px; height: 60px;display: block;}
/************winners**************/
#winners li{
  display: inline;
  float: left;
  padding-right: 25px;
}
#winners {
  width: 690px;
  float: right;
  padding-right: 20px;
  margin-top: 0px;
}
#winners2 {
  width: 710px;
  float: right;
}
#winners2 li{
  display: inline;
  float: left;
  padding: 0 10px;
}
#prevNext {
  width: 200px;
  clear: both;
  margin: 0 auto;
  padding-left: 210px;
}
#bio_prev {
  float: left;
}
#bio_next {
  float: right;
}
.decadeTitle {
  margin-left: 20px;
  margin-bottom: 10px;
}
/***end winners***/

/********dock**********/
.dockLine {border-top: 1px solid black; width: 635px; float: right; margin-right: 80px; clear: both; padding-bottom: 40px; margin-top: -30px;*margin-top: -30px;}
.dock {position: relative; height: 50px; text-align: center;padding-top: 20px;}
.dock-container {position: absolute;height: 50px;background: url(images/dock-bg2.gif);padding-left: 20px;}
a.dock-item {display: block;width: 4px;color: #000;position: absolute;top: 0px;text-align: center;text-decoration: none;font: bold 12px Arial, Helvetica, sans-serif;}
.dock-item img {border: none; margin: 5px 10px 0px; width: 100%; }
.dock-item span {display: none; padding-left: 20px;}
/* dock2 - bottom */
#dock2 {width: 100%;bottom: 0px;position: relative;left: 0px;clear: both; padding-left: 130px;}
.dock-container2 {position: absolute;height: 50px;background: url(images/dock-bg.gif);padding-left: 20px;}
a.dock-item2 {display: block; font: bold 12px Arial, Helvetica, sans-serif;width: 40px; color: #000; bottom: 0px; position: absolute;text-align: center;text-decoration: none;}
.dock-item2 span {display: none; padding-left: 20px;}
.dock-item2 img {border: none; margin: 5px 10px 0px;width: 100%; }
/***end dock ***/

/***artist floating***/
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 0px;
	width: 360px;
	height: 94px;
}
ul.thumb li {
	margin: 0; padding: 1px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 94px;
	height: 94px;
	z-index: 0;
}
ul.thumb li img {
	width: 94px; height: 94px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	position: absolute;
	left: 0; top: 0;
}
/***end artist***/
/*******************book******************/

#book_thing {
  margin-top: 50px;
  margin-left: 20px;
}
/***end book***/
/***********application*************/
#application {
  display: block;
  width: 730px;
  float: right;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
}
#application table tr td input[type=text]{
  float: left;
  border: 1px solid #CCC;
  margin-right: 20px;
  width: 250px;
}
#application table tr td input[type=radio]{
  text-align: left;
  margin-right: 10px;
}
#application table tr td select{
  float: left;
  margin-right: 3px;
  border: 1px solid #CCC;
}
#application tr td{
  width: 300px;
}
.app_tab tr td {
  padding: 5px;
  text-align: right;
  vertical-align: middle;
}
#application table{
  width: 700px;
  margin-left: 10px;
}
.app_title {
  padding: 15px 0px;
}
#app_details tr td{
  padding: 5px;
  line-height: 17px;
}
#app_details textarea{
  width: 700px;
  border: 1px solid #CCC;
}
#download {
  margin-left: 110px;
  margin-top: 60px;
}
#app_pic {
  padding-left: 5px;
}
#confirm {
  padding: 50px;
  font-family: Georgia, Serif;
  font-size: 13px;
  color: #666;
  line-height: 19px;
}
#confirm input {
  margin-left: 140px;
  margin-top: 10px;
}
#confirm input[type=submit]{
  margin-left: 200px;
}
/*****CMS Content Styling*****/
.cms_text {
  padding: 10px;
  width: 600px;
  float: right;
  margin-right: 100px;
  font-family: Georgia, Serif;
  font-size: 13px;
  color: #666;
  line-height: 19px;
}
.cms_text p{
  padding: 5px 20px 5px 20px;
}
.cms_text h2{
  font-family:Georgia,Serif;
  color: #8CC63F;
  font-size: 15px;
  padding: 5px;
}
.header {
  font-family:Georgia,Serif;
  color: #8CC63F;
  font-size: 15px;
}
.cont_title {
  padding: 10px 20px 20px 30px;
}
.bold {
  font-weight: bold;
}
a {
  color: #666;
}
/***end cms***/
/***links***/
.links {
  padding: 30px;
  padding-top: 10px;
  position: relative;
}
/***end links***/
/***apply***/
#apply table{
  width: 400px;
  font-family: georgia, serif;
  font-size: 12px;
  color: #666;
  margin-right: 300px;
  float: right;
}
#apply tr td{
  padding: 5px;
}
#apply input[type="text"] {
  border: 1px solid #CCC;
}
#apply input[type="password"] {
  border: 1px solid #CCC;
}
.explanation {
  font-family: georgia, serif;
  font-size: 13px;
  color: #999;
  float: right;
  width: 700px;
}
/***end apply***/
/***********signmeup************/
#signmeup{
  background: url(/images/signmeup.png) no-repeat;
  width:443px;
  height: 272px;
  float: right;
  margin-right: 240px;
  margin-top: 20px;
}
#signmeup table {
  margin-left: 160px;
  margin-top: 80px;
}
#signmeup table tr td{
  padding: 8px;
}
#signmeup input[type=text] {
  border: none;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 200px;
}
#signmeup input[type=submit] {
  margin-left: 305px;
  margin-top: 20px;
}
#success {
  font-family: georgia, serif;
  font-size: 13px;
  color: #999;
  line-height: 19px;
  margin-left: 50px;
}
/***index***/
#loginn {
  position: relative;
  top: 3px;
  float: right;
  font-family: georgia;
  font-size: 12px;
  border: 1px solid black;
  padding: 3px;
  margin-top: -30px;
}
#loginn a{
  color: black;
  text-decoration: none;
  padding: 5px;
}
#loginn a:hover{
  color: #999;
  text-decoration: none;
}
/*#loginn:hover {
  background-color: #FEEAAB;
  color: #999;
}*/
/***end index***/
/*******login******/
#login_form {
  margin-left: 300px;
  margin-top: 100px;
  width: 250px;
  border: 1px solid #e6e6e6;
  padding: 30px;
}
#login_form td{
  padding: 10px;
}
#login_form #name {
  margin-left: 28px;
}
#login_form #submitBtn {
}
/*********eligibility**********/
.column2 {
  width: 356px;
  margin: 10px 5px 10px 5px;
  float: right;
}
.column2 h1{
  font-family:Georgia,Serif;
  color: #8CC63F;
  font-size: 15px;
  padding: 5px;
}
.column2 p{
  font-family: Georgia, Serif;
  font-size: 13px;
  color: #666;
  line-height: 19px;
  padding: 5px;
}

/*Custom Light Box */
#overlay 
{
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     z-index:2000;
     text-align:center;
	 background-color: #3f3f3f;
	 filter:alpha(opacity=60);
	 -moz-opacity: 0.65;
	 opacity:  0.65;
}


#lightbox
{
	position: absolute;
	top: 190px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: left;
}

#outerContainer
{
	position: relative;
	background-color: #fff;
	border: 1px solid #353535;
	width: 350px;
	height: 150px;
	margin: 0 auto;
}

#innerContainer
{
	font-family:Verdana;
	font-size:12px;
	color:#000000;		
}	


/********************** workshops ***********************/

#workshop_content {
  width: 728px;
  float: right;
  line-height: 20px;
}
#workshop_buttons a {
  display: block;
  float: left;
  margin: 2px;
}
#workshop_buttons {
  overflow: hidden;
}
#workshop_content h1 {
  font-family:Georgia,Serif;
  color: #8CC63F;
  font-size: 25px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 10px;
}
#workshop_content h3 {
  font-family: Georgia,Serif;
  color: #8CC63F;
  font-size: 15px;
  font-style: italic;
  text-align: center;
  margin-bottom: 30px;
}
#workshop_content h2 {
  font-family: Georgia,Serif;
  color: #8CC63F;
  font-size: 15px;
  margin-left: 20px;
}
#workshop_content h4 {
  font-family: Georgia,Serif;
  color: #CCC;
  font-size: 15px;
  font-style: italic;
  margin-left: 20px;
}

#workshop_content p {
  color: #666;
  font-family: Georgia,Serif;
  font-size: 13px;
  margin-bottom: 20px;
  margin-left: 20px;
}