/*Time-stamp: <2012-08-29 14:35:04 sutner>

html style for homepage

one column, centered 

pilfered from Klaus Sutner,( www.cs.cmu.edu/~sutner/)
in turn pilfered from numerous sources
*/


/* reset (http://meyerweb.com/eric/tools/css/reset/) --------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}



/* basics ------------------------------------------------------------------- */

html {
    font-size: 80.0%; 
    height: 100%;
}

/*'Bitstream Vera Sans' only good for Linux */
/* font-family: 'Bitstream Vera Sans',Verdana,sans; */


body {
    background: #D3D3D3;
    color: #5A5A50;
    font: normal 1.4em Georgia,sans-serif;  
    height: 100%;
    padding-bottom: 1px; 
}



p {
    line-height: 1.4em;
    padding: 0.2em 0 1.2em;
}



h1 {font: normal 3em Georgia,sans-serif;}
h2 {font: normal 2.2em Georgia,sans-serif;}
h3 {font: normal 2em Georgia,sans-serif;}
h4 {font: normal 1.8em Georgia,sans-serif;}
h5 {font: normal 1.6em Georgia,sans-serif;}
h6 {font: bold 1.2em Georgia,sans-serif;}

h1,h2,h3,h4,h5,h6 {margin-bottom: 0.2em;}


code {
    font-family:  courier,courier-new,fixed;
/*  white-space: pre; */
}


a {
        color: #5566dd;
    text-decoration: none;
}

a:hover {
    color: red;
}


/* page layout --------------------------------------------------------------- */


/* top stuff ----------------------------------------------------------------- */

#header {
    background: #A9A9A9; 
    padding-top: 8px;
}


#site_title {
    color: #998;
    padding: 0 0 16px;
}

#site_title a {
    color: #FFF;
    text-decoration: none;
}

#site_title a:hover {color: #FFB;}

#site_title h1 span {color: #CCB;}


/* navigation --------------------------------------------------------------- */

#navigation ul, #navigation li {display: inline;}

#navigation li {display: inline;}

#navigation, #navigation a {background: #ddddff; }

#navigation a {
    border-right: 1px solid #AFA69C;
    color: #654;
    float: left;
    font: bold 1em Georgia,Tahoma,sans-serif;
    margin-right: 1px;
    padding: 10px 12px;
    text-align: center;
    text-decoration: none;
}

#navigation li:first-child a {border-left: 1px solid #AFA69C;}

#navigation a:hover {
    background-position: 0 -294px;
    color: red;
}

#navigation li.current_page_item a {
    background-position: 0 -294px;
    background: #9999ee;
}


/* main body --------------------------------------------------------------- */

#main_wrapper {
    background: #EEEEEE;
    line-height: 1.4em;
    padding: 24px 0;
}

.center_wrapper {
    margin: 0 auto;
    width: 860px;
}

#main {
    font: normal 0.95em Verdana,sans-serif;
    width: 840px;
}

#main ol, #main ul {margin: 0 0 1.2em 1.6em;}
#main ul li {list-style: disc;}
#main ol li {list-style: decimal;}
#main li {padding: 2px 0;}

/* footer --------------------------------------------------------------- */
#footer {
    background: %D3D3D3;
    text-align: left
    color: #229922;
    font-size: small;
/*  border-top: 1px solid #cccccc; */
    margin-top: 40px;
    margin-left: 10px;
}


#footer a {color: #BBA;}

#footer .right, #footer .right a {
    color: #777;
    text-decoration: none;
}
#footer a:hover {color: #CCB;}




/* images ------------------------------------------------------------------- */

img.bordered {
    background-color: #FFF;
    border: 2px solid #DDD;
    padding: 3px;
}

img.left {margin: 0 15px 12px 0;}
img.right {margin: 0 0 15px 12px;}


/* tables ------------------------------------------------------------------- */

table.data_table {
    border: 3px solid #FFFFE0;
    margin-bottom: 2em;
    width: 100%;
}
table.data_table th {
    background: #EEEEEE; 
    border: 1px solid #FFFFE0; 
    color: #555;
    text-align: left;
}
table.data_table tr {border-bottom: 1px solid #DDD;}
table.data_table td, table th {padding: 10px;}
table.data_table td {
    background: #EEEEEE; 
    border: 1px solid #FFFFE0;
}


/* lists ------------------------------------------------------------------- */

dl {margin-bottom: 2em;}
dt,dd {padding: 8px 10px;}
dt {
    background: #EEEEEE; 
    border-bottom: 1px solid #CCB;
    color: #555;
    font-weight: bold;
}
dd {
    background: #EEEEEE;
    border-bottom: 1px solid #DDC;
    padding-left: 16px;
}


/* miscellany --------------------------------------------------------------- */


.hline {
    background: #D6D6C6;
    clear: both;
    color: #FFE;
    display: block;
    font-size: 0;
    height: 2px;
    line-height: 0;
    margin: 12px 0 24px;
}


.notice {
    border: 1px solid #DDD;
    margin-bottom: 1em;
    padding: 0.6em 0.8em;
    background: #FFF6BF; 
    color: #514721; 
    border-color: #FFD324;
}
.notice a {color: #514721;}


/* eof */