@charset "UTF-8";
/* CSS Document */

* {text-decoration: none; text-align: left; text-indent: 0; margin: 0px; padding: 0px;}

body {
	background-color: #000;
	background-image: url(images/bg-body.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	line-height: 150%;
}
	
td {vertical-align: top;}
ul {list-style-type: none;}	
img {border: none;}
#clear {clear: both; margin: 0px}
.hr {border: 0 #d8d5b4 solid; border-top: 1px solid #d8d5b4; border-bottom: 1px solid #fff; clear: both; height: 0; margin: 20px 0px 20px 0px;}
p {margin: 0px 0px 12px 0px;}

/* - - - - - - - - -  HTML ELEMENTS - - - - - - - - -  */
h1 {margin: 0px 0px 10px 0px; font-size: 24px; font-weight: normal; color: #624104; font-style: italic; line-height: 130%;}
h2 {margin: 0px 0px 10px 0px; font-weight: normal; color: #624104;}
h3 {margin: 10px 0px 5px 0px; color: #000;}

a:link {color: #4f6f18;} a:visited {color: #4f6f18;} a:hover {color: #000;} a:active {text-decoration: none;} a:focus {outline: none;}
.underline {text-decoration: underline;}

/* - - - - - - - - -  STRUCTURE - - - - - - - - -  */
#wrapper {width: 938px; margin: 0px auto; position: relative; background-image: url(images/bg-wrapper.gif); background-repeat: no-repeat;}

#left {float: left; display: inline; width: 333px;}
#logo {width: 333; margin: 35px 0px 20px 0px;}
.date {text-transform: uppercase; font-size: 14px; text-align: center; color: #fff; padding: 10px 0px 0px 0px;}

.intro {text-transform: uppercase; font-size: 14px; color: #fff; padding: 10px 0px 0px 0px;}
.subhead {font-size: 16px; line-height: 140%; color: #fff; font-weight: bold; padding: 5px 0px 0px 0px;}

.bullets {list-style-type: none; color: #fff;}
.bullets li {background: url(images/bullet.gif) no-repeat 0 3px; padding-left: 15px; margin-bottom: 2px;}

#navigation {font-size: 11px; color: #85422b; background-image: url(images/bg-navigation.png); background-repeat: no-repeat; background-position: left top; height: 37px; width: 548px;}
#navigation p {padding: 10px 0px 0px 15px;}
#navigation a {color: #fff; padding: 0px 10px 0px 12px;}
#navigation a:hover {color: #ddbc7a;}

#contentwrapper {background-color: #fafaf0; background-image: url(images/bg-contentwrapper.jpg); background-repeat: no-repeat; background-position: bottom;}

#content {float: right; display: inline; width: 548px;}

#homepage {color: #fff; margin-left: 15px;}
#homepage p {margin: 10px 0px 12px 0px;}

#insidepageswrapper {margin: 0px 10px 0px 10px; background-color: #fff; background-image: url(images/bg-inside.jpg); background-repeat: repeat-x;}

#philharmonics {float: left; display: inline; width: 240px; margin: 0px 20px 20px 0px;}
#pops {float: right; display: inline; width: 180px; margin: 0px 0px 20px 0px;}

.designers {list-style-type: none; color: #555;}
.designers li {background: url(images/bullet.gif) no-repeat 0 3px; padding-left: 15px; margin-bottom: 5px;}

.events {list-style-type: none; color: #555;}
.events li {background: url(images/bullet.gif) no-repeat 0 3px; padding-left: 15px; margin-bottom: 2px;}

#insidepages {padding: 10px 40px 0px 40px;}
#insidepages .intro {text-transform: uppercase; font-size: 14px; color: #000; padding: 10px 0px 0px 0px;}
#insidepages p {margin: 0px 0px 14px 0px; line-height: 150%;}

#sponsors {margin: 10px 0px 0px 0px;}

#design {float: right; display: inline; font-size: 10px; padding: 40px 0px 20px 0px;}
#design a {color: #444}
#design a:hover {color: #555;}