body {
    background-color: #FFAB00;
}
#wrapper {
    background-image: url("../images/background.jpg");
    height: 600px;
    width: 800px;
    position: relative;
    margin: auto;
    text-align: center;
}
#mainmenu {
    position: absolute;
    left: 0px;
    top: 50px;
    width: 240px;
    height: 600px;
}
.mainmenuitem {
    display: block;
    background-image: url("../images/menuitem.png");
    background-repeat: no-repeat;
    width: 210px;
    height: 50px;
    line-height: 44px;
    text-decoration: none;
    color: #FEF0C0;
    font-family: sans-serif;
    font-size: 14pt;
    text-align: left;
    margin-left: 16px;
    margin-bottom: 6px;
}
.mainmenuitem a {
    margin-left: 6px;
    padding-left: 10px;
}
a.mainmenuitem:hover {
    color: #3F8560;
}
#logoandtitle {
    position: absolute;
    left: 260px;
    top: 12px;
    height: 160px;
    
}
#logosmall {
    position: absolute;
    left: 0px;
    top: 50px;
}
#guildname {
    position: absolute;
    left: 90px;
    top: 80px;
    width: 300px;
    font-family: sans-serif;
    font-size: 14pt;
    font-weight: bold;
    color: white;
    text-align: left;
}
#pagetitle {
    position: absolute;
    left: 90px;
    top: 110px;
    width: 300px;
    font-family: sans-serif;
    font-size: 14pt;
    font-weight: bold;
    text-align: left;
}
#lefttitle {
    color: #463292;
}
#midtitle {
    color: #81C94D;
}
#righttitle {
    color: #3F8560;
}
#content {
    position: absolute;
    left: 260px;
    top: 180px;
    width: 450px;
    text-align: left;
    font-family: sans-serif;
} /* Arial Light, Gill Sans, Skia */
#content li {
    
}
#content a {
    display: block;
    text-decoration: none;
    line-height: 44px;
    color: black;
}
#content a:hover {
    color: #3F8560;
}
#contenthome {
    position: absolute;
    left: 260px;
    top: 170px;
}
.dkgreen {
    color: #3F8560;
}

/* board.css */
ul.boardmemberlist {
    margin-left: 0;
    margin-bottom: 14px;
    font-size: 14pt;
}
li.boardmember {
    list-style: none;
    margin-left: 6px;
    margin-bottom: 0;
    font-size: 12pt;
}

/* meetings.css */
#meetingaddress {
    color: #463292;
}

/* members.css */
/*
<div id="memberapplicationlinks">
    <div id="memberappicon">
        <a href="SAG MemberApp09.pdf" class="memberappicon" target="_new">
            <img src="images/memberappicon.png" class="memberapp"/>
        </a>
    </div>
    <div id="memberapptext">
        <div id="memberapplabel">Click on this Application Icon for a printable pdf</div>
        <div id="memberapptextlink">
            <a href="SAG MemberApp09.pdf" class="memberapptext" target="_new">
                Membership Application Form
            </a>
        </div>
    </div>
</div>
*/
#memberapplicationlinks {
    position: relative;
    height: 80px;
}
#memberappicon {
    position: absolute;
}
#memberapptext {
    position: absolute;
    left: 60px;
}
a.memberappicon, img.memberapp  {
    border: 0;
}
.membercategory {
    position: relative;
    width: 100%;
}
.membercategorylabel {
    display: inline;
    position: relative;
    left: 0px;
    color: #463292; /*purple*/
    margin-bottom: 0;
}
.membercategoryprice {
    display: inline;
    position: absolute;
    left: 160px;
    color: #3F8560; /*green*/
    margin-bottom: 0;
}
.membercategorylist {
    margin-bottom: 18px;
}
a.memberapptext {
    
}
#memberapplabel {
    
}

/* events.css */
/*
<div class="event">
    <div class="eventdate">March 3,</div>
    <div class="eventtitle">Guild Meeting, 6:00pm Board, 7:30 General Membership</div>
    <div class="eventaddress">80 Ferry Blvd., Stratford. Roger Salls Photography Studio</div>
</div>
<div class="event">
    <a href="?event_artsfest">
        <div class="eventdate">August 28-30</div>
        <div class="eventtitle">Arts Festival at Shakespeare Theatre grounds.</div>
        <div class="eventaddress">Guild Exhibits and performances.</div>
    </a>
</div>
*/
div.event a div.eventdate {
}
div.event a div.eventtitle {
    margin-bottom: -20px;
    padding-bottom: 0px;
}
div.event a div.eventaddress {
    margin-top: 0px;
    padding-top: 0px;
}
div.event a div.eventnotes {
    margin-top: 6px;
    padding-top: 6px;
}
div.event {
    position: relative;
    margin-bottom: 12px;
}
a div.eventdate {
    position: absolute;
}
a div.eventtitle {
    position: relative;
    left: 110px;
}
a div.eventaddress {
    position: relative;
    left: 110px;
}
a div.eventnotes {
    position: relative;
    left: 110px;
    line-height: 18pt;
    margin-top: 12px;
}
div.eventdate {
    position: absolute;
}
div.eventtitle, div.eventaddress {
    margin-top: 0px;
    padding-top: 0px;
    position: relative;
    left: 110px;
}
div.eventnotes {
    margin-top: 12px;
    padding-top: 12px;
    position: relative;
    left: 110px;
}
#eventpage {
    position: relative;
    top: -120px;
}
#eventpage a img {
    border: 0;
    position: relative;
    left: -80px;
}
#eventtext {
    position: relative;
    top: -120px;
    text-align: left;
}
#eventtext {
    font-family: Mission, Verdana, sans-serif;
}
#eventtext h1 {
    color: white;
    font-size: 18pt;
    margin-left: -12px;
}
#eventtext ul {
    color: black;
    font-weight: bold;
    margin-left: -42px;
}
#eventtext li {
    font-size: 9pt;
    margin-bottom: 6px;
}
a.eventlink {
    display: block;
    text-decoration: none;
    color: white;
}
a.eventlink:hover {
    color: #3F8560;
}