/* $Id: //depot/home/saksoy/public_html/main_style.css#4 $ */

/* Global definitions */
* {
    font-family: verdana, arial, helvetica, sans-serif;
    border-color: #336699;
    color: #000033;
}

/* Body */
body {
    margin: 0.4em 0.4em 0.4em 0.4em;
    padding: 0em;
    border: 2px solid;
    font-size: 90%;
}

/* Main section */
div#main {
    background-color: #c0d4ee;
}

/* Header section */
div#header {
    margin: 0em 0em 0em 10em;
    padding: 1.6em 0.4em 1em 0.4em;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    text-align: left;
}
div#header div.title {
    margin: 0em;
    padding: 0em;
    font-size: 190%;
    font-weight: bold;
    color: #003366;
}

/* Announcements section */
div#announcements {
    clear: right;
    float: right;
    width: 21em;
    margin: 0em 0em 0.5em 0.5em; /* 0.4em x 100/80 = 0.5em */
    padding: 0.5em 0.5em 0.5em 0.5em;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    font-size: 80%;
    background-color: #c0d4ee;
    text-align: left;
}
div#announcements h1 {
    margin: 0.6em 0em 0em 0em; /* 0.2em x 100/80/120 = 0.2em */
    padding: 0em;
    font-size: 120%;
    background: transparent;
}
div#announcements a:hover {
    background-color: #f0f0f0;
    color: #cc0033;
    text-decoration: underline;
}

/* Content section */
div#content {
    margin: 0em 0em 0em 10em;
    padding: 0.4em 0.4em 0.4em 0.6em;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 2px solid;
    background-color: #f0f0f0;
    text-align: justify;
}

/* Navigation section */
div#navigation {
    position: absolute;
    top: 0.6em;
    left: 0.6em;
    width: 9.2em;
    margin: 0em;
    padding: 0.6em 0.4em 0.4em 0.4em;
    text-align: center;
}
div#navigation ul.navigation {
    margin: 0.2em 0em 0em 0em;
    padding: 0em;
    font-size: 120%;
    font-weight: bold;
    list-style-type: none;
}
div#navigation a.navigation {
    display: block;
    width: 7.6em; /* 9.2em x 100/120 = 7.6em */
    margin: 0em;
    padding: 0.3em 0em 0.3em 0em; /* 0.4em x 100/120 = 0.3em */
}
div#navigation,
div#navigation a.navigation:link,
div#navigation a.navigation:visited {
    color: #003366;
}
div#navigation a.navigation:hover {
    background-color: #f0f0f0;
    color: #cc0033;
    text-decoration: underline;
}

/* Footer section */
div#footer {
    clear: both;
    margin: 0em 0em 0em 10em;
    padding: 0.4em 0.4em 0.4em 0.4em;
    border-top: 2px solid;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 2px solid;
    text-align: center;
}

/* Headings */
h1 {
    margin: 1.12em 0em 0.48em -0.16em; /* 0.2em x 100/125 = 0.16em */
    padding: 0.5em 0.16em 0.16em 0.16em; /* 0.6em x 100/125 = 0.5 */
    font-size: 125%;
    /* background-color: #ffe4e1; */
    /* background-color: #e1ebff; */
    background-color: #eee4de;
    overflow: hidden;
}
h2 {
    margin: 0.57em 0em 0em 0em; /* 0.2em x 100/105 = 0.19em */
    padding: 0em;
    font-size: 105%;
}
h3 {
    margin: 0.4em 0em 0em 0em;
    padding: 0em;
    font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
    color: #003366;
}
div.subheading {
    font-style: italic;
    font-weight: bold;
    color: #483d8b;
}

/* Global links */
a {
    color: inherit;
    text-decoration: none;
}
a:link {
    color: #3333ff;
}
a:visited {
    color: #336699;
}
a:hover {
    background-color: #c0d4ee;
    color: #cc0033;
    text-decoration: underline;
}

/* Paragraph */
p {
    margin: 0.8em 0em 0.8em 0em;
    padding: 0em;
}

/* Table cells */
th.vtop, td.vtop {
    vertical-align: text-top;
}
th.center, td.center {
    text-align: center;
    vertical-align: middle;
}

/* Emphasized text */
span.emph {
    font-weight: bold;
    color: #ff0000;
}

/* Spacer */
br.spacer {
    margin: 0.4em 0em 0.4em 0em;
    padding: 0em;
}

/* Horizontal rule */
hr.separator {
    margin: 1.2em 0em 0.8em 0em;
    padding: 0em;
    border: 1px solid;
}

/* New line */
.clearboth {
    clear: both;
}

/* Logo section */
div#content div#logo-left {
    float: left;
    width: 50%;
    margin: 0px;
    padding: 0px;
    text-align: left;
}
div#content div#logo-right {
    float: right;
    width: 50%;
    margin: 0px;
    padding: 0px;
    text-align: right;
}
div#content div#logo-left img,
div#content div#logo-right img {
    height: 3.5em;
    margin: 0em 0.2em 0em 0.2em;
    padding: 0em;
    border: 0px;
}
div#content div#logo-left a:hover,
div#content div#logo-right a:hover {
    background-color: #f0f0f0;
}