/* First reset everything */

html, body, form, fieldset {
    margin: 0;
    padding: 0;
    font: 14px/20px "Baskerville","Times New Roman", serif;
    color: #333;
}

h1,h2,h3,h4,h5,h6,p,pre,code,blockquote,ul,ol,dl,body,div,dt,dd,form,fieldset,legend,input,textarea,th,td,address,tt {
    padding: 0;
    margin:  0;
}

p { margin: 1em 0 1em 0; }

h2 {
    display: block;
    margin: 0.83em 0 0.83em 0;
    font-size: 1.5em;
    font-weight: bold;
    text-align: left
}

h3 {
    display: block;
    margin: 1em 0 1em 0;
    font-size: 1.17em;
    font-weight: bold;
    text-align: left;
}

h4 {
    display: block;
    margin: 1.33em 0 1.33em 0;
    font-size: 1em;
    font-weight: bold;
    text-align: left;
}

blockquote {
    margin-left:  2em;
    margin-right: 2em;
}

form label {
    cursor: pointer;
}

fieldset, img {
    border: none;
}

input, select, textarea {
    font-size: 100%;
    font-family: inherit;
}

pre {
    width: 84%;
    padding: 3%;
    margin-left: 5%;
    line-height: 120%;
    background: #ffd;
    border: 1px solid #ddf;
}

code { font: 75% "Lucida Console",monospace;  }


code.small {
    font: 12px/14px "Lucida Console",monospace;
}

ul, menu, dir {
    display: block;
    list-style-type: disc;
    margin-left: 3em;
}

ol {
    display: block;
    list-style-type: decimal;
    margin-left: 3em;
}

li {
    display: list-item;
    margin-bottom: 2.0ex;
}

ul ul, ol ul {
    list-style-type: circle
}

ol ol ul, ol ul ul, ul ol ul, ul ul ul {
    list-style-type: square
}

dd {
    display: block;
    margin-left: 1em;
    margin-bottom: 1ex;
}

dl {
    display: block;
    margin-left: 1.5em;
}

dt {
    display: block;
}


#wrapper {
    width: 80%;
    max-width: 100%;
    text-align: left;
    padding-left:  10%;
    padding-right: 10%;
    background: #fff url(grey_dot.png) repeat-y 69% top;
}

#wrapper2 {
    width: 80%;
    max-width: 100%;
    text-align: left;
    padding-left:  10%;
    padding-right: 10%;
    background: #fff url(grey_dot.png) repeat-y 50% top;
}

#header {
    position: relative;
    background: #333 url("banner.png") repeat-x left bottom;
    height: 65px;
    color: #fff;
}

#logo_bw {
    display: none;
}

#header h1 {
    position: absolute;
    top:  20px;
    left: 108px;
    float: left;
    font-size: 36px;
}


#main {
    width: 64%;
    padding-left:  5%;
    padding-right: 5%;
    float: left;
    text-align: justify;
}

/* Lists */


#sidebar {
    width: 20%;
    margin-right: 3%;
    float: right;
}

#left {
    width: 40%;
    float: left;
    padding-left:  3%;
    padding-right: 3%;
    text-align: justify;
}

#left h2 {
    text-align: center;
}

#left h3 {
    text-align: center;
}

#right {
    width: 40%;
    float: right;
    padding-left:  3%;
    padding-right: 3%;
    text-align: justify;
}

#right h2 {
    text-align: center;
}

#right h3 {
    text-align: center;
}

div.listcontainer {
    margin-top: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #999;
}

div.lastlistcontainer {
    margin-top: 1em;
    padding-bottom: 1em;
}


#sidebar h2 {
    text-align: center;
    font-size: 140%;
}

#sidebar h3 {
    text-align: center;
    font-size: 120%;
}

#sidebar ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#sidebar li {
    margin: 0 0 0.5em 0;
    padding: 0;
}


#sidebar a {
    text-decoration: none;
    color: #333;
}

#sidebar a:hover {
    color: #f90;
}


ul.social li {
    display: inline;
}

ul.social li a {
    padding: 0 0.5em;
}

#footer {
    clear: both;
    width: 100%;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 1em;
    background: #fff;
}

span.link_list { display: none; }
#link_list     { display: none; }

table.articles {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
}

table.articles td {
    vertical-align: top;
}

table.articles td.date {
    width: 12em;
}

.img_border {
    border: 1px solid #333;
    padding: 3px;
    width: 80%;
    margin-left: 10%;
}

.img_border_small {
    border: 1px solid #333;
    padding: 3px;
    width: 40%;
    margin-left: 30%;
}

.img_border_2up {
    border: 1px solid #333;
    padding: 3px;
    width: 40%;
    margin-left: 6.667%;
}

.img_noborder {
    width: 80%;
    margin-left: 10%;
}

.img_noborder_small {
    width: 40%;
    margin-left: 30%;
}

.img_noborder_2up {
    width: 40%;
    margin-left: 6.667%;
}

.img_indent {
    margin-left: 5%;
}

.img_indent200 {
    margin-left: 5%;
    height: 12ex;
}

table.std td, table.std th {
    padding-left: 1em;
    padding-right: 1em;
}

table.spaced    {
    margin-left: 5%;
    padding-top: 2ex;
    padding-bottom: 2ex;
}

table.spaced td {
    padding-left: 2em;
    padding-right: 2em;
    padding-top:  0.25ex;
    padding-bottom:  0.25ex;
}

table.spaced th {
    text-align:   center;
    padding-left: 2em;
    padding-right: 2em;
    padding-top:  0.25ex;
    padding-bottom:  0.25ex;
    background:   #ccc;
}

table.cspaced    {
    margin-left: 5%;
    padding-top: 2ex;
    padding-bottom: 2ex;
}

table.cspaced td {
    text-align:   center;
    padding-left: 2em;
    padding-right: 2em;
    padding-top:  0.25ex;
    padding-bottom:  0.25ex;
}

table.cspaced th {
    text-align:   center;
    padding-left: 2em;
    padding-right: 2em;
    padding-top:  0.25ex;
    padding-bottom:  0.25ex;
    background:   #ccc;
}

table.cspaced_sml    {
    margin-left: 5%;
    width: 90%;
    padding-top: 2ex;
    padding-bottom: 2ex;
    font-size: 80%;
}

table.cspaced_sml td {
    text-align:   center;
    padding-left: 2em;
    padding-right: 2em;
    padding-top:  0.25ex;
    padding-bottom:  0.25ex;
}

table.cspaced_sml th {
    text-align:   center;
    padding-left: 2em;
    padding-right: 2em;
    padding-top:  0.25ex;
    padding-bottom:  0.25ex;
    background:   #ccc;
}

table.centered    {
    margin-left: auto;
    margin-right: auto;
    padding-top: 2ex;
    padding-bottom: 2ex;
}

table.centered td {
    text-align:   center;
    padding-left: 1em;
    padding-right: 1em;
    padding-top:  0.25ex;
    padding-bottom:  0.25ex;
}

table.centered th {
    text-align:   center;
    padding-left: 1em;
    padding-right: 1em;
    padding-top:  0.25ex;
    padding-bottom:  0.25ex;
}

tr.toprowborder    th { border-top:    1px solid black; }
tr.bottomrowborder th { border-bottom: 1px solid black; }
tr.leftrowborder   th { border-left:   1px solid black; }
tr.rightrowborder  th { border-right:  1px solid black; }
tr.lrborder        th { border-left:   1px solid black; border-right:  1px solid black; }

tr.toprowborder    td { border-top:    1px solid black; }
tr.bottomrowborder td { border-bottom: 1px solid black; }
tr.leftrowborder   td { border-left:   1px solid black; }
tr.rightrowborder  td { border-right:  1px solid black; }
tr.lrborder        td { border-left:   1px solid black; border-right:  1px solid black; }

tr.topborder    { border-top:    1px solid black; }
tr.bottomborder { border-bottom: 1px solid black; }
tr.leftborder   { border-left:   1px solid black; }
tr.rightborder  { border-right:  1px solid black; }
tr.lrborder     { border-left:   1px solid black; border-right:  1px solid black; }

td.topborder    { border-top:    1px solid black; }
td.bottomborder { border-bottom: 1px solid black; }
td.leftborder   { border-left:   1px solid black; }
td.rightborder  { border-right:  1px solid black; }
td.lrborder     { border-left:   1px solid black; border-right:  1px solid black; }

th.topborder    { border-top:    1px solid black; }
th.bottomborder { border-bottom: 1px solid black; }
th.leftborder   { border-left:   1px solid black; }
th.rightborder  { border-right:  1px solid black; }
th.lrborder     { border-left:   1px solid black; border-right:  1px solid black; }

.alignl         { text-align: left; }
.alignr         { text-align: right; }
.alignc         { text-align: center; }

p.indented       { margin-left: 10%; width: 80%; }
ol.indented      { margin-left: 15%; width: 70%; }
ul.indented      { margin-left: 15%; width: 70%; }
ol.alpha         { list-style-type: upper-alpha; }

#GLHdCanvas { width: 80%; margin-left: 10%; }

#GLHpostCanvas { width: 80%; margin-left: 10%;  margin-top: 5%; margin-bottom: 0%; }

#GLHbuttonBar button { border: none;
                    font-size: 16px;
                    display:    inline-block;
                    text-align: center;
                    margin-top: 5%;
                    margin-bottom: 5%;
                    margin-left: 20%;
                    width: 20%;
                    height: 32px;
                  }
#GLHbuttonFlash { background-color: #ff0; }
#GLHbuttonReset { background-color: #0c0; }