
* {
    margin: 0;
    padding: 0;
}

body {
    margin-top: 1.5em; /*40px;*/
    background-color: #C2D1FF;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    color: black;
}

ul {
    margin-bottom: 2em;
}


p {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}


ul, ol, li {
    list-style: none;
    padding-top: 0.5em;
}

#content li {
    list-style-type: square;
    margin-left: 1.3em;
}

.minilist, .minilist li {
	list-style: none;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

.minilist li {
	margin-top: 0pt;
	margin-bottom: 0pt;
}

.minilist {
	margin-top: -0.8em;
}

.inverse {
    color: #C2D1FF;
    background-color: black;
}

.inverse a,
.inverse a:link,
.inverse a:visited,
.inverse a:hover {
    color: black;
}

.image {
    background-color:white;
    margin: 5px;
    padding: 5px;
}

/*********/
/* LINKS */
/*********/
a {
    text-decoration: underline;
    color: black;
}

a:hover {
    text-decoration: none;
    color: #838383;
}

img {
    border: none;
}

/************/
/* HEADINGS */
/************/

h1, h2, h3, h4 {
    color: black;
    padding: 4px 2em 4px 0px;
    margin: 5px 0px 0em 0px;
    text-align: left;
}

h1 {
}

h2 {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

h3 {
    padding-top: 1em;
    margin-bottom: 0px;
}

h4 {
    padding-top: 1em;
    padding-bottom: 0px;
}


/****************/
/* MATH CLASSES */
/****************/

.overline {
  text-decoration: overline;
}

.math {
    font-style: italic;
}

.nomath {
    font-style: normal;
}

DIV.math {
    text-align: center;
}

.math TABLE {
    text-align: left;
}

.fraction {
    text-align: center;
    border-top: solid 1pt black;
}

/**********/
/* ALIGNS */
/**********/

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.leftfloat {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.rightfloat {
    float: right;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.clearfloat {
    clear: both;
}

hr {
    border: 0;
    border-top: 1px solid #252726;
    margin: 1.5em 0 1em 0;
}

div.rightpanel {
        float: right;
        width: 18em;
        padding: 1em 1em;
        margin: 0 -1em 0 1em;

        border: 0px red solid;

        background-color: #A4BAFF;
}
div.rightpanel h2 {
        font-size: 100%;
        font-weight: bold;
        margin: 0;
        padding: 0;
        text-align: center;
}
div.rightpanel div.news_head {
        border-bottom: 1px black solid;
}
div.rightpanel div.news_body {
        margin-bottom: 1.5em;
        font-size: 80%;
}


#rightpanel p {
    margin-top: 0.1em;
    margin-left: 1.5em;
}

#rightpanel li {
    list-style-type: none;
    margin-left: 0;
}

pre {
    margin: 0.2em 1em 0.2em 1em;
    padding: 0.3em;
    background-color: #111111;
}

.leftlined {
    padding-left: 0.6ex;
    position: relative;
    left: -1ex;
    top: 0;
    border-left: 0.4ex solid #4a4e4c;
}

.boxed {
    padding-top: 3pt;
    padding-bottom: 3pt;
    border: 1px solid #4a4e4c;
}

div#engstudy {
    padding:  0 0 0 0;
    margin: 0 -1em 0 1em;
    border-width: 1px red solid;
}

div#engstudy a {
    text-decoration:none;
    border-bottom-width:0px;
}

div#engstudy a:hover {
    text-decoration:none;
}


/*****************/
/* TABLE CLASSES */
/*****************/

table.withborder {
        border-collapse: collapse;
}
table.withborder td {
        padding: 2px 1ex;
        border: thin solid black;
}
table.withborder th {
        padding: 2px 1ex;
        border: thin solid black;
}

.centertable {
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
}
.centertable tr td { white-space: nowrap } /* fix IE bug, which doesn't inherit */
.centertable th td { white-space: nowrap }

.formtable {
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
}
.formtable tr td { padding: 0.3em; white-space: nowrap } /* fix IE bug, which doesn't inherit */
.formtable th td { padding: 0.3em; white-space: nowrap }

.floattable {
    display: inline;
    vertical-align: middle;
    white-space: nowrap;
}
.floattable tr td { white-space: nowrap } /* fix IE bug, which doesn't inherit */
.floattable th td { white-space: nowrap }

/* Non-IE set inline correctly */
html>body .floattable {
    /* display: -moz-inline-box; */
    display: inline-table;
}

tr.a { background-color: #C2D1FF; }
tr.b { background-color: #A4BAFF; }


/*****************/
/* VARIOUS STUFF */
/*****************/


.menuactive {
    font-weight: bold;
}

.lastmod {
    font-size: small;
    font-style: italic;
    text-align: right;
    padding-right: 1em;
}

.ent {
    vertical-align: middle;
}

.todo {
    color: red;
    font-size: x-large;
    background-color: black;
}

.tt {
    font-family: monospace;
}

.pline {
    width: 70%;
    clear: both;
    margin-left: 2em;
}

/* Definition list */
dl dt {
    font-weight: bold;
    margin-top: 1em;
}
dl dd {
    margin-left: 3em;
}

/***************/
/* POSITIONING */
/***************/

/* Wrapper */

#wrapper {
    width: 100%;
    margin: 0 auto;
}

/* Header */

#header {
    height: 71px;
    background-color: #A4BAFF;
}

/* Logo */

/*
#logo {
    float: left;
    width: 30em;
    height: 4em;
    margin: 0px;
    padding: 1em 0px 0px 0px;
    text-align: center;
}
*/

#logo h1 {
    margin: 0;
    padding: 0;
    font: normal 3.5em Georgia, "Times New Roman", Times, serif;
    text-align: center;
}

#logo h2 {
    margin: -2px 0 0 0;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.2em;
    font-weight: bold;
    color: black;
}

#logo a {
    text-decoration: none;
    color: black;
    text-align: center;
}

.instlogo {
	float: right;
	width: 130px;
	margin: 1em;
}

#iuuklogo {
	text-align: center;
	margin: 1cm;
}

#cmilogo {
	width: 300px;
	margin: 1cm;
}

/* Menu */

#menu {
    height: 3.2em;
    margin-top: -36px;
    float: right;
}

#menu ul {
    margin: 0;
    padding: 0.9em 0 0 0px;
    list-style: none;
    line-height: normal;
    margin-left: 0px;
}

#menu li {
    display: inline;
    text-align: center;
}

#menu a {
    display: block;
    float: left;
    margin-right: 3px;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    color: black;
}

#menu a:hover, #menu .active a {
    background: black;
    color: #C2D1FF;
}


/* Page */

#page {
    margin: 0 auto;
}

#page-bgtop {
}

/* Content */


#content {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: 0 0 0 14em;
        padding: 0 2em;
        max-width: 1000px;
}

/*
#content {
    line-height: 1.5;
    float: right;
    width: 75%;
    padding-right: 1em;
}
*/

/* Sidebar */

#sidebar {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: auto;

        width: 14em;
        margin: 0 0 0 0;
        padding: 1em 0 0 0;

        overflow: auto;
	background-color: #A4BAFF;
}


/*

#sidebar {
    float: left;
    width: 20%;
    padding: 0px 2px 2px 0;
    background-color: #A4BAFF;
}
*/


#sidebar ul {
    padding-top: 0;
    padding-left: 0em;
    list-style: none;
    line-height: normal;
}

#sidebar ul li ul {
    margin-left: 1em;
    padding-left: 0em;
}

#sidebar > ul > li {
    margin-bottom: 1px;
    border-bottom: 1px solid #252726;
    padding: 9px 0px;
    padding-left: 0.5em;
}

#sidebar .active a {
    color: black;
    font-weight: bold;
}

/*
#sidebar li li {
    margin: 0;
    padding: 9px 0px;
    border: none;
    border-bottom: 1px solid #252726;
}
*/

#sidebar h2 {
    margin: 0px;
    padding: 15px 0px 20px 0px;
    font-size: 160%;
    font-weight: normal;
    color: black;
}

#sidebar h3 {
    font-size: 77%;
    color: black;
}

#sidebar p {
    margin: 0;
    line-height: normal;
    color: #D4C792;
}

#sidebar a {
    border: none;
    text-decoration: none;
    color: black;
}

#sidebar a:hover {
    text-decoration: underline;
}


/* Footer */

/*
#footer {
    width: 940px;
    margin: 20px auto;
    padding: 20px 0px;
    border-top: 1px solid #252726;
    color: #FFFFFF;
}
*/

#footer {
        margin: 1em 0 0 0;
        padding: 0 0 0 0;
        border-top: 1px black;
        text-align:right;
        font-style: italic;
}

#footer p {
    margin: 0;
    text-align: right;
    font-size: 77%;
}

#footer a {
    text-decoration: underline;
}

#footer a:hover {
    text-decoration: none;
}



/******************/
/* GALLERY EXTRAS */
/******************/

.galbottom {
    clear: both;
        padding-top: 1ex;
}

.footnote {
    font-size: 80%;
    font-style: italic;
}

/*** Schedule ***/

.schedule {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    text-align: center;
}

.schedule TD {
    padding: 0.25ex 0.5em 0.25ex 0.5em;
    border: 1px solid #252726;
}

.schedule TH {
    padding: 0.25ex 0.5em 0.25ex 0.5em;
    border: 1px solid #252726;
}

#contacts {
        padding: 0 0 ;
/*      left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;*/
        margin: 1em 0 1em 0;
        border: 0px solid black;
        border-spacing: 0;
}
#contacts td {
        vertical-align: top;
}

