// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
//
//         carmaframed.css
//
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------

// A rounded notices box:
.topnotice {
        clear:both;
        width:85%;
        border-radius: 10px;
        -moz-border-radius: 10px;
        border:5px solid #444;
        margin-right:auto;
        margin-left:auto;
        margin-top:10px;
        padding:5px;
        font-size:0.9em;
        color:#2b2b2b;
        line-height:22px;
        margin-bottom:5px;
}

.topnotice p {
//       line-height:30px;
        font-size:1.3em;
}

.topnotice h2 {
        line-height:35px;
        color: #811;
}

body, html {
 height: 100%;
 margin: 0px;
 padding: 0px;
}

body {
 background-color: #225599;
// font-family: "Arial", "Helvetica", "sans-serif", "Tw Cen MT";
 font-family:  "Varela", "Helvetica", "sans-serif";
 font-size: 10pt;
}

body .carmaicon {
 position: absolute;
 float: left;
 background-color: #fff;
}

.carmaicon img { border: none;  height: 7em ; }

#uon_branding.primary #primaryLogo{ display: inline;}

#uon_branding.primary #secondaryLogo{ display: none; z-index: 10;}

#quote {
/* width:240px; */
 width: 100%;
 color: #225599;
/* margin-left: 5px; */
}

.quoteclass {
 color: #003366;
 font-weight: bold;
 text-align: left;
}

.authorclass {
 color: gray; text-decoration: italic; text-align: right; margin-right: 5px;
}

/* white Header with logos*/

#carmaheader, #carmaheader .content, #carmaheader .left { height: 7em;
    min-height: 70px; }

#carmaheader {    text-align: center; border: none ;}
#carmaheader img { border: none; z-index: 5; }
#carmaheader a:hover {  text-decoration: none;}
#carmaheader .content {    background-color: #fff;    width: 751px;
    border-right: 1px solid #000000;    margin-right: auto;    margin-left: auto;
    position: relative;    z-index: 2;    text-align: left;}
#carmaheader .left {    width: 50%;   position: absolute;
    top: 0;    left: 0;   z-index: 10;}
#carmaheader .content .logo {    position: absolute;    top: 10px;    left: 12px; }


/* table with links and search engine in header */
#stuff {position: relative; float: right;}

/* search engine */

#carmaheader.content #search {  position: absolute;  top: 40px;    right: 130px;    margin: 2px;
    background-color: #fff; z-index: 6;}

#carmaheader .content #search_label {    display: none;}

#carmaheader .content #search #q {    font-size: smaller;    width: 9em;    margin: 0;}
#carmaheader .content #search #submit {     font-size: smaller;    line-height: 1.8em;}
#carmaheader .content #search #q {  margin-left: 0.2em;}
position: relative; float: bottom}


/*links:  home, sitemap, faq, UoN header links*/


#carmaheader .content .home {
 position: relative;
 top: 0px;
 padding-right: 12px;
// font-family: Arial Narrow, Arial, sans serif;
}

/* in white header other links*/

#carmaheader .content .links {
 float: right;
 padding-right: 12px;
// font-family: Arial Narrow, Arial, sans serif;
}

/* Bars */

#water div, #info .content, #footer {   font-size: 0.9em;  line-height: 2.4em;    height: 2em;
 vertical-align: middle;   text-align: left; border: 1px solid #FFFFFF;}
#

/* Blue header */

#info {    position: relative;
    width: 100%;    height: 8em;    border-top: 1px solid #ffffff;}

#info .content {    color: #FFFFFF;    background-color: #003366;    width: 750px;
    margin-right: auto;    margin-left: auto;    position: relative;    z-index: 2;
height: 100%;    font-size: 1.68em;}

#info .text {    margin-left: 10px; margin-right: 5px;   color: #ffffff;  text-align: right; margin-bottom: 10px; }
#info .right {        width: 50%;    height: 2.05em;    z-index: 1;  position: absolute;  right: 0;  top: 0;

/*    border-bottom: 1px solid #FFFFFF; */}


#main_full {    position: relative;    text-align: left;}

#main {    width: 750px;    margin-right: auto;    margin-left: auto;
border: none;    z-index: 2;    position: relative;    background-color: #fff;}

#main .content {    background-color: #fff;/*    width: 545px; */    color: #000000;    margin: 14px;    text-align: left;
 border-bottom: none;      line-height: 1.44em;
 min-height: 400px;}

/*  Start - Mac support  - Prevents Editor from resizing disproportionately */

#main .content .edit{    height: auto;}

/*  End */

#main .noside {    margin: 14px;    min-height: 400px;}
#main .nomargin {    margin: 0;}

#main #content-zone2 { float: right; padding-left: 1em; padding-bottom: 1em; }

#main #content-zone3 { margin-bottom: 2em; }

#main #content-zone4 { line-height: 1.2em; margin-bottom: 1em; width: 250px; float: left; }

#main #content-zone5 { line-height: 1.2em; margin-bottom: 1em; width: 250px; float: right; }

#main #content-zone4 h4 { padding-top: 0.4em; border-top: none; color: #55891A; }

#main #content-zone5 h4 { padding-top: 0.4em; border-top: none; color: #BB7900; }

.end_menu {  clear: both;}

/* Sidebar and Menu */

#main .sidebar {
 float: left;
 left: 0;
 margin-bottom: 100px;
 margin-right: 14px;
 width: 175px;
 text-align: left;
 font-weight: bold;
}

#main_menu ul {
// background-color: #000000;
 background-color: #488AC7;
 margin: 0;
 padding: 0;
// padding-left: 10px;
}

#main_menu li {
 display: block;
 list-style-type: none;
 background-color: #488AC7;
 border-bottom: 1px dotted #FFFFFF;
 color: #222222;
 color: #FFFFFF;
 padding-left: 10px;
 padding-top: 3px;
 padding-bottom: 3px;
 text-decoration: none;
 font-size: 0.8em;
// font-weight: bold;
/* text-transform: uppercase;*/
}

/* to change color in side menu change background-color of main_menu a */

#main_menu a {
 display: inline;
 color: #FFFFFF;
/* padding-bottom: 10px;*/
 text-decoration: none;
// font-weight: bold;
/* text-transform: uppercase;*/
/* border-bottom: 1px dotted #FFFFFF;*/
/* padding: 4px 10px 4px 10px;*/
}

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

#main_menu a.on {  background-color: #D9D9DC;   color: #000000;}

#main_menu a.on:hover {   color: #BB7900;}

#main_menu li li a {   font-size: 0.85em;    text-transform: none;   color: #000000;
 background-color: #fff;   border-bottom: 1px dotted #000000;}

#main_menu li li a:hover, #main_menu li li a.on:hover {   color: #C57226;}
#main_menu li li a.on {  color: #B31B34;    background-color: #fff;}
#main_menu li li li a {  padding-left: 2em;}

#main_menu li li li li a {  padding-left: 3em;}
#main_menu a.last {   border: none;}

#main_menu li {
 background-image: url(Images/arrow.png);
 background-repeat: no-repeat;
 background-position: 0.1em 0.5em;
}


#main #sub_menu {   margin-top: 1em; background-color: #225599; }


#main #sub_menu li {   list-style-type: none;    font-size: 0.85em;
 text-indent: -0.8em;    line-height: 1.4em;    padding-left: 0.6em; }

/* v1.1 Start */

#main #sub_menu li li a{    font-size: 1.2em;    line-height: 1.4em;}

#main #sub_menu li li li a{    font-size: 1.4em;   line-height: 1.4em;}

/* v1.1 End */

#main #sub_menu ul {   margin: 0;    padding: 0;   padding-left: 1em;

/* v1.1 Start */    /* padding-bottom: 1em; */    /* v1.1 End */}

#main #sub_menu h4 {   padding-left: 0.8em;   color: #000000;   font-size: 1em;
 font-weight: bold;    margin-bottom: 0.4em;}

#water { height: 244px;
    width: 50%;    position: absolute;    z-index: 0;   right: 0;   border-top: none;}

#water div {   width: 100%;   border: none;   border-right: none;
background-color: #225599;   position: absolute;  right: 0;    height: 2.25em;   bottom: -2em;}
#

/* Blue Footer */

#footer {
  clear: both;
  color: #FFFFFF;
/*  width: 750px; *da* */
  width: 70%;
  height: 2.45em;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 2;
  border: 1px solid #FFFFFF;
  border-top: 1px solid;
  background-color: #225599; /* not used? *da* */
  font-size: 0.8em;
}

#footer .disclaimer {
  float: left;
  margin-left: 1em;
}

#footer .updated {
  float: right;
  margin-right: 1em;
}

#footer a {  color: #FFFFFF;}

/* spacer at the bottom: */
#bottom {
/*  width: 750px; *da* */
  width: 90%; /* *da* */
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  color: #FFFFFF;
/*  height: 2em; *da* */
  background-color: #fff;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  z-index: 2;
}

#body_full {   position: absolute;   height: 100%;  width: 951px;   top: 0;   left: 100px;
text-align: left;   z-index: 0;}

#body_full div {  width: 750px;   height: 100%;   border-left: none;
border-right: none;  background-color: #225599;   margin-left: auto;
margin-right: auto;}
#


/* Styles for content */

a {
 text-decoration: none;
 color: #08488F;
}

a:hover {
  text-decoration: underline;
}

#main h1 {   font-size: 3em;    font-weight: bold;   color: #08488F;  line-height: 1em;
   margin-bottom: 0em;}

#main h2 {
 font-size: 2em;
 font-weight: bold;
 color: #08488F;
 line-height: 1em;
 margin-bottom: 0em;
}

#main h3 {
 font-size: 1.5em;
 font-weight: bold;
 color: #08488F;
 line-height: 1em;
 margin-bottom: 0em;
}

#main h4 {   font-size: 1.2em;   font-weight: bold;   color: #08488F;   line-height: 1em;
   margin-bottom: 0em;}

#main h5 {   font-size: 1.0em;   font-weight: bold;   line-height: 1em;   margin-bottom: 0em;}
#main h6 {  font-size: 0.8em;   font-weight: bold;   line-height: 1em;   margin-bottom: 0em;}

#main img {  border: none;}

#carmaheader .logo { display: block; width: 170px; }


#carmaheader .content #logo_anchor { display: block;   position: absolute;   top: 10px;
 left: 12px;  width: 159px; height: 53px;}





#top_links a {
 display: block;
/* text-transform: uppercase;*/
/* background-color: #488AC7; */
/* color: #FFFFFF; */
 color: #488AC7;
/* border-bottom: 1px dotted #FFFFFF; */
/* padding: 4px 10px 4px 10px; */
 padding: 0px 0px 4px 0px; */
 text-decoration: none;
 font-size: 0.8em;
 font-weight: bold;
}

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


#top_links a.on {  background-color: #D9D9DC;   color: #000000;}

#top_links a.on:hover {   color: #BB7900;}

#top_links li {
 display: inline;
 list-style-type: none;
}

.timeofday {
 valign: top;
 color: #003366;
 font-weight: bold;
 text-align: right;
// font: 12px arial;
 padding-right: 5px;
}

.talktitle {
 color: #003366;
// font: 12px arial;
}

.overview {
 color: #003366;
 width: 440px;
}

.acheader {
 color: #003366;
 text-decoration: none;
}

.event {
/* width: 400px;*/
  width: 80%;
 }

ul.event {
 text-align: left;
 list-style-type: none;
 margin-left: 0;
 padding-left:  0.5em;
 border-left: 1em #369 solid;
 width: 80%;
}

ul.event li.first a {
 width: 100%;
 border-bottom: 1px #369 dotted;
}

ul.event li.first a:hover {
 width: 100%;
 border-bottom: 1px #4B74C7 solid;
}

.specialevent {
/* width: 400px;*/
  width: 99%;
 }

ul.specialevent {
 text-align: left;
 list-style-type: none;
 margin-left: 0;
 padding-left:  0.5em;
 border-left: 1em #369 solid;
}

ul.specialevent li.first a {
 border-bottom: 1px #369 dotted;
}

ul.specialevent li.first a:hover {
 border-bottom: 1px #4B74C7 solid;
}

#contact_info  {  padding-top: 2px; }
#contact_info td img  {}
#contact_info th {  text-align: left; margin-left: 5px;  background-color: #fff; border-top: solid #225599 2px; border-right: solid #225599 2px;border-left: solid #225599 2px;border-bottom: solid #225599 2px;}
#contact_info table {  width: 510px;  background:url("/Images/eniac2.jpg");  no-repeat;}
.category { font-weight: bold; }
.other_text { color: black; font-weight: normal;  }
#contact_info td {padding-left: 5px; padding-top: 2px; margin-top: 4px; text-align: left; border-bottom: solid #225599 2px;border-left: solid #225599 2px; border-right: dotted #225599 1px; border-top: dotted #225599 1px;}

ul.visitorevent {
 text-align: left;
 list-style-type: none;
 margin-left: 0;
 padding-left:  0.5em;
 border-left: 1em #369 solid;
 width: 98%;
}


/* FROM research.css STYLE FILE: */

#member_info td {
 padding-right: 3px;
 padding-left: 4px;
 padding-top: 8px;
 border-bottom: solid #225599 1px;
 border-top: dotted #225599 1px;
 border-left: solid #225599 1px;
 border-right: dotted #225599 1px;
/* width: 260px; */
}

#member_info table {
/* width: 520px; */
 width: 100%;
}

.lefttd {
 background-color: #225599;
}

.profile {
 text-align: right;
 width: 560px;
 color: #225599;
 font-size: 2em;
}

#member_info h2 {
 font-size: 2em;
 font-weight: bold;
 color: #08488F;
 line-height: 0.7em;
 margin-bottom: 0em;
 text-transform: uppercase;
}

#member_info h4 {
 font-size: 1.2em;
 font-weight: bold;
 color: #08488F;
 line-height: 1em;
 margin-bottom: 0em;
}


#sddm
{       margin: 0;
        padding: 0;
        z-index: 30}

#sddm li
{       margin: 0;
        padding: 0;
        list-style: none;
        float: left;
//        font: bold 11px arial
}

#sddm li a
{       display: block;
        margin: 0 1px 0 0;
        padding: 4px 10px;
        width: 63px;
        background: #5970B2;
        color: #FFF;
        text-align: center;
        text-decoration: none}

#sddm li a:hover
{       background: #225599; }

#sddm div
{       position: absolute;
        visibility: hidden;
        margin: 0;
        padding: 0;
        background: #225599;
        border: 1px solid #5970B2}

        #sddm div a
        {       position: relative;
                display: block;
                margin: 0;
                padding: 5px 10px;
                width: auto;
                white-space: nowrap;
                text-align: left;
                text-decoration: none;
                background: #EAEBD8;
                color: #2875DE;
                font: 11px arial
 }

        #sddm div a:hover
        {       background: #FFFFFF;
                color: #225599}


#members_menu ul {
 background-color: #000000;
 margin: 0;
 padding: 0;
}

#members_menu li {
 display: block;
 text-transform: uppercase;
 list-style-type: none;
 background-color: #488AC7;
 color: #222222;
 padding: 0px 10px 4px 0px;
 text-decoration: none;
 font-size: 0.8em;
 font-weight: bold
}

#members_menu a {
 display: block;
 text-transform: uppercase;
 background-color: #488AC7;
 color: #444444;
/* border-bottom: 1px dotted #FFFFFF; */
 padding: 4px 10px 4px 10px;
 text-decoration: none;
/* font-size: 0.8em; */
 font-weight: bold
}

#members_menu a:hover {   color: #ee3333;   text-decoration: none;}
#members_menu a.on {  background-color: #D9D9DC;   color: #000000;}
#members_menu a.on:hover {   color: #BB7900;}
#members_menu a.last {   border: none;}

.permevent a:link {font-size: 83%; color: #888888;}
.permevent a:visited {font-size: 83%; color: #888888;}
.permevent a:hover {font-size: 83%; color: #444444; background-color: #ccaaaa; text-decoration: none;}
.permevent a:active {font-size: 83%; color: #000000;}


// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
//
//         mainpage.css
//
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------

#mainpage img {
 width: 250px;
 height: 250px;
 border-bottom: 3px solid #225599;
 border-right: 3px solid #225599;
 border-left: 2px solid #225599;
 border-top: 2px solid #225599;
}

#mainpage quote {
 position: relative;
 float: center;
 font-family: Times Roman MS sans serif;
}

.carmatext {
 color: #225599;
 width: 250px;
 height: 250px;
 border-bottom: 3px solid #225599;
 border-right: 3px solid #225599;
 border-left: 2px solid #225599;
 border-top: 2px solid #225599;
}

#insert {
 border: solid #225599 1px;
 width: 250px;
 height: 250px;
 font: 0.6em;
}

.highlight {
 color: #225599;
 text-decoration: none;
 font-size: 0.8em;
 text-align: left;
 float: left;
}

.highheader {
 font: 1.2em;
 color: #003366;
 font-weight: bold;
 text-align: right;
}

.highlight li {
 list-style-image:url("/Images/arrow.gif");
 list-style-type:square;
}

.avg {
 text-decoration: overline;
}

#outreach {
 border: solid #225599 1px;
 float: center
 padding: 2px 5px;
 text-align: left;
}


// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
//
//         css/sddm.css
//
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------

.navbar
{
}

.mainDiv
{
  width:185px;
}

.topItem
{
  font: bold 12px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-up-title.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  border: none;
  width: 185px;
  height: 25px;
  color: #215dc6;
  cursor:pointer;
  text-indent:10px;
}

.topItemOver
{
  text-indent:10px;
  font: bold 12px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-up-title-on.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 25px;
  width: 185px;
  color: #428eff;
  cursor:pointer;
}

.topItemClose
{
  text-indent:10px;
  font: bold 12px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-down-title.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 25px;
  width: 185px;
  color: #215dc6;
  cursor:pointer;
}

.topItemCloseOver
{
  text-indent:10px;
  font: bold 12px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-down-title-on.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 25px;
  width: 185px;
  color: #428eff;
  cursor:pointer;
}

.dropMenu
{
  font: bold 11px tahoma,verdana,sans-serif;
  background-color: #d6dff7;
  color: #000;
  border: 1px solid #FFFFFF;
  border-width: 0 1px 1px 1px;
  filter:alpha(opacity=100);
  padding-top:5px;
  padding-bottom:5px;
}

.subMenu
{
   display:block;
}

.subItem
{
   margin-left:10px;
   margin-top:2px;
   height:18px;
   font: 11px tahoma,verdana,sans-serif;
   text-decoration:none;
   color: #215dc6;

}

.subItem a
{
   margin-left:23px;
   font: 11px tahoma,verdana,sans-serif;
   text-decoration:none;
   color: #215dc6;
}

.subItemOver
{
   margin-left:10px;
   margin-top:2px;
   font: 11px tahoma,verdana,sans-serif;
   height:18px;
   color: #428eff;
}

.subItemOver  a
{
   margin-left:23px;
   font: 11px tahoma,verdana,sans-serif;
   cursor:pointer;
   color: #428eff;
   text-decoration:underline;
   cursor:pointer;
}


.drop
{
   border-left:1px solid black;
   border-right:1px solid black;
}


// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
//
//         css/pubmenubar.css
//
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------

 #navbar ul {
        margin: 0;
        padding: 5px;
        list-style-type: none;
        text-align: center;
        background-color: #000;
        }

#navbar ul li {
        display: inline;
        }

#navbar ul li a {
        text-decoration: none;
        padding: .2em 1em;
        color: #fff;
        background-color: #000;
        }

#navbar ul li a:hover {
        color: #000;
        background-color: #fff;
        }


// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------
//
//         css/horizontalmenubar_index.css
//
// ----------------------------------------------------------------------------------------
// ----------------------------------------------------------------------------------------

 #navbar ul {
        margin: 0;
        padding: 5px;
        list-style-type: none;
        text-align: center;
        background-color: #000;
        }

#navbar ul li {
        display: inline;
	font-size: x-small;
}

#navbar ul li a {
        text-decoration: none;
        padding: .2em 1em;
        color: #fff;
        background-color: #000;
        }

#navbar ul li a:hover {
        color: #000;
        background-color: #ccc;
        }

//
// For meetings' programmes:
//
.programme table {
}
.programme td {
	border-style: solid;
	border-width: 1px;
	border-color: black;
	padding: 3px;
	text-align: center;
}
.programme img {
	vertical-align: middle;
}
//
// For sponsor logos:
//

.conf_logos img {
	vertical-align: middle;
	margin-bottom: 10px;
}

.resourcelist li {
	padding-bottom: 20px;
}

.resourcelist li a {
	font-weight: bold;
}

//
// For seminar series name on events on the front page:
//
.showseriesname a {
	font-family: "Squada One", cursive;
	font-size: 30px;
	color: black;
}