/*This is the core style sheet for the entire site, and these are the promised explanations of how to change up the website each year in case I get hit by a truck. Please look for comments in each section that will tell you how to update the site each time the colors change for the current year - if there is no comment, do not change anything about that section without very good reason and knowing what you're doing.  Always work with a COPY of this file (name the file something like "coredev.css" and temporarily change the link in the html files) first before changing the name of the file to core.css--AFTER you're sure all your changes work on your development server.*/

/*You will need a text editor or WYSIWYG html editor, Photoshop or another good image program that can work with layers and Photoshop files, and a way to ftp into the server.  I highly recommend that you make a copy of all the original files before you touch any of them and make any changes, especially if you're new to this kind of work.*/

/*First, find the Photoshop files in the "originalartwork" folder, _make a copy of the file and work with that copy_, change the colors in the header graphics, and re-generate graphics for the headers - make sure you use the guides provided so the graphics are the same size as 2007's graphics.  In your development site's images folder, replace the header graphics (there are four) with the new graphics.*/

/*Then find the hex colors below that are notated with comments and change them to the current year's hex color.*/

/*If any of that was total Greek to you and you don't feel like learning another language, please do not fool around with the files on the actual server unless you definitively know what you're doing. If you need help or if you break the site irrevocably and did not make a backup copy of the original files to revert to, please email me (Zina Lee) at zlee.geo@yahoo.com, and I'll be happy to explain how to update the website to you in plain(er) English and/or provide you with the original files I still have.*/

/*This is the end of the main body of comments: now on to the actual style sheet.*/

body {
background-color: #333333;
color: #666666;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 1em;
}

h1 {
font-size: 1.1em;
font-weight: 500;
}

h2 {
font-size: .9em;
font-weight: 600;
font-style: italic;
}

p {
font-size: .8em;
line-height: 1.2em;
}

p.header {
	/*The border-bottom referred to above is the long colored line in the header, between the logo and the festival descriptor. Change the hex value (after the # and before the semi-colon) to the hex value of the color for the current year.*/
border-bottom-width: 5px;
	margin: 0;
	padding: 0;
	border-bottom-style: solid;
	border-bottom-color: #A31279;
}

a:link {
color: #666666;
background-color: none;
text-weight: bold;
text-decoration: none;
}

a:visited {
color: #666666;
background-color: none;
text-weight: bold;
text-decoration: none;
}

a:hover {
color: #FFFF33;
background-color: none;
text-decoration: none;
}

a:active {
background-color: none;
text-decoration: none;
}

#navbar a:link {
color: #FFFFFF;
font-size: .8em;
text-decoration: none;
}

#navbar a:visited {
color: #FFFFFF;
font-size: .8em;
text-decoration: none;
}

#navbar a:hover {
color: #FFFF33;
text-decoration: none;
}

#header1 {
height: 109px;
background-image: url(images/RTCTlogo.jpg);
background-repeat: no-repeat;
}

#header2 {
height: 109px;
background-image: url(images/RTCTDateVenue.jpg);
background-repeat: no-repeat;
background-position: 378px 0px;
}

#lowerheader2 {
height: 35px;
background-image: url(images/RTCThotline.jpg);
background-repeat: no-repeat;
background-position: 378px 3px;
}

#lowerheader1 {
height: 35px;
background-image: url(images/RTCTlogo2.jpg);
background-repeat: no-repeat;
background-position: 0px 3px;
}

td.linkbox {
background-color: #A31279;
/*This is the color for the background of the navigation box on the left. Change the hex value above to the hex value for the color of the current year.*/
font-color: #FFFFFF;
letter-spacing: .8px;
}

#sponsor {
color: #FFFFFF;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: .8em;
}

td.body {
color: #000000;
background-color: #CCCCCC;
letter-spacing: .5px;
}

td.body a:link, a:visited, a:active {
color: #990000;
/*This is the color for the links in the white text box. Change the hex value above to a hex value for a darker shade of the color for the current year.*/
text-decoration: none;
}

td.body a:hover {
color: #FFFF33;
text-decoration: none;
}

td.body table {
color: #000000;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: .9em;
}