/* CSS Document */

/* ---- SITE WIDE ELEMENTS ---- */

* {margin: 0; padding: 0;}

body {
    background: #000000 url(http://www.calvin.edu/admin/sao/festival/2009/images/bkgd.gif) top left no-repeat;
    color: #FFFFFF;
    margin: 0px;
	font-family: Arial;
	font-size: 90%;
}

a:link {
	color: #abbc25;
	text-decoration: none;
}
a:visited {
	color: #abbc25;
	text-decoration: none;
}
a:active {
	color: #000000; 
	text-decoration: underline; 
}
a:hover {
	color: #abbc25; 
	text-decoration: underline;
}

p {
	margin-top: 10px;
}
p.msg {color: #7d8033;}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */




/* ---- FESTIVAL LAYOUT ---- */

#content {
    width: 850px;
    margin: 0px auto;
}

#festival {
	width: 850px;
}


/* calvin header */

#calvinheader {
    padding: 20px 0 0 0;
}
#calvinheader h1 {
   display: none;
}


/* conference banner */

#festivalbanner {
	width: 200px;
    height: 157px;
    background: #000 url(http://www.calvin.edu/admin/sao/festival/2009/images/ffm_logo.gif) top left no-repeat;
}
#festivalbanner h2 {
   display: none;
}

	


/* NAVIGATION */

#skipnav {display: none;}

#homelink, a #homelink, #lsponsors, a#lsponsors {
	display: block;
	height: 25px; 
	margin: 20px 0 20px 0; 
	padding: 5px 0 0 5px; 
	font-size: 100%; 
	color: #fff1e7;
	background: url(http://www.calvin.edu/admin/sao/festival/2007/images/bkgd_leftnav.gif) no-repeat 0 0;
}
a#homelink, a#lsponsors {text-decoration: none;}

/* submenus */

.nav {
	width: 150px;
	background: url(http://www.calvin.edu/admin/sao/festival/2007/images/bkgd_leftnav.gif) no-repeat 0 0; 
}


/* main menu */

#festivalmenu {
	width: 200px;
	padding: 80px 0 0 0;
	margin: 0px;
}

#festivalmenu ul { /* all lists */
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-align: right;
}

#festivalmenu a {
	text-decoration: none;
	font-size: 110%;
	font-weight:lighter;
	text-transform: uppercase;
	color: #FFF;
	margin: 0px;
}

#festivalmenu li { /* all list items */
	padding: 8px 20px 0 0;
}

#festivalmenu .conference a:hover {color:  #b50000;}
#festivalmenu .concerts a:hover {color:  #c47300;}
#festivalmenu .presenters a:hover {color:  #f4d400;}
#festivalmenu .register a:hover {color:  #abbc25;}
#festivalmenu .about a:hover {color:  #0080b6;}
#festivalmenu .contact a:hover {color:  #78008a;}






/* LEFT COLUMN */

#left {
	float: left;
	width:  200px;
}
#left h3 {
	padding: 5px 0 0 5px; 
	margin-bottom: 0; 
	color: #fff1e7;
	font-size: 100%;
}


/* left nav */

#left .nav ul {
 	margin: 5px 0 20px 0;	
	padding-left: 0; 
 	list-style-type: none;
 	font-size: 90%;
}
#left .nav p.tiny {font-size: 6px; line-height: 1em;}
#left .nav a {
	display: block;
	text-decoration: none;
	font-weight:normal;
	color: #000;
	padding: 5px;
	width: 140px;
}
#left .nav a:hover {
	background-color: #fff1e7;
	color: #7d8033;
}

#sponsors a#lsponsors {font-weight: bold; text-decoration: none;}
/* for right nav */
#right #currentpage a {color: #000;font-weight: bold;}



/* CENTER COLUMN */

#center {
	float: left;
	width:  450px;
	min-height: 450px;
	background: #FFFFFF;
	color:  #000;
	padding: 0;
}

#center p, #center h3, #center table, #center h4 {
	padding: 0 10px 10px 10px;
}

#center ul {
	padding-left: 30px;
	list-style: square;
}
#center ol {
	padding-left: 30px;
}

#center h3 {
	margin-top: 10px;
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
}
#center h4 {
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
}


#center .thumbnails {
	padding: 0 10px 0 10px;
	text-align: center;
}

/* news */

#news p {
	padding: 0 0 5px 0;
	border-bottom: 1px solid #7d8033;
}


/* presenter */

#speakerlinks, #news {
	margin:  30px 0 0 0;
}
#speakerlinks h4, #news h4 {
	background:  #abbc25;
	padding: 5px;
	color: #FFF;
	font-size: 70%;
	text-transform: uppercase;
}
#speakerlinks li, #news li, .workshops li {
	padding: 10px;
}

.recommendeditem {
	padding: 10px;
	text-align: center;
}



/* RIGHT COLUMN */

#right {
	float: left;
	width:  200px;
	padding-top: 40px;
}
#rightcolumn a {
	color: #FFFFFF;
}
#right p, #right ul {
	padding: 0 10px 10px 30px;
	font-size: 85%;
}
#right div {
	margin-bottom: 30px;
}

#right h4 {
	text-transform: uppercase;
	font-weight: normal;
	padding-left: 30px;
}

#right h4.conference {background: url(http://www.calvin.edu/admin/sao/festival/2009/images/bx_red.gif) top left no-repeat;}
#right h4.concerts {background: url(http://www.calvin.edu/admin/sao/festival/2009/images/bx_orange.gif) top left no-repeat;}
#right h4.presenters {background: url(http://www.calvin.edu/admin/sao/festival/2009/images/bx_yellow.gif) top left no-repeat;}
#right h4.register {background: url(http://www.calvin.edu/admin/sao/festival/2009/images/bx_green.gif) top left no-repeat;}
#right h4.about {background: url(http://www.calvin.edu/admin/sao/festival/2009/images/bx_blue.gif) top left no-repeat;}
#right h4.contact {background: url(http://www.calvin.edu/admin/sao/festival/2009/images/bx_purple.gif) top left no-repeat;}


/* right nav */

#right h3 {
	padding: 5px;
}

#right ul {
	list-style: square;
}
#right li {
	padding-top: 10px;
}




/* ---- FORMS ---- */

form {padding: 10px;}

form label {
	float: left;
	clear: left;
	width: 100px;
	text-align: right;
	margin-top: 5px;
	margin-right: 5px;
}

fieldset {
  padding: 10px;
  margin: 10px 15px;
  width: 90%;
  border: 1px solid #7d8033;
}

form input, form textarea, form select  {
	margin-top: 5px;
	margin-right: 5px;
}

form #submit {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 100px;
}

.radiolist {
	margin-left: 100px;
}

legend {
  font-weight: bold;
  font-size: 120%;
  margin: 0px 0px 0px 0px;
  padding: 0.5em;
  color: #000000;
}

form .smallfont {
	margin-left: 205px;
	width: 120px;
	font-size: 75%;
	position: relative;
}

.radiogrouplabel {
	float: left;
	clear: left;
	width: 200px;
	text-align: right;
	margin-top: 5px;
	margin-right: 5px;
}

#right form {
	padding: 0;
	width: 200px;
}
#right fieldset {
	border: 0;
	margin: 0;
	padding: 0 10px 0 10px;
}
#right form label {
	float: left;
	clear: left;
	width: 65px;
	font-size: 80%;
	text-align: right;
	margin-top: 5px;
	margin-right: 5px;
}
#right form #submit {
  margin: 5px 0 5px 0;
  margin-left: 70px;
}



/* ---- FOOTER ---- */

#footer-css {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 850px;
	font-size: 85%;
}

#footer-css a {
	text-decoration: none;
}

#footer-css dl {
	float: left;
	width: 24%;
	margin: 0;
	padding: 15px 0 15px 0;
}

#footer-css dt {
	font-weight: bold;
	color: #CCC;
	padding: 0 10px 0 10px;
}

#footer-css dt a {
	color: #FFF;
}

#footer-css dt a:hover {
	color: #333;
}

#footer-css dd {
	margin: 0;
	padding: 0 10px 0 10px;
}

a#footer-contact-name {
	text-decoration: underline;
}

a#footer-contact-name:hover { 
	color: #333;
}
.bodycopy-small { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 75%;
}