/* Cara Tang, July-September 2014 */

/*
.box {
    border: solid 2px #800000;
    float: left;
    padding-left: 5px;
    padding-right: 4px;
}
*/

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    margin: 0px;
    background-color: #E7DDA5;
}

/*************** topbar *****************/
#topbar {
    background-color: #333333;
    color: #DDDDDD;
    padding: 8px 100px; /* top&bottom left&right */
}

#topbar h1 {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 2.5em;
    margin: 0px;
}

#topbar h2 {
    color: #BBBBBB;
    font-weight: normal;
    font-style: italic;
    font-size: 1em;
    margin: 0px;
}

#topbar h3 {
    color: #F0F0F0;
    font-weight: bold;
    font-size: 1em;
    margin: 0px;
}

#topbar a {
    color: #5555FF;
}

/*************** menu *****************/
#menu ul {
    /*list-style-type: none;*/ /* don't need. display:inline removes bullets*/
    padding-left: 0;
    padding-top: 10px;
    margin-bottom: 2px;
}

#menu li {
    display: inline;
}

#menu a {
    color: #FFFFFF;
    background-color: #424242;
    border-width: 2px;
    border-style: solid;
    border-color: #1352A2;
    padding: 4px 12px; /* top&bottom left&right */
    margin-right: 2px;
    text-decoration: none;
}

#menu li.active a {
    border-width: 4px 4px 4px 4px; /* top right bottom left */
    /*border-width: 2px 2px 7px 2px; /* top right bottom left */
}

#menu a:hover {
    background-color: #3372A2;
}

/*************** main *****************/
#main {
    margin: 0px;
    background-color: #E7DDA5;
    color: black;
    padding: 8px 100px; /* top&bottom left&right */
}

#main h2 {
    margin: 0px;
}

#main th.sechead {
    color: #FFFFFF;
    background-color: #3372A2;
    padding: 1px;
    text-align: center;
}

#main td, th {
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    padding: 5px;
    text-align: left;
}

#main table {
    border-collapse: collapse;
}

#main .highlight {
    font-weight: bold;
    /*color: #135292;*/
    /*color: #074282;*/
}

/*************** tabs *****************/
.tab {
    display: none;
}

.tab.active {
    display: block;
}