/* from main.css */
/* setup */
body {
    margin:0;
    padding:0;
    border:0;
    width:100%;
    background:#999;
    font-size: 100%;
    font-family: Serif;
}

p { text-align: left; }

a:visited, a:active, a:link, a:hover {
    text-decoration:none;
    color: #000;
}
p a:visited, p a:active, p a:link {
    color: #224365;
}


.top-header { 
    font-family: Helvetica, Arial, sans-serif; 
    text-align: center;    
    border-bottom: 1px solid #faa;
    padding-bottom: .5em;
    padding-top: 1.5em;
    font-size: 1.5em;
}
.footer {
    margin: 2em;
}

.img-box img, .link-box img {
    display:block;
    margin: 0;
    padding: 0;
}

img.rounded { border-radius: 0.5em; }

img.full {
    width: 100%;
    height: auto;
    border-top: 1px solid #faa;
    border-bottom: 1px solid #faa;
    display:block;
    margin: 0;
    padding: 0;
}

.rHead { float: right; margin-left: 1em; }
.lHead { float: left; margin-right: 1em; }


.img-box {
    border-radius: 0.5em;
    overflow: hidden;
}

.pink-line{ border-bottom: 1px solid #faa; padding-bottom: 0.5em; }
.blue-line{ border-bottom: 1px solid #8cf; padding-bottom: 0.5em; }
.no-line{ border-bottom: none; padding-bottom: 0.5em; }

.centered { text-align: center; }

.content-box {
    background: #eee;
    display: inline-block;
    width: 80%;
    padding: 2em;
    overflow: hidden;
    border: 1px solid #8cf;
}

.main-box {
    padding: 0.5em ;
    border: 1px solid #faa;
}

.link-box { 
    display: inline-block;
    text-align: center;
    border: 1px solid #faa;
    cursor: pointer;
    border-radius: 0.5em;
    overflow: hidden;
    margin: 0.5em;
}

.link-box:hover {
    background: #aaa;
}

h2, h3 {
    font-family: Arial, sans-serif;
    text-align: center;
    margin: 0.5em;
    padding: 0;
    font-weight: normal;
}
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }

.nav {
    padding: 1em; 0;
}

.button, .nav a {
    font-weight: normal;
    font-size: 1em;
    display: inline-block;
    text-decoration:none;
    text-align: center;
    /*color: #224365;*/
    min-width: 60px;
    border-radius: 0.2em;

    margin: 3px;
    padding: 3px 5px 3px 5px;
    border: 1px solid #faa;
}
.button:hover, .nav a:hover { background: #aaa; }

.lead { display: block; font-weight: bold; margin-top: 0.5em; }
.addendum { font-size: smaller; font-style: italic; }

.clear {clear:both; }