body {
        margin:0;
        padding:0;
        font-size:12px;
        background-color:#ffffff;
        font-family:Arial, Helvetica, sans-serif;
}

div#outer {
        width:800px;
        margin:15px auto 10px auto;
        padding:0px;
        border:0px solid green;
}

div#header {
        margin:0;
        padding:0;
        height:142px;
        border:0px solid black;
}

div#nav {
        margin:0;
        padding:4px 0 4px 0;
        height:22px;
        color:#ffffff;
        font-size:10pt;
        font-weight:bold;
        background-color:#969689;
        border:0px solid blue;
}
div#nav ul {
        margin:0;
        padding:3px 0 0 22px;
}
div#nav li {
        display:inline;
        list-style-type:none;
}
div#nav li a {
        color:#ffffff;
        text-decoration:none;
}
div#nav li a:hover {
        color:#f9a44d;
}
div#nav span {
        font-size:14px;
        font-weight:normal;
        padding:0 19px 0 19px;
}

/* main content */

div#main {
        margin:0;
        padding:0 0 4px 0;
        border:0px solid red;
}

.err { color:#ff4433; }

.px100 { width:100px; float:left; }
.floatLeft { float:left; }
.floatRight { float:right; }
.clear { clear:both; }


/* footer */

div#footer {
        margin:0;
        padding:4px 0 4px 0;
        color:#ffffff;
        font-size:20px;
        text-align:center;
        background-color:#969689;
        border:0px solid green;
}
div#footer a {
        color:#ffffff;
        font-size:14px;
        text-decoration:none;
}
div#footer a:hover {
        color:#f9a44d;
}

/* forms */
form {
        margin:0;
        padding:0;
        font-size:12px;
        text-align:left;
}
form fieldset { margin:0 4px 0 4px; }
form label {
        width:200px;
        float:left;
        text-align:right;
        margin:4px 0 0 6px;
        padding:0;
}
form input, select, textarea {
        margin:4px 0 0 6px;
}
form#float { float:left; }

form#detail fieldset { float:left; width:380px; }
form#detail label { width:140px; }

.required { font-weight:bold; }

/* tables */

table { border-style:collapse; margin:0 padding:0 }
table th { background-color:#000088; color:white; font-weight:normal; }

.left { text-align:left; }
.right { text-align:right; }
.centre { text-align:center; }
.boldLeft  { text-align:left; font-weight:bold; }
.boldRight { text-align:right; font-weight:bold; }
.rowCol1 { background-color:#ffff00; }
.rowCol2 { background-color:#00ffff; }

/* calendar */

div#calendarWrap { width:600px; margin:20px auto 0 auto; }
.calendar { float:left; margin:10px 0 10px 20px; }
.calendar-month { padding:4px 0 4px 0; background-color:#00ffff; }
.day-free { background-color:#89ff89; }
.day-clash { background-color:#ff8800; }
.day-took { background-color:#ff4949; }
b.title2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: Gray;
}