* { margin: 0; padding: 0; }

html, body { margin: 0; padding: 0; height: 100%; }

body { background: #edf2f9; }

#container { width: 1000px; margin: 0 auto; background: #fff; min-height: 100%; 
             height: auto !important; height: 100%; position: relative; }

#header { height: 166px; padding: 0; background: #4872a8; position: relative; }

#header h1 { margin: 0; padding: 0; position: absolute; top: 26px; right: 36px;
             width: 243px; height: 109px; background: url(../images/logo.png); 
             overflow: hidden; }

#header ul { position: absolute; margin: 0; padding: 0; bottom: -23px;
             left: 0px; z-index: 50; }

#header ul li { float: left; list-style: none; margin-left: 26px;
                height: 62px; overflow: hidden; line-height: 2.2em;
                display: inline; width: auto;
                background: url(../images/menu-item-bg.png) repeat-x; }

#header ul li.spyrecms-content-menu-selected { 
                        background: url(../images/menu-item-bg-selected.png); }

#header ul li a { display: block; padding: 5px 10px; }

#header ul li.spyrecms-content-menu-selected a { color: #4872a8; 
           background: url(../images/menu-item-bg-selected-right.png) no-repeat right top; }

#feature { height: 189px; background: url(../images/feature-bg.png) repeat-x bottom; 
           position: relative; z-index: 10; }

#feature p { display: block; height: 160px; width: 100%; position: absolute; top: 16px; }

#feature.committee p { background: url(../images/feature-committee.png); } 

#feature.open-source p { background: url(../images/feature-open-source.png); } 

#feature.events p { background: url(../images/feature-events.png); } 

#feature.about-us p { background: url(../images/feature-about-us.png); } 

#content { margin-top: 20px; margin-bottom: 40px; padding: 1em 2.2em; }
#contentleft { background: #fff; float: left; margin-top: 20px; margin-bottom: 40px; width: 460px; padding: 1em 20px; }
#contentright { background: #fff; float: left; margin-top: 20px; margin-bottom: 40px; width: 460px; padding: 1em 20px; }

#main-content { width: 590px; float: left; padding-right: 20px;
                border-right: 1px solid #bbb; }

#sub-content { width: 240px; margin-left: 20px; float: left; }

#body { padding-bottom: 40px; }

#footerb { position: relative; top: 20px; background: #4872a8; color: #fff; text-align: center; 
          clear: both; padding: 20px 0; height: 40px; margin: 0; }

#footer { clear: both; background: #4872a8; color: #fff; text-align: center; 
          width: 100%; padding: 20px 0; height: 40px; margin: 0; }

#footer a { color: #d6e4f7; }

ul#committee { width: 460px; margin: 0; font-size: 1.1em; }

ul#committee li { display: block; margin-top: 30px; position: relative; margin-bottom: 5em; }

ul#committee li img { float: left; border: 2px solid #ddd; margin-right: 10px;
                      margin-bottom: 6px; }

ul#committee li p { margin-left: 230px; position: absolute; top: 0; float: left; width: 230px; font-size: 0.8em;}

ul#committee li .strapline { margin-left: 64px; }

ul#committee li .heading { font-weight: bold; }

.strapline { color: #000; }

span.strapline { display: block; clear: right; margin-bottom: 5px; }

p img {
    border: 2px solid #ddd;
    margin: 0 10px 10px 0;
}