/* ssc1.css
 *   New style and organization for ssc pages -- Based on smr4c
 */
/*  m b p content p b m */
/* ============================================================================== page layout */
body {
    width:              760px;
	margin-left: 		auto;	        /* these center the content on the screen */
	margin-right: 		auto;	        /* when 'width' is defined */
	padding:            0 1em 0 1em;
    border-style:       solid;
    border-width:       0px;            /* for debug */
    }
ul {
    padding-left:       1em;
    margin-left:        1em;
    }
ol {
    padding-left:       1.5em;
    margin-left:        1em;
    }
hr {
    height:             1px;
    width:              95%;
    border:             none;           /* if not turned off, FF makes a wider rule */
    clear:              both;
    }
h1, h2, h3, h4, h5, h6 {
    margin:             0.5em 0 0 0;
    }
img {               /* these settings coordinate with the link pseudoclasses near the end */
    padding:            0;
    margin:             0.3em 1em;  /* tr[bl] */
    border-color:       navy;
    border-width:       1px;
    border-style:       solid;      /* MUST not be none */
    }
blockquote {
    padding:            1em 2em 1em 2em;
    }
blockquote p.citation {
    padding:            0 3em 0 15em;
    }
/* --------------------------------------------------------------------- Color and Typography */

body {
    font-family:        Georgia, serif;
	color:              black;
    border-color:       #2F4F4F;    /* darkslategray */
    background-color:   #F0F0E3;    /* mimic Kates background color */
    }
hr {
    color:              navy;           /* used by FF */
    background-color:   navy;           /* used by IE  */
    }

.kate {
    font-family:        helvetica, arial, sans-serif;
    font-weight:        bold;
    font-size:          12pt;
	color:              #006633;
}
.weaver {
    font-family:        Georgia, serif;
    color:              black;
    font-weight:        normal;
    font-size:          12pt;
}
/* ==========================================================================================
 *      3-column home-page layout
 *          total width of all elements must not exceed body width (and should equal it)
 *          total width of a column = width + padding + border + margin
 *          columnLeft + columnRight = enclose
 *          enclose + columnRight = body width
 *          ----------------------------------------------------------
 *          need to *enclose* columnMain and columnLeft in a <div>
 *
 *          CURRENTLY SET FOR BODY WIDTH 960 = 649 + 311 (enclose + columnRight)
 *              649 = 162 + 486 (colummLeft + ColumnRight)
 */
#enclose {                              /* 649 : 0 1 0 648 0 0 0   */
    width:              648px;
    float:              left;
    margin:             0;
    border-width:       0 0 0 1px;
    padding:            0;
    }
#columnLeft {                           /* 162 : 0 0 8 148 5 1 0 */
    float:              left;
    width:              148px;
    margin-left:        0px;
    margin-bottom:      -1px;
    border-width:       0 1px 1px 0px;
    padding:            0 5px 1em 8px;
    }
#columnMain {                           /* 486 : 0 1 5 469 10 1 0          */
    float:              right;
    width:              470px;
    margin-left:        -1px;
    margin-bottom:      -1px;
    border-width:       0 1px 1px 1px;
    padding:            0 5px 1em 10px;
    }
#columnRight {                          /* 311 : 0 1 7 294 8 1 0           */
    width:              295px;
    float:              right;
    margin-left:        -1px;
    margin-bottom:      -1px;
    border-width:       0 1px 1px 1px;
    padding:            0 7px 1em 8px;
    }
#columnMain h3  {
    _margin:             0.5em 0 0.3em 0;
    }
#columnRight p {
    _margin:             0.5em 0 0.3em 0;
    }
/* ---------------------------------------------------------------------- Color and Typography */
#columnMain,
#columnLeft,
#columnRight,
#enclose
    {
    border-color:       #2F4F4F;        /* darkslategray */
    border-style:       solid;
    }

#columnLeft {
    color:              darkred;
    background-color:   lightblue;
    font-family:        Verdana, sans-serif;
    font-size:          70%;
    }
#columnLeft h3 {
    color:              navy;
    font-family:        Verdana, sans-serif;
    font-size:          1.5em;
    }
#columnLeft h4 {
    font-family:        "Times New Roman", serif;
    font-size:          1.20em;
    }
#columnLeft h5 {
    font-family:        "Times New Roman", serif;
    font-size:          1.00em;
    }

#columnMain {
    color:              navy;
    background-color:   transparent;
    font-family:        Georgia, serif;
    font-size:          90%;
    }
#columnMain h3 {
    color:              darkred;
    font-family:        "Times New Roman", serif;
    font-size:          1.5em;
    }
#columnMain h4 {
    font-family:        Verdana, sans-serif;
    font-size:          1.20em;
    }
#columnMain h5 {
    font-family:        Verdana, sans-serif;
    font-size:          1.00em;
    }

#columnRight {
    color:              navy;
    background-color:   transparent;
    font-family:        Verdana, sans-serif;
    font-size:          75%;
    }
#columnRight h3  {
    color:              darkred;
    font-size:          1.5em;
    }
#columnRight h4 {
    font-family:        "Times New Roman", serif;
    font-size:          1.20em;
    }
#columnRight h5 {
    font-family:        "Times New Roman", serif;
    font-size:          1.00em;
    }

#columnLeft h3,
#columnMain h3,
#columnRight h3
    {
    margin:             0.2em 0;
    }
#columnLeft h4,
#columnMain h4,
#columnRight h4
    {
    margin:             0.2em 0;
    }
#columnLeft h5,
#columnMain h5,
#columnRight h5
    {
    margin:             0.2em 0;
    }
/* =============================================================================================
 *      L2C -- Two-column layout
 *                 width(body) = 760
 *           width(columnLeft) = 280
 *          width(columnRight) = 480
 */

#L2C-wrapper {
    width:              760px;
}


#L2C-columnLeft {                       /* 280 : 0 1 8 263 7 1 0 */
    width:              263px;
    float:              left;
    margin-left:        0px;            /* difference between the two */
    margin-bottom:      -1px;
    border-width:       0 1px 1px 1px;
    padding:            10px 7px 1em 8px;
    }
#L2C-columnRight {                      /* 480 = -1 1 8 464 7 1 0 */
    width:              464px;
    float:              right;
    margin-left:        -1px;           /* difference between the two */
    margin-bottom:      -1px;
    border-width:       0 1px 1px 1px;
    padding:            10px 7px 1em 8px;
    }


#L2CE-columnLeft {                       /* 380 : 0 1 8 363 7 1 0 */
    width:              363px;
    float:              left;
    margin-left:        0px;            /* difference between the two */
    margin-bottom:      -1px;
    border-width:       0 1px 1px 1px;
    padding:            10px 7px 1em 8px;
    }
#L2CE-columnRight {                      /* 380 = -1 1 8 364 7 1 0 */
    width:              364px;
    float:              right;
    margin-left:        -1px;           /* difference between the two */
    margin-bottom:      -1px;
    border-width:       0 1px 1px 1px;
    padding:            10px 7px 1em 8px;
    }




/* =============================================================================================
 *      L1C -- One-column layout    for single photo page layout
 *                width(body) = 960
 *              width(column) = 938
 */
#L1C-column {
    width:              738;            /* 760 = 0 1 10 738 10 1 0 */
    margin-bottom:      -1px;
    border-width:       0 1px 0 1px;
    padding:            0 10px 1em 10px;
    }

/* ============
 *      SimpleMenuLine
 */
#SimpleMenuLine {
    width               100%;
    text-align:         center;
    padding:            10px 0 10px 0;\
}

/* ========================================================================================== */


#L2C-columnLeft,
#L2C-columnRight {
    font-family:        Georgia, Times, "Times New Roman", serif;
    font-size:          1em;
    font-weight:        normal;
    border-color:       #2F4F4F;        /* darkslategray */
    border-style:       solid;
    border-style:       none;
    }

/* ==========================================================================================
 *      Header for SMR v4 home page
 *                            M B P  W  P B M   Margin Border Padding
 *          Overall     960 = 0 2 0 956 0 2 0
 *                      956 = 162 + 486 + 308 (cL + cM + cR) MBP all zero width
 *                      Use SUM function in UE COLUMN Menu to check sums
 * ========================================================================================== */
#hf1 {
    border-color:   #00ad56 #103321 #103321 #00ad56;
    }
#hf2 {
    border-color:   #006633;
    }
#hf3 {
    border-color:   #103321 #00ad56 #00ad56 #103321;
    }
#hf1, #hf2, #hf3 {
    border-width:   4px;
    border-style:   solid;
    }

#header {
    width:              740px;          /* 760 = 0 12 0 736 0 12 0 */
    margin:             0;
    margin-top:         0em;
    border-width:       10px;
    padding:            1em 0;          /* tr[bl] */
    color:              #006633;        /* kate's green */
    }
#headerLeft {
    float:              left;
    width:              162px;
    }
#headerMain {
    float:              left;
    _width:              486px;
    }
#headerRight {
    float:              right;
    width:              308px;
    text-align:         center;
    }
#header h1 {
    margin:             10px;
    }
#header h3 {
    margin:             0px;
    font-size:          18pt;
    font-weight:        bold;
    font-style:         italic;
    text-align:         center;
    }
#header h4 {
    margin:             0px;
    font-size:          12pt;
    font-weight:        lighter;
    text-align:         center;
    }
#header img  {
    border-width:       0;              /* override global img width */
    margin:             0;
    }
#headerLeft img, #headerMain img {
    display:            block;          /* this makes the margin property work here */
    margin:             0 auto 0 auto;
    }
/* ------------------------------------------- Color and Typography ------------------------- */
#header {
    border-style:       none;
    background-color:   inherit;
    font-family:        helvetica, arial, sans-serif;
    }
/* ======================================================================
 *      Header for internal pages
 */

#header2 {                              /* 960 = 0 2 0 956 0 2 0 */
    width:              956px;
    height:             61px;           /* needed since header has no static content */
    margin-top:         0em;
    margin:             0;
    border-width:       2px;
}
#header2Head {                          /* container for page Head line within header */
    height:             36px;           /* was 40 in smr4a */
    }
#header2Menu {                          /* container for menu; placed below Head line */
    height:             25px;           /* was 15 in smr41 */
    }
#header2 img {
    border-width:       0;
    margin:             0;
}
/* ------------------------------------------------------------ Headers: Color and Typography */
#header2 {
    border-style:       solid;
    color:              inherit;
    border-color:       #708090;        /* slategray */
    background-color:   #B0C4DE;        /* lightsteelblue */
    font-family:        verdana, arial, sans-serif;
    }
#header2Head {
    font-size:          1.5em;           /* was 20 pt but blew up when printed */
    font-weight:        bold;
    }
#header2Menu {
    font-size:          1em;            /*was 11pt */
    }
/* =============================================================================================
 *      Footer for all pages
 */
#footer {                               /* W:960 = 0 0 2 956 2 0 0 */
    clear:              both;           /* below any floating elements */
    height:             14px;
    width:              956px;          /* almost full width */
    padding:            2px;            /* keep content a little bit away */
    border-width:       1px 0 0 0;      /* one pixel stripe above footer */
}
#footer {
    border-style:       solid;
    border-color:       #708090;        /* slategray */
    font-size:          6pt;
	font-family:        verdana, arial, sans-serif;
    color:              inherit;
    color:              royalblue;
	background-color:   transparent;
    }
#copyright {                            /* used only within #footer */
    float:              left;
    text-align:         left;
    padding-left: 1em;
    }
#timestamp {                            /* used only within #footer */
    float:              right;
    text-align:         right;
    padding-right:      1em;
    }
/* ======================================================================
 *      Sidebar
 *          not much used anymore
 */
.sidebar {
    background-color:   tan;
    color:              black;
    font-family:        Verdana, serif;
    padding:            0.5em;
    }
.sidebar.left {
    float:              left;
    margin:             0em 1em 0em 0em;
    }
.sidebar.right {
    float:              right;
    margin:             0em 0em 0em 1em;
    }
.sidebar ul.nomarker {
    list-style-type:    none;
    }
/* =============================================================================================
 *  CLASSES
 */

/* ---------------------------------------------------------------------------- <img> classes */
img.c        {  clear:  both;  }        /* clear */
img.cl       {  clear:  left;  }
img.cr       {  clear:  right; }

img.wauto    {  width:  auto;  }        /* width */
img.full     {  width:  100%;  }
img.w100     {  width:  100%;  }
img.w95      {  width:  95%;   }
img.w67      {  width:  67%;   }
img.w50      {  width:  50%;   }
img.w40      {  width:  40%;   }
img.w33      {  width:  33%;   }
img.w30      {  width:  30%;   }
img.w25      {  width:  25%;   }
img.w20      {  width:  20%;   }
img.w17      {  width:  17%;   }
img.w10      {  width:  10%;   }

img.center {                            /* position */
    margin-left:        -1px;
    margin-right:       -1px;
    }
img.left {
    float:              left;
    margin-left:        0;
    }
img.right {
    float:              right;
    margin-right:       0;
    }
/* ----------------------------------------------------------------------------- <blockquote> */
blockquote {
    font-family:        Verdana, Arial, sans-serif;
    line-height:        150%;
    background-color:   #98B6DE;
    }
blockquote p.citation {
    line-height:        125%;
    font-size:          90%;
    font-style:         italic;
    }
p.lambometer {
    text-align:         center;
    }
span.lambometer {
    display:            inline;
    color:              white;
    background-color:   darkgreen;
    font-size:          2.0em;
    letter-spacing:     4px;
    font-family:        arial;
    font-weight:        bold;
    padding:            0.1em 8Px 0.1em 10px;
    border-style:       double;
    border-width:       medium;
}
.floatr {
    float:              right;
    width:              45%;
    margin:             0.5em;
    border-width:       1px;
    border-style:       solid;
    border-color:       black;
    padding:            2px;
    background-color:   lightgrey;
    }
.spotbox {
    background-color:   aliceblue;
    margin:             0px;
    border:             1px solid navy;
    padding:            0.5em;
    }
.rem {                                          /* used for remarks, as a <span class="rem"> */
    color:              red;
    font-style:         italic;
    }
/* ======================================================================== link styles */

a:link { text-decoration:    underline;}
                                        /* order LVHA: Love-Hate */
a:link 			{   color:              blue;}
a:visited 		{   color:              green;}
a:hover  		{   background-color:   white; }
a:active 		{   color:              red;
                    background-color:   white;
                    }

                            /* visually active border around link images */
a:link img      {   border-color:       blue;}
a:visited img   {   border-color:       green;}
a:hover img     {   border-color:       white;}
a:active img    {   border-color:       red;}




li a {
    font-size:          100%;
    }

a.sko_button {			/* 'some kind of' link button */
    display:            inline;
    float:              right;
    margin:             5px;
	line-height: 		120%;
	border-style: 		outset;
	border-width: 		2px;
	padding-left:		10px;
	padding-right:		10px;
	font-weight:		bold;
	text-decoration:    none;
    }
/* ======================================================================== END LINKS */