﻿body     
{
    background-color: #B4AF91;/* #FDFDDD; */
    font-family: Arial, Serif;
    text-align: center;
    margin: 0;
}
#outer
{
    width: 950px;
    /* margin:1em auto; */
    border: 1px solid #000;
    text-align:left;
    margin-left: auto;
    margin-right: auto;
    background: url(../images/common/bg.gif) top left repeat-y;
}
#header     
{
    padding: 0px;    
    margin: 0px;
    height: 100px;
    /* border-bottom: 1px solid #000; */
    background-color: #A7C672; /* #7B0000; */
    background-image: url(../images/common/bg.jpg);
}
#nav
{
    height: 26px;
    padding-left: 20px;
    background-color: #F3FEBD;
    font-size: 80%;
    background-image: url(../images/common/bg_nav.jpg);
    line-height: 1.75em;
    font-weight: bold;
}
#contentContainer {width: 950px;}
#leftSide
{
    float: left;
    width: 200px;
    padding: 20px 0 0 10px;
    font-size: 80%;
    font-family: Verdana;
    line-height: 200%;
}

#leftSide .whatsNew
{
    width: 180px;
    font-size: 90%;
    line-height: 1em;
    padding-bottom: 20px;
    padding-top: 10px;
}

#main {float: left; width: 710px; padding: 25px 10px 30px 10px; color: #222; font-size: 80%;}

#footer     
{
    margin: 0px;
    font-size: 75%;
    text-align: center;
    color: #EBF1E2;
    border-top: 1px solid #000000;
    clear: both;
    height: 20px;
    background-color: #556B2F;
    font-family: Arial, Sans-Serif;
    line-height: 1.5em;
}

#copyright {color: #333; padding-top: 10px; font-size: 75%; font-family: Arial, Sans-Serif; }

#copyright a {text-decoration: underline; }
#copyright a:link {color: #333; }
#copyright a:visited {color: #333; }
#copyright a:active {color: #333; }
#copyright a:hover {color: #c03000; }

A {text-decoration: none;}
A:link {color: #556128;}
A:visited {color: #556128;}
A:active {color: #556128;}
A:hover {color: #C03000;}

h1 {font-size: 140%; font-weight: bold; color: #BF5C3A; }
h2 {font-size: 110%; font-weight: bold; color: #6B8E23; font-style: italic; }

.staticMenuItem { padding: 0 20px 0 0; }

#nav a {font-family: Arial; letter-spacing: 0em;}
#nav a:link {color: #EBF1E2; }
#nav a:visited {color: #EBF1E2; }
#nav a:active {color: #EBF1E2; }
#nav a:hover {color: #FFF; }

#main a {font-weight: bold; text-decoration: underline;}

img.whatsNew { padding-bottom: 10px; }

ol li {padding-bottom: 1em;}

.dynamicMenu {margin: 4px 0 0 -4px; line-height: 1em; }

.dynamicMenuItem
{
    background-color: #556B2F;
    border-bottom: solid 1px #334515;
    border-left: solid 1px #334515;
    border-right: solid 1px #334515;
    font-weight: normal;
}

.miscHeader { font-weight: bold; color: #c30; }
.footerText { padding-right: 120px; }
.meetingRoomHeader { font-size: 1.1em; border: 1px solid #000; background-color: #556B2F; color: #E5ECD9; }
.meeting { font-size: .8em; border: 1px solid #360; background-color: #eee; margin-bottom: 2px;}
.meeting .time {font-weight: bold; font-size: 1.1em;}
.room1028 {background-color: #f3b7da;}
.room1034 {background-color: #b7d5f3;}
.room1037 {background-color: #e0ffb0;}
.legend {border: 1px solid #000; width: 16px; height: 16px;}

#nav .dynamicMenuItem a{padding: 4px; margin: 0; width: 100%; line-height: 100%; display: block;}

/* hack for IE */ 
/* * html .dynamicMenuItem a{width: 100%; height: 100%; display: block;} */

#nav .dynamicMenuItem a:hover {color: #334515; background-color: #D4E3B9; }
#nav .dynamicMenuItemHover { background-color: #D4E3B9; }

#main table {border-collapse: collapse;}

#main td {vertical-align: top; padding-bottom: 5px;}

#main tr.alt {background-color: #e8e8e8;}

ul.paddedList li {padding-bottom: 10px;}
ul.paddedList li ul {padding-top: 10px;}