1 

     2 /*

     3  * Three main areas:

     4  *  header

     5  *  nav

     6  *  content

     7  *

     8  * Border layout:

     9  *      Header (bottom)

    10  *      Content (left)

    11  */

    12 

    13 /*

    14  * Global styles

    15  */

    16 body {

    17     padding: 0px;

    18     margin: 0px;

    19 

    20     background-color: #ffffff;

    21     color: #000000;

    22 }

    23 

    24 a {

    25     color: black;

    26     text-decoration: none;

    27     font-weight: bold;

    28 }

    29 

    30 a:hover {

    31     text-decoration: underline;

    32 }

    33 

    34 /*

    35  * Top header

    36  */

    37 div#header {

    38     padding: 30px;

    39     

    40     font-size: 48pt;

    41     font-weight: bold;

    42 

    43     border-bottom: 1px dashed #a5a5a5;

    44 }

    45 

    46 /*

    47  * Main navigation menu

    48  */

    49 ul#nav {

    50     float: left;

    51     margin: 0px;

    52     padding: 0px;

    53 

    54     list-style: none;

    55 

    56     width: 180px;

    57 

    58     padding-top: 25px;

    59 }

    60 

    61 ul#nav li a {

    62     display: block;

    63     

    64     padding: 10px;

    65     padding-left: 20px;

    66 }

    67 

    68 ul#nav li a:hover {

    69     background-color: #d0d0d0;

    70     text-decoration: none;

    71 }

    72 

    73 ul#nav li a#selected-page {

    74     border-left: 5px solid black;

    75     padding-left: 15px;

    76 }

    77 

    78 /*

    79  * Content

    80  */

    81 div#content {

    82     margin-left: 180px;

    83 

    84     padding: 25px;

    85 

    86     border-left: 1px dashed #a5a5a5;

    87 }

    88 

    89 div#content p {

    90     text-indent: 2em;

    91 

    92 }