*
{
    font-family: Garamond, 'Times New Roman', serif;
    font-size: 13pt;
    color: white;
}

html,
body
{
    margin: 0;
    padding: 0;
    background-color: white;
}

h1, h2 ,h3, h4, h5, h6
{
    margin: 0 0 10pt 0;
}

h1
{
    font-size: 16pt;
}

h2
{
    font-size: 15pt;
}

p, li
{
    margin: 0 0 1em 0;
}

ul, ol
{
    margin: 0 0 1em 21px;
    padding: 0;
}

a
{
    color: white;
}

a img
{
    border: none;
}

a:hover,
a:active,
a:focus
{
    color: #4f5556;
}

.clear
{
    clear: both;
}

/* Lay out */
#container
{
    width: 750px;
    margin: 0 auto 20px auto;
    padding: 10px 0;
    background-color: #002E40;
}

#main
{
    float: right;
    width: 550px;
}

#navigation
{
    float: left;
    margin-right: -5px;
    width: 205px;
}

#footer
{
    clear: both;
    width: 100%;
}

/* Header */
#header h1
{
    margin          : 10px 10px 10px 210px;
}

#header #photos
{
    width           : 412px;
    height          : 61px;
    margin          : 5px 5px 5px 210px;
}

#header #photos img
{
    display         : block;
    float           : left;
}

/* Content */
#main .content
{
    margin: 10px;
    min-height: 300px;
}

/* for Internet Explorer, a fake min-height trick */
/*\*/
* html #main .content {
    height: 300px;
}
/**/

#main p
{
    line-height     : 1.4;
}


/* navigation menu */

#navigation ul
{
    list-style-type : none;
    margin          : 10px;
    padding         : 0;
}

#navigation li
{
    margin          : 0 0 5px 0;
    padding         : 0;
    height          : 21px;
    font-weight     : bold;
}

#navigation a
{
    text-decoration : none;
}

#navigation a:hover,
#navigation a:active,
#navigation a:focus
{
    color           : #4f5556;
}

#navigation img
{
    margin-right    : 10px;
    display: inline;
    position: relative;
    top: 5px;
}

/* footer with copyrigth statement */
#footer .content
{
    margin          : 10px 10px 10px 10px;
}

#extra
{
    float: left;
    width: 200px;
}

#extra ul
{
    list-style-type : none;
    margin          : 0 10px 0 35px;
    padding         : 0;
}

#extra p
{
    font-size       : 10pt;
    margin          : 0;
    padding         : 0;
}

#extra a
{
    vertical-align  : top;
    display         : block;
    text-decoration : none;
    font-size: 9pt;
    margin: 0 0 7px 0;
}

#extra a:hover,
#extra a:active,
#extra a:focus
{
    color           : #4f5556;
}

#disciplines
{
    width: 419px;
    margin-right: 111px;
    float: right;
}

#disciplines p
{
    margin: 1em 0 0 0;
    text-align: center;
}

ul#cms_messages
{
    width: 370px;
    background-color: #BAB8CD;
    border: solid 1px black;
}

ul#cms_messages li 
{
    list-style: none;
    color: #002E40;
    font-size: 14pt;
    margin: 2px;
    text-align: center;
    font-weight: bold;
}