/* This is the base style sheet for the Trad Fest home page. */

body {font-family:"Microsoft Sans Serif", "Arial"; font-size:14px; background:#3b63ca;}

/* Format and position the header images. */
#rich {padding-right:3em;}
#cbalogo {position:absolute; top:1em;}
#talogo {position:absolute; top:11em;}
#header img {border-style:none;}

/* Format the header links. */
#header a:link {border-style:none;}
#header a:visited {border-style:none;}
#header a:focus {border-style:none;}
#header a:hover {border-style:none;}
#header a:active {border-style:none;}

/* Format and position the primary navigation bar. */
#primnav {position:absolute; top:16em; width:65em; background:#e76969; white-space:pre;}

/* Format the primary navigation buttons. */
.primbutton {font-size:14px;}

/* Format the primary navigation links. */
#primnav a:link {color:#D7D7D7; text-decoration:none;}
#primnav a:visited {color:#D7D7D7; text-decoration:none;}
#primnav a:focus {color:#D7D7D7; text-decoration:none;}
#primnav a:hover {color:#000000; text-decoration:none;}
#primnav a:active {color:#D7D7D7; text-decoration:none;}

/* Format and position the "informational section" of each html page. */
#infosection {width:45em; position:absolute; left:2em; top:17em;}
#details {position:relative; top:1em; white-space:pre;}

/* Format hyperlinks for this section. */
#infosection a:link {color:#d7d7d7; text-decoration:none;}
#infosection a:visited {color:#d7d7d7; text-decoration:none;}
#infosection a:focus {color:#d7d7d7; text-decoration:none;}
#infosection a:hover {color:#ffffff; text-decoration:underline;}
#infosection a:active {color:#d7d7d7; text-decoration:none;}

/* Special font classes for this section. */
.bold {font-weight:bold;}
.headliner {background:#e76969; color:#d7d7d7; font-size:20px;}

/* This section is for the "Festival Info" page only.*/
/* Format "13th annual", date, reservation code and price. */
#annual {font-weight:bold; text-decoration:underline;}

/* Format and position the sponsors.*/
.sponsors img {padding:1em; vertical-align:middle; border-style:none;}
.dollars img{border-style:none;}
#othersponsors {white-space:pre; position: relative; top: -3em;}

/* Format and position the miscellaneous information. */
#misc {position:relative; top:-2em;}
.blue {color:#e76969;}

/* Position the poster thumbnail. */
#poster {position:relative; top:-3em;}
#thumb {border-style:none; vertical-align:middle; padding: 0 1em;}

/* This section is for the "Ticket Info" page only. */
#tickets {width: 45em; position:absolute; left:2em; top:18em; white-space:pre;}
/* Format the ticket information and TA logo. */
.tickets {font-size:16px;}
#taphone img {border-style:none;vertical-align:middle; padding-left:1em;}

/* This section is for the "Lineup" page only. */
/* Format the Lineup information. */
#lineup {width: 45em; position:absolute; left:2em; top:18em; white-space:pre;}
.big {font-size:18px;}
.pic {padding:.5em;}
.lineup {font-size:14px;}

/* Format hyperlinks for this section. */
#lineup a:link {color:#d7d7d7; text-decoration:none;}
#lineup a:visited {color:#d7d7d7; text-decoration:none;}
#lineup a:focus {color:#d7d7d7; text-decoration:none;}
#lineup a:hover {color:#ffffff; text-decoration:underline;}
#lineup a:active {color:#d7d7d7; text-decoration:none;}

/* This section is for the "Accommodations" page only. */
#hotel {width: 45em; position:absolute; left:2em; top:18em; white-space:pre;}
#mapquest {border-style:none;vertical-align:middle; padding-left:.5em;}
#holidayinn img {border-style:none;vertical-align:middle; padding-left:1em;}

/* Format hyperlinks for this section. */
#hotel a:link {color:#d7d7d7; text-decoration:none;}
#hotel a:visited {color:#d7d7d7; text-decoration:none;}
#hotel a:focus {color:#d7d7d7; text-decoration:none;}
#hotel a:hover {color:#ffffff; text-decoration:underline;}
#hotel a:active {color:#d7d7d7; text-decoration:none;}

/* This section is for the "Sponsors" page only. */
/* Remove borders from images. */
#sponsors {width: 45em; position:absolute; left:2em; top:18em; white-space:pre;}
#her  {vertical-align:middle;}
#biersdorf  {vertical-align:middle;}
#csqp {vertical-align: middle;}
#eem {vertical-align: middle;}
#oracle {vertical-align: middle;}
#sfarm {vertical-align: middle;}
#pjabr {vertical-align: middle;}
#brlogo img {border-style:none;}
#bwlogo img {border-style:none;}

/* Format hyperlinks for this section. */
#sponsors a:link {color:#d7d7d7; text-decoration:none;}
#sponsors a:visited {color:#d7d7d7; text-decoration:none;}
#sponsors a:focus {color:#d7d7d7; text-decoration:none;}
#sponsors a:hover {color:#ffffff; text-decoration:underline;}
#sponsors a:active {color:#d7d7d7; text-decoration:none;}

/* Format the Volunteers section*/
#vols {width: 45em; position:absolute; left:8em; top:18em; white-space:pre;}

/* Format hyperlinks for this section. */
#vols a:link {color:#d7d7d7; text-decoration:none;}
#vols a:visited {color:#d7d7d7; text-decoration:none;}
#vols a:focus {color:#d7d7d7; text-decoration:none;}
#vols a:hover {color:#ffffff; text-decoration:underline;}
#vols a:active {color:#d7d7d7; text-decoration:none;}

/* Format the History section*/
#history {width: 45em; position:absolute; left:8em; top:18em; white-space:pre;}

/* Format the Links section*/
#links {width: 45em; position:absolute; left:2em; top:18em; white-space:pre;}

/* Format hyperlinks for this section. */
#links a:link {color:#d7d7d7; text-decoration:none;}
#links a:visited {color:#d7d7d7; text-decoration:none;}
#links a:focus {color:#d7d7d7; text-decoration:none;}
#links a:hover {color:#ffffff; text-decoration:underline;}
#links a:active {color:#d7d7d7; text-decoration:none;}

/* Format the Contacts section*/
#contacts {width: 45em; position:absolute; left:2em; top:18em; white-space:pre;}

/* Format hyperlinks for this section. */
#contacts a:link {color:#d7d7d7; text-decoration:none;}
#contacts a:visited {color:#d7d7d7; text-decoration:none;}
#contacts a:focus {color:#d7d7d7; text-decoration:none;}
#contacts a:hover {color:#ffffff; text-decoration:underline;}
#contacts a:active {color:#d7d7d7; text-decoration:none;}

/* Format the Posters section*/
#posters {width: 45em; position:absolute; left:2em; top:18em; white-space:pre;}
#posters img {vertical-align:middle; border-style:none;}

/* Format hyperlinks for this section. */
#posters a:link {color:#d7d7d7; text-decoration:none;}
#posters a:visited {color:#d7d7d7; text-decoration:none;}
#posters a:focus {color:#d7d7d7; text-decoration:none;}
#posters a:hover {color:#ffffff; text-decoration:underline;}
#posters a:active {color:#d7d7d7; text-decoration:none;}