GOC335 layout.css

/* Common HTML elements and general constructs */
body {
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    font-size: medium;
    background-color: #ceddee;
    color: #000;
    margin: 0;
    padding: 0;
}
img {
    border: none;
}
a:link {
    color: #3b79bd;
}
a:visited {
    color: #22466e;
}
a:link:hover, a:visited:hover {
    color: #1578ff;
}
strong, .strong {
    font-weight: bold;
}
small .small {
    font-size: 70%;
}
code, .code {
    font-family: Consolas, Courier New, Courier, monospace;
    font-size: 100%;
}
.l {
    text-align: left !important;
}
.r {
    text-align: right !important;
}
.c {
    text-align: center !important;
}
.j {
    text-align: justify !important;
}
.nobr {
    white-space: nowrap;
}
h1 {
    font-size: 160%;
    font-weight: normal !important;
}
h2 {
    font-size: 150%;
    font-weight: normal;
}
h1#title {
    margin: -22px -22px 25px -22px;
    padding: .1ex .5ex;
}


/* Main wireframe styling */
#header {
    background-color: #fff;
    padding: 0 50px;
}
#header .inner {
    margin: 0 auto;
    padding: 25px 0;
    max-width: 1200px;
}
#body {
    padding: 25px 50px 15px 50px;
    margin: 0 auto;
    max-width: 1200px;
}
#menu {
    width: 260px;
    float: left;
}
#menu dt {
    font-weight: bold;
}
#menu dd {
    font-size: 80%;
}
#main {
    margin-left: 275px;
}
#main .inner {
    width: 100%;
    float: right;
    font-size: 90%;
}
#main #pagebox {
    padding: 25px;
}
#footer {
    clear: both;
    padding: 10px 50px 25px 50px;
    margin: 0 auto;
    max-width: 1200px;
    font-size: 70%;
    text-transform: uppercase;
    color: #3b79bd;
}
#footer span {
    background-image: url(Images/SquareBlue.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0 4px 0 12px;
}

/* Menu styling */
#menu ul {
    margin: 0;
    padding: 0;
}
#menu ul li {
    margin-left: 12px;
    padding: 0;
    list-style-image: url(Images/SquareBlue.png);
}

/* Attendee list */
table.attendeelist {
    border: none;
    border-collapse: collapse;
}
table.attendeelist th {
    border: none;
    width: 50px;
    height: 50px;
    padding: 0 1ex 1ex 0;
}
table.attendeelist th img {
    display: block;
}
table.attendeelist td {
    border: none;
    vertical-align: top;
}

/* Event registration */
.eventreg {
    background-color: #ceddee;
    padding: 2ex;
    border: 1px solid #3b79bd;
    margin-top: 1em;
}
.eventreg h2 {
    color: #3b79bd;
    margin: 0 0 1ex 0;
}
.eventreg p.buttons {
    margin-bottom: 0;
}