/* Standard look and feel for the site */

/*

Since there is no concept of constants in CSS we define some here
for handy search and replace (just copy the one you want to change and then search and replace including the comments.

Generated with http://meyerweb.com/eric/tools/color-blend/
Green Blend (light to dark) :

Green 1 : #33CC33
Green 2 : #2BB32B
Green 3 : #229922
Green 4 : #1A801A
Green 5 : #116611
Green 6 : #003300

 #96FA32
 #64C800
 #326400
 #329632
*/


#326400/*oldtext*/
#000000/*text*/
#006600/*dark-text*/
#33CC33/*light-text*/
#329632/*border*/
#FFFFFF/*high-text*/
#33CC33/*high-bg*/
#FFFFFF/*page-bg*/
#99FF99/*list-highlight*/


* {font-size: 100%;}
h1 {font-size: 2em; padding:0;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.33em;}
h4 {font-size: 1.1em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.75em;}
pre, code, tt {font: 110% "Andale Mono", Courier, "Courier New", monospace;}
small {font-size: 85%;}
big {font-size: 115%;}
p {font-size:0.8em;}

div.break {
    clear:both;
    border-bottom:dotted 1px #329632/*border*/;
    height:1em;
    margin-top:0.5em;
    margin-bottom:0.5em/*was 1em*/;
}

img {
  padding :1px;
  border: 2px solid #329632/*border*/;
}

a.subtle-link {
    text-decoration:none;
}


p.small-text {
    font-size:0.7em;

}
img.pic {float: right; position: relative; margin: 0.25em 0 0.66em 1.5em;}
img.standalone {display: block; margin: 0.5em auto; width: auto; max-width: 100%;}
img.border {border: 3px double #329632/*border*/;}

div.spacing { clear:both; }
a{color:blue}
a:visited { color:#006600/*dark-text*/;}
a:active { color:#000000/*text*/;}
a:hover { color:blue;
text-decoration:underline;}


body {
    font-family: Verdana;
    color:#000000/*text*/;
    margin-left:10px;padding:0;margin-right:20px;

    background :fixed no-repeat bottom right url('./images/salticid-in-spotlight-fade-small.gif') #FFFFFF/*page-bg*/ ;

     min-width:610px;

    /* IE Dynamic Expression to set the width */
    width:expression('document.body.clientWidth < 550 ? "450px" : "100%" ');
     padding-left:20px;
    padding-right:20px;


}

div#mainbody {
    width:100%;
    margin-left:5px;
    border:none 1px blue;

}

div#sitemast {
    width: 100%;
    border-top : 2px solid #329632/*border*/;
    /*Did have a border at the bottom aswell but it looks better without i think.*/

    color:#000000/*text*/;
    background : url(./images/texture-green.gif) no-repeat  center right;
    /*background: blue;*/
    background-position:right center;

}

div#pagetitle {
    font-size: 1em;
    /*letter-spacing: 0.13em;*/
    /*padding-bottom: 10px;*/
    padding-left: 10px;
    padding-bottom: 10px;

}
/*div#sitemast h1 a { padding: 0.25em;}*/
div#sitemast h1 a, .panel a {color:#006600/*dark-text*/; text-decoration: none;}


div#whatsnew h3 {
    font-size:1em;
}
div#whatsnew li {
     font-size:0.8em;
    padding-bottom:1em;

}




/* Nav list aligned on the top*/
div#links {
    width:100%;
    text-align:left;
    margin : 0px;
    margin-top : 0px;
    margin-bottom : 5px;

    background:transparent;
}
div#links ul {
    list-style:none;
    padding:0;
    margin:0;
}

div#links li {
    float:left; /* this is the important trick!! */
    padding : 0;
    margin : 0;
    border-top:solid 2px #FFFFFF/*page-bg*/;
}

div#links a {
    display:block;
    text-align: center;
    font: 0.8em verdana;
    padding: 5px 14px;
    margin: 0 0 0px;
    text-decoration: none;
    color: #329632/*border*/;
    background: #FFFFFF/*page-bg*/;
    font-weight:bold;

}
div#links a:hover {
    color: #FFFFFF/*high-text*/;
    background : #33CC33/*high-bg*/;
    font-weight:bold;
}

div#links li.selected {
    border-top : 2px solid #33CC33/*high-bg*/;
    border-bottom : 2px solid #33CC33/*high-bg*/;
}



div#sublinks {
    float:right;
    width : 9em;


    border-left:1px solid #329632/*border*/;
    border-top:1px solid #329632/*border*/;
    padding:0;
    margin:0;
    margin-top:2em;
    text-align: center;


}
div#sublinks h4 {
    font-size:1em;
    font-weight:normal;
    margin:0;
    padding:0.2em;
    background: #329632/*border*/;
    color: #FFFFFF/*high-text*/;
    border-left : 5px solid #329632/*border*/ ;
}
div#sublinks ul {
    list-style:none;
    margin:0;
    padding:0;
}
div#sublinks li {
   border-top:dotted 1px #329632/*border*/;
   border-left : 5px solid #329632/*border*/ ;
}

div#sublinks li.first {
   border-top:none;

}

img.noborder {
    border:none;
}
div#sublinks a{
    display : block;

    font: 1em verdana;

    text-decoration: none;
    color: #329632/*border*/;
    background: #FFFFFF/*page-bg*/;
    padding:0.2em;
}
div#sublinks a:hover {
    color: #FFFFFF/*high-text*/;
    background : #33CC33/*high-bg*/;
    font-weight:bold;

}

div#sublinks li.selected {
    border-left : 5px solid #33CC33/*high-bg*/;
}


div#links-top { float:none; width : 100%; margin-right:0.1em; padding-left:5px;padding-top:10px;border-left : 2px none #329632/*border*/;}
div#links-top a{ display : block; text-align: center; width:7em; font: 0.7em verdana;  padding: 5px 10px;  margin: 0 0 1px; 	 border : 1px solid #329632/*border*/; text-decoration: none;  color: #329632/*border*/;  background: #FFFFFF/*page-bg*/; margin-bottom:1em;}
div#links-top a:hover { color: #FFFFFF/*high-text*/; background : #33CC33/*high-bg*/;font-weight:bold;margin-bottom:1em;}
div#links-top ul {list-style:none;margin:0;padding:1em;text-align:left;	}
div#links-top li {display:inline;list-style-type:none; margin-top : 5px;	Text-align:center; }

div#links-right { float:right; width : 7em; margin-right:0.1em; padding-left:5px;padding-top:10px;border-left : 2px none #329632/*border*/;}
div#links-right a{ display : block; text-align: center; width:7em; font: 0.7em verdana;  padding: 5px 10px;  margin: 0 0 1px; 	 border : 1px solid #329632/*border*/; text-decoration: none;  color: #329632/*border*/;  background: #FFFFFF/*page-bg*/; margin-bottom:1em;}
div#links-right a:hover { color: #FFFFFF/*high-text*/; background : #33CC33/*high-bg*/;font-weight:bold;margin-bottom:1em;}
div#links-right ul {list-style:none;margin:0;padding:1em;text-align:center;	}
div#links-right li {margin-top : 5px;	Text-align:center; }

div#verticalStrut { padding-bottom:150px; }

div#content {
    padding-left:5px;
    margin-top:0.2em;
    padding-top:1em;
    border-top:1px none;
}

div#content.withsubnavigation {
    margin-right:11em;

}

div#content p { padding: 0.2em;}

div#personalPhoto {
    margin-top:2em;
}

<!-- on home page: was width: 8.5 em; height 8.5 em -->
div#personalPhoto img{
    width:9 em; 
    height:9 em;
    float:right; 


    margin:0;

}

div.journalentry {
	padding:0;
	margin-right: 9em;
	border : solid 1px #329632/*border*/;
	margin-top: 10px;
}
div.journalentry h4 {padding:0.1em;margin:0;color: #FFFFFF/*high-text*/; background : #329632/*border*/;}
div.journalentry p {padding:10px;margin:0;}

div#footer  {

    font-size:0.75em;

    padding:5px;
    color: #000000/*text*/;
    /*background : #329632/*border*/
    /*text-align:center;*/
    margin-right:150px;
    margin-top:30px;
    border-top: 1px solid #329632/*border*/;
    /*position:absolute;*/
    /*bottom:0;*/
} /* float:bottom  doesnt work!! */

div#footer.withsubnavigation {
    margin-right:0;

}

div#meta {
    display:block;
    float:right;
    text-align:right;
    /*margin-right:140px;*/

}
div#meta a {
    color: #000000/*text*/;
    text-decoration:none;
}

div#meta a:hover {
    color:#33CC33/*light-text*/;
}

div#copyright{
    float:left;
    text-align:left;

}

div.section {
    margin-left:0em;
    padding-bottom:1em;
    border-top:dotted 1px #329632/*border*/;
}


div.group-title {
    margin-bottom:1em;
    padding-left:1em;
}
div.group-title  a:hover {
    cursor:pointer;
}

div.group-title h1 {
    font-size:1.3em;
    font-weight:bold;
    padding:.3em;
    padding-left:0;

}
div.group-title h4 {
    font-size:1em;
    font-weight:bold;
    padding:0;
    margin:0;
    margin-left:1em;
    padding:.3em;
}
div.group-title h5 {
    font-weight:normal;
    font-size:1em;
    font-style:italic;
    padding:0;
    margin:0;
    margin-left:1em;
    padding:.3em;

}
div.group-title p {
   padding:0;
    margin:0;
    margin-bottom:.5em;

}


div.group-title ul {
    margin-left:1em;

}

div.group-title li {
    margin-left:1em;
    margin-bottom:1em;

}
div.section-title{
    padding-bottom:0.25em;
}

div.section-title p {
    margin-left:1em;
}

div.section-title h2 {
    font-size:1.1em;

}

div.section-title h3 {
    font-size:1em;
    font-weight:normal;
    font-style:italic;

}

div.section-title img {
    float:left;
    width:5em;
    height:5.5em;
    margin-left:1em;
    margin-right:1em;
    margin-top:0em;
	margin-bottom:0em;
    border:none;
}


div.section p {
    margin-left:1em;
    margin-bottom:0em;
}
div.section ul {
    margin-left:1em;
}
div.section h4 {
    margin-left:1em;
    font-size:1em;
    font-weight:normal;
    font-style:italic;
}


div.section-footer {
    float:right;

}


ul.list-of-links {
    list-style:none;
    padding:0;
    margin:0;
}

ul.list-of-links   li {
    float:left; /* this is the important trick!! */
    padding : 0;
    margin : 0;
    border-left: solid 1px  #329632/*border*/;
    padding-left: 0.5em;
    margin-right: 0.5em;
}

ul.list-of-links   li.first {
    border-left: none;
}

ul.list-of-links   a {
    display:block;
    text-align: center;
    font-size: 0.8em ;
    padding:0px;
    margin: 0;

    text-decoration: none;
}
ul.list-of-links   a:hover {

    text-decoration: underline;
}

ul.normal-font a {
    font-size: 1em ;
}


ul.no-separator li {
    border:none;
}

ul.multiline li {
    margin-bottom:1em;
    padding-left:0.5em;
    padding-right:0.5em;
}


div.reference {
    border-top:dotted 1px #329632/*border*/;
    padding:0.5em;
    padding-bottom:1em;
    margin-left:1em;

}
div.reference:hover {
       /*background: #99FF99;*//*list-highlight*/
}


div.inactive:hover {
    background:#FFFFFF/*page-bg*/;
}

div.reference a {
    text-decoration:none;
    display:block;
    color:#000000/*text*/;

}

div.reference a:visited { color:#006600/*dark-text*/;}
div.reference a:active { color:#000000/*text*/;}

div.reference div.title {
    font-weight:bold;
    margin-bottom:1em;
    width:90%;
    float:left;

}
div.reference div.year {
    font-weight:bold;
    padding-bottom:1em;
    float:right;
}

div.reference div.journal {
    font-style:italic;
    padding-bottom:.5em;
    font-size:0.9em;
}

div.reference div.authors {
    font-size:0.7em;
}
div.reference div.abstract {
    padding-top:2em;
}
div.reference div.hidden {
    display:none;
}
div.reference div.abstract h4 {
    font-size:1em;
     font-weight:normal;
    margin:0;
    padding:0;
    float:left;
    padding-top:0.25em;

}

div.reference a:hover {
    cursor:pointer;
}
div.reference div.abstract p {
    font-size:0.8em;
    font-style:normal;
    margin:0;
    padding:0;
    margin-top:0em;
    margin-left:1em;
    padding-top:0em;
}

div.reference div.abstract div.links {
    font-size:0.8em;
    padding-left:0em;
    padding-top:1em;
}
div.reference div.abstract div.links a{
    color:blue;
    text-decoration:underline;
}

div.reference-footer {
    padding-top:0.5em;
    float:right;
}

div.reference-footer  a:hover { color:blue;text-decoration:underline;}
div.reference-footer a { color:blue;}


div.inactive a { color:blue;}
div.inactive a:visited { color:#006600/*dark-text*/;}
div.inactive a:active { color:blue;}
div.inactive a:hover { color:blue;text-decoration:underline;}

div.inactive div.reference-footer {
    display:none;
}