/* mid blue: #003172 light blue: #005b88 green: #005c3a pale green: #a5c89e pink: #foae80 */

/* global ------------------------------------------------------------------------------------------- */

body        { color : #333; margin : 0px; padding: 0px; }
a, area, input, select, textarea { outline: none; }
a, a:active { color : #003173; background-color : transparent; }
a:visited   { color : #005b88; background-color : transparent; text-decoration: none; }
a:hover     { color : #911a32; background-color : transparent; text-decoration: underline; }
.hidden { display: none; }

/* header ------------------------------------------------------------------------------------------ */

#header { 
background: #fff url(/app_templates/working-lives/images/top_03.jpg) top center no-repeat;
    margin: 0px;
    padding: 0px;
    height: 90px;
    border-bottom: 10px solid #911a32;
}
#header h1  { display: none; }
#header img { float: left; }
#sphereHeader     { background-color: #ffffff; 
                    margin: 0px; padding: 0px; height: 90px; 
                    clear: right;
                    border-bottom: 10px solid #911a32; }
#sphereHeader h1  { display: none; }
#sphereHeader img { }

/* moved to custom.css
#camsHeader       { background-color: #ffffff; 
                    margin: 0px; padding: 0px; height: 90px; 
                    width: 100%;
                    clear: right;
                    border-bottom: 10px solid #911a32; }
#camsHeader h1    { display: none; }
#camsHeader img   { }
#camsLogo         { text-align: center; vertical-align: top; float: left;  margin-left: 200px; }
#camsLondonmet    { text-align: center; vertical-align: top; float: right; }
*/

/* columns ----------------------------------------------------------------------------------------- */

#leftcontent {
    width: 200px;
    border-right: 1px solid #ccc;
    border-bottom: 10px solid #ccc;
    border-top: 10px solid #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
    background: #efefef url(/app_templates/working-lives/images/fixnets_bg.jpg) top left no-repeat;
    float: left;
} 

#centercontent {
    margin-left: 10px;
    border-top:    20px solid #a5c89e;
    border-bottom: 10px solid #f0ae80;
    padding-top: 10px;
    padding-bottom: 25px;
    float: left;
    width: 650px;  /* this reduces to 582px if var "rightContent" is set, to allow room for text */
}

#rightcontent { float: left; }

/* columns content --------------------------------------------------------------------------------- */

/* LEFTCONTENT */
#nav {
    margin: 0px 10px 5px 10px;
    padding: 0px;
    border-top: 1px solid #ccc;
    /* border-left: 1px solid #ccc;  moved to nav ul */
    /* border-right: 1px solid #ccc; moved to nav ul */
}
ul.fullnav                   { border-left:  1px solid #ccc; 
                               border-right: 1px solid #ccc; 
                               list-style-type: none; 
                               margin: 0px; padding: 0px; }
ul.fullnav a                 { display: block;
                               padding: 3px 5px;
                               text-decoration: none; }
ul.fullnav li                { list-style: none; }
ul.fullnav li a:hover        { text-decoration: none; }
ul.fullnav li a.selected:hover { text-decoration: none; }
/* level 1 DK GREY ---------------------------------------------------------------------------------------- */
li.level1                    { margin: 0px; padding: 0px; border-bottom: 1px solid #b9b9b9; }
li.level1 a, li.level1 a:visited { font: 12px/14px verdana, sans-serif;
                                   color: #036;
                                   background-color: #cccccc;
                                   border-left: 5px solid #aaa; }
li.level1 a.selected         { border-left: 5px solid #005b88; font-weight: bold; }
li.level1 a.selected:visited { border-left: 5px solid #005b88; font-weight: bold; }
li.level1 a:hover            { border-left: 5px solid #005b88; background-color: #c0c0c0; }
li.level1 a.selected:hover   { border-left: 5px solid #005b88; background-color: #c0c0c0; }
/* level 2 LT GREY ---------------------------------------------------------------------------------------- */
li.level2                    { margin: 0px; padding: 0px; border-bottom: 1px solid #fefefe; }
li.level2 a, li.level2 a:visited { font: 11px/13px verdana, sans-serif;
                                   color: #036;
                                   background-color: #dedede;
                                   border-left: 5px solid #cccccc; }
li.level2 a.selected         { border-left: 5px solid #005b88; font-weight: bold; }
li.level2 a.selected:visited { border-left: 5px solid #005b88; font-weight: bold; }
li.level2 a:hover            { border-left: 5px solid #005b88; background-color: #c0c0c0; }
li.level2 a.selected:hover   { border-left: 5px solid #005b88; background-color: #c0c0c0; }
/* level 3 DK ORANGE---------------------------------------------------------------------------------------- */
li.level3                    { margin: 0px; border-bottom: 1px solid #cccccc; }
li.level3 a, li.level3 a:visited { font: 11px/13px verdana, sans-serif;
                                   color: #900; 
                                   background-color: #f0ae80; 
                                   border-left: 5px solid #CF9B80; }
li.level3 a.selected         { border-left: 5px solid #900; font-weight: bold; }
li.level3 a.selected:visited { border-left: 5px solid #900; font-weight: bold; }
li.level3 a:hover            { border-left: 5px solid #900; background-color: #DBA680; }
li.level3 a.selected:hover   { border-left: 5px solid #900; background-color: #DBA680; }
/* level 4 LT ORANGE ---------------------------------------------------------------------------------------- */
li.level4                    { margin: 0px; border-bottom: 1px solid #cccccc; }
li.level4 a, li.level4 a:visited { font: 11px/13px verdana, sans-serif;
                                   color: #900;
                                   background-color: #FFCC99;
                                   padding-left: 10px;
                                   border-left: 5px solid #E4AE80; }
li.level4 a.selected         { border-left: 5px solid #BC5600; font-weight: bold; }
li.level4 a.selected:visited { border-left: 5px solid #BC5600; font-weight: bold; }
li.level4 a:hover            { border-left: 5px solid #BC5600; background-color: #F6C299; }
li.level4 a.selected:hover   { border-left: 5px solid #BC5600; background-color: #F6C299; }
/* level 5 DK GREEN ---------------------------------------------------------------------------------------- */
li.level5                    { margin: 0px; border-bottom: 1px solid #cccccc; }
li.level5 a, li.level5 a:visited { font: 11px/13px verdana, sans-serif;
                                   color: #005c3a;
                                   background-color: #a5c89e;
                                   padding-left: 10px;
                                   border-left: 5px solid #95B79E; }
li.level5 a.selected         { border-left: 5px solid #005c3a; font-weight: bold; }
li.level5 a.selected:visited { border-left: 5px solid #005c3a; font-weight: bold; }
li.level5 a:hover            { border-left: 5px solid #005c3a; background-color: #99C09E; }
li.level5 a.selected:hover   { border-left: 5px solid #005c3a; background-color: #99C09E; }
/* level 6 LT GREEN ---------------------------------------------------------------------------------------- */
li.level6                    { margin: 0px; border-bottom: 1px solid #cccccc; }
li.level6 a, li.level6 a:visited { font: 11px/13px verdana, sans-serif;
                                   color: #005c3a;
                                   background-color: #BBDC9E;
                                   padding-left: 20px;
                                   border-left: 5px solid #95B39E; }
li.level6 a.selected         { border-left: 5px solid #297F3A; font-weight: bold; }
li.level6 a.selected:visited { border-left: 5px solid #297F3A; font-weight: bold; }
li.level6 a:hover            { border-left: 5px solid #297F3A; background-color: #AFD09E; }
li.level6 a.selected:hover   { border-left: 5px solid #297F3A; background-color: #AFD09E; }
/* level 7 DK BLUE ---------------------------------------------------------------------------------------- */
li.level7                    { margin: 0px; border-bottom: 1px solid #cccccc; }
li.level7 a, li.level7 a:visited { font: 11px/13px verdana, sans-serif;
                                   color: #2D1EAB;
                                   background-color: #A9C6D1;
                                   padding-left: 20px;
                                   border-left: 5px solid #8AABDE; }
li.level7 a.selected         { border-left: 5px solid #2D1EAB; font-weight: bold; }
li.level7 a.selected:visited { border-left: 5px solid #2D1EAB; font-weight: bold; }
li.level7 a:hover            { border-left: 5px solid #2D1EAB; background-color: #A1BCD1; }
li.level7 a.selected:hover   { border-left: 5px solid #2D1EAB; background-color: #A1BCD1; }
/* level 8 LT BLUE ---------------------------------------------------------------------------------------- */
li.level8                    { margin: 0px; border-bottom: 1px solid #cccccc; }
li.level8 a, li.level8 a:visited { font: 11px/13px verdana, sans-serif;
                                   color: #2D1EAB;
                                   background-color: #C1DAF4;
                                   padding-left: 30px;
                                   border-left: 5px solid #B0C3D1; }
li.level8 a.selected         { border-left: 5px solid #526CC5; font-weight: bold; }
li.level8 a.selected:visited { border-left: 5px solid #526CC5; font-weight: bold; }
li.level8 a:hover            { border-left: 5px solid #526CC5; background-color: #BAD0F4; }
li.level8 a.selected:hover   { border-left: 5px solid #526CC5; background-color: #BAD0F4; }

.small  { font-size: 11px; color: #999; }

/* CENTERCONTENT */
.biopic          { border: 5px solid #dedede; float: left; clear: left; margin: 5px 10px 5px 0; }
.biopicr         { border: 5px solid #dedede; float: right; clear: right; margin: 5px 0px 5px 10px; }
.caption         { font-size: 12px; color: #999; font-style: italic; }
.captionright    { font-size: 11px; color: #999; font-style: italic; text-align: right; }

/* text formatting */

#leftcontent p, #rightcontent p { margin: 0px 10px 5px 10px }
#leftcontent img                { margin: 5px 10px; clear: both; }
#centercontent p                { margin: 2px 0px 10px 0px; }
#centercontent ul               { }
#centercontent ul li            { }
.on                             { color: #911a32; }
.pale                           { color: #a5c89e; }
.listwrap                       { margin-left: 160px; }
h2 { 
    font: 170% Georgia, serif;
    color: #005c3a;
    margin: 10px 0px 5px 0;
    /* margin: 10px 0px 5px 10px; */
}
h3 {
    color : #911a32;
    background-color : transparent;
    margin : 10px 0px 0px 5px;
    padding : 0px;
    font : 140% "trebuchet MS", verdana, arial, helvetica, sans-serif;
}
h4 {
   font : 130% "trebuchet MS", verdana, arial, helvetica, sans-serif;
   color: #f0ae80;
   margin: 5px 0px 0px 5px;
}
h5 {
   font : 105%  verdana, arial, helvetica, sans-serif;
   color: #005c3a;
   font-weight: bold;
   margin: 0px 0px 0px 5px;
}
.lang   { margin-top: 0px; }
.dots   { border-top: 1px dotted #999; padding-top: 5px; }
.dotbox { padding: 3px; border: 1px dotted #999; background-color: #eee; }
.navbox { 
    padding: 3px; 
    border: 1px solid #ccc; 
    background-color: #eee; 
    text-align: center; 
    color: #999; 
    clear: both; 
}
.dottop { border-top: 1px dotted #999; }
.footer { 
    text-align: center;
    border-top: 1px dotted #999;
    padding-top: 5px;
    margin-top: 5px;
}

/* boxes */

#wrapper {
    width: 800px;
    margin-left:auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 0px;
}
#featurebox { 
    border: 1px solid #900;
    margin: 10px 0px;
    padding: 0px 0px 10px 0px;
    background-color: #fff;
}
#featurebox h2 {
    font : 20px/24px "trebuchet MS", verdana, arial, helvetica, sans-serif;
    color: #fff;
    background-color: #900;
    padding: 5px;
    margin: 0px;
}
#featurebox h3  { margin-top: 10px; }
#featurebox p   { margin: 5px 10px; }
#featurebox img { float: left; margin: 5px 10px 10px 5px; padding: 0px; }
#colwrap        { margin: 0px; padding: 0px; }
.fightbox {
    border: 1px solid #900;
    margin: 0px 5px 10px 0px;
    padding: 0px 0px 5px 0px;
    /* background: #fff url(../i/hands2.gif) bottom right no-repeat; */
}
.bibliobox {
    border: 1px solid #900;
    margin: 0px 0px 10px 5px;
    padding: 0px 0px 5px 0px;
    /* background: #fff url(../i/books2.gif) bottom right no-repeat; */
}
.researchbox  {
    border: 1px solid #900;
    margin: 0px 0px 10px 5px;
    padding: 0px 0px 5px 0px;
    background-color: #fff;
}
.seminarbox {
    border: 1px solid #900;
    margin: 0px 5px 10px 0px;
    padding: 0px 0px 5px 0px;
    background-color: #fff;
}
h3.box  {
    font : normal 16px/20px "trebuchet MS", verdana, arial, helvetica, sans-serif;
    color: #fff;
    background-color: #900;
    padding: 5px;
    margin: 0px;
}
p.box  { margin: 5px 10px; }
#breadcrumbs {
    margin: 0px;
    padding: 3px 10px;
    background-color: #FBFFD4;
    border-bottom: 1px solid #dedede;
}
#breadcrumbs p {
    margin: 0px;
    padding: 0px;
    font: 11px verdana, sans-serif;
    color: #666;
}
p:hover a:visited { color: #336699; text-decoration: none; }
p:hover a:hover   { color: #f00; text-decoration: underline; }
img.valid         { margin-top: 3px; }
img.floatleft     { float: left; margin: 0px 10px 3px 0px; border: 1px solid #900; }
	
/* form styles */
	
input { 
    margin: 0px 0px 0px 5px; 
    font : normal 11px/11px verdana, arial, helvetica, sans-serif;
    color: #666;
}
form { 
    padding: 5px;
    margin: 0px 10px;
    border: 1px solid #999;
    background-color: #eee;
}
#featurebox form { margin-top: 10px; }

#sitemap { line-height: 1.8em; 
           padding: 20px 0 0 20px;
}