/* BASIC ELEMENTS ***********************************************************************************/
html {min-height:100%; overflow-y:scroll}
body {height:100%; margin:0}
body {font-family:Arial, Helvetica, sans-serif; font-size:62.5%; line-height:1.3}
p {margin-top:0; margin-bottom:1em; font-size:1.6em}
h1 {margin-top:0; margin-bottom:1em; font-size:2.4em}
h2 {margin: 20px 0 12px 0; font-size:1.8em; font-weight:normal}
ul {padding-left:14px}
li {font-size:1.6em; margin-bottom:0.5em}
a {color:#2c4c6b}
a:hover {text-decoration:none}

/* COMMON FORMATS ******************************************************************************/
.illustration {float:left; width:217px; height:134px; margin:0.5em 2em 1em 0; border:1px #000000 solid}

/* TEMPLATE ******************************************************************************/
.width {padding:0 10%}

#banner {height:90px; background-color:#6b2d2d; padding-top:1em; padding-bottom:1em; overflow:hidden; color:white}
#picture {float:right}
#title1 {font-size:2.4em; margin-bottom:0}
#title2 {margin-bottom:0}

div.stripe {height:4em; line-height:4em; background-color:black}
div.stripe a {display:inline-block; padding:0 0.5em; color:white; text-decoration:none}
div.stripe a:hover {background-color:#6b2d2d}
ul.horizontal {margin:0; padding:0; white-space:nowrap}
ul.horizontal li {list-style-type:none; display:inline}

#middle {width:80%; padding-top:5em; padding-bottom:2em; background-color:#ffffff; overflow:hidden}
#content {float:left; width:65%}

#sidebar {float:right; width:25%}
#sidebar ul {margin-left:0}
#sidebar li {display:block; list-style-type:none; margin:0.3em 0; background-color:#6b2d2d; border-radius:0.5em}
#sidebar a {display:block; padding:0.3em 0 0.3em 1em; text-decoration:none; color:white; border-radius:0.5em}
#sidebar a:hover {background-color:#4c4c4c}

#bottomstripe {margin-top:2em; text-align:center}
#bottomstripe a {font-size:1.6em}
#bottom {padding-top:2em; padding-bottom:3em; font-size:1.2em}

/* HOME PAGE *****************************************************************************/
#thumbnails {margin:2em 0; padding:0; white-space:nowrap}
#thumbnails li {list-style-type:none; display:inline; padding-right:1em;}
#thumbnails img {border:1px black solid}

/* CAPSULES *****************************************************************************/
.caps1 {margin:2em 0; font-size:1.6em; border-collapse:collapse}
.caps1 th {text-align:left;background-color:#ffffcc}
.caps1 th, td {vertical-align:top; padding:0.5em 1em; border:1px black solid}

.caps2 {font-size:1.6em; background-color:#ffffcc; border-collapse:collapse; border:1px black solid; margin-bottom:2em}
.caps2 td {padding:0.5em 2em; border:0}

/* SLIDE SHOWS *****************************************************************************/
.slideshow {margin:2em 0}
a.slideslink {display:inline-block; height:2em; line-height:2em; padding:0.5em 1em; color:black; text-decoration:none; border:1px black solid; border-radius:0.5em}
a.slideslink:hover {background-color:#4c4c4c; color:white}
.flash {border:1px black solid; display:table}

/* MEDIA QUERIES ****************************************************************************/
@media print {
html {padding:0}
#banner {display:none}
#topstripe {display:none}
#sidebar {display:none}
#content {width:100%; float:none}
#bottomstripe {display:none}
#bottom {border-top:1px black solid}
}