@charset "UTF-8";
* {
margin: 0;
padding: 0;
}
body {
background: #666666;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
background-color: #C5D7D0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
}
#container {
width: 780px;
*width: 786px;
text-align: left; /* this overrides the text-align: center on the body element. */
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: #C5D7D0;
background-image: url(../images/backgroundStrip.jpg);
background-repeat: repeat-y;
background-position: 0px 130px;
}
#header {
background-color: #C5D7D0;
height: 97px;
width: 780px;
}
#header h1 {
padding-top: 14px;
padding-right: 0px;
}
#sidebar1 {
float: right; /* since this element is floated, a width must be given */
width: 234px;
color: #336699;
padding-right: 40px;
padding-left: 10px;
z-index: 2;
}
#sidebar1 h3 {
font-family: "Courier New", Courier, monospace;
font-size: 1.5em;
font-weight: bold;
}
#sidebar1 img {
margin-top: 10px;
}
#mainContent {
width: 434px;
padding-right: 20px;
padding-left: 30px;
z-index: 1;
}
#mainContent h1 {
padding-bottom: 0.5em;
}
#mainContent h2 {
padding-top: 0.75em;
}
#mainContent img {
margin-bottom: 5px;
}
#venueInformation {
width: 90%;
margin-top: 20px;
padding-top: 50px;
padding-right: 15px;
padding-left: 20px;
padding-bottom: 10px;
background-image: url(../images/subhead_VenueInformation.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
}
#lodgingPrice {
width: 90%;
padding: 10px;
border-style: solid;
border-width: 1px;
border-color: #9A562F;
float: right;
}
#sampleItinerary {
background-color:#D4CC36;
width: 90%;
margin-top: 20px;
padding-top: 50px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
border-style: dashed;
border-width: 1px;
border-color: #9A562F;
background-image: url(../images/subhead_SampleItinerary.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
}
#footer {
background-color: #C5D7D0;
background-image: url(../images/footer.jpg);
height: 89px;
}
#footer img {
padding-top: 28px;
padding-left: 0px;
}
.borderCollapse {
border-collapse: collapse;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.redParagraph {
color:#9A562F;
}
.style18 {
font-family:Arial, Helvetica, sans-serif;
}
.eventDate {
font-family:Arial, Helvetica, sans-serif;
font-size:1.35em;
font-weight:bold;
color:#9A562F;
padding-top:0;
margin-top:0;
margin-bottom:5px;
}
.eventMasthead {
margin-bottom:0;
}
h1 {
font-family: "Courier New", Courier, monospace;
font-size: 2.25em;
color: #428354;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #000000;
}
h3 {
font-family: "Courier New", Courier, monospace;
font-size: 1.5em;
color: #336699;
font-weight: bold;
}
#apDiv2 {
position:relative;
width:255px;
height:25px;
z-index:1;
float: right;
top: -28px;
padding-right: 35px;
}
#apDiv3 {
position:relative;
top:-6px;
width:780px;
height:20px;
z-index:3;
float: none;
}