html { padding: 0; margin: 0; }
body { background-color: #efefef; padding: 0; margin: auto; font-family: "Century-Book",Georgia,Serif; font-size: 12pt; min-width: 50em; }
#form1 { }
#Main { width: 61em; margin-left: auto; margin-right: auto; margin-bottom: 5em; color:#6b6b6b; background-color: #ffffff; box-shadow: 2px 2px 5px #bbbbbb; }
.noscript { text-align: center; color: #ff8888; font-style: italic; }
.HeadingFont, #Header, .DynButtonText, .BodyTitle, h1, h2, h3, h4 { font-family: "Arial Narrow","Arial",Sans-Serif; font-stretch: condensed; }
#Header { }
#HeaderPart1 { height: 1.6em; background-color: #bbbbbb; color: #ffffff; }
#HeaderPart2 { height: 6.4em; background-color: #693a77; color: #ffffff; }
#HeaderPart2 img { height: 0.98em; }
#HeaderPart3 { height: 3em; background-color: #693a77; color: #ffffff; }
#Header hr { background: none repeat scroll 0 0 white; border: medium none; display: block !important; height: 1px; margin: 0; width: 100%; }
#HeaderTitle { font-size: 2em; margin-left: 2em; padding-top: 1.1em; }
#Body { text-align: left; padding: 2em 2em; text-align: justify; }
.BodyTitle { text-align: center; font-size: 1.8em; padding: 0.2em 0 0.8em 0; }
#Footer { }
.FooterArc { overflow: hidden; position: relative; height: 4em; }
.FooterArc img { position: absolute; right: 0; height: 100%; }
.FooterLogo { text-align: right; padding: 1em 2em 2em 0; }
.FooterLogo img{ height:5.3em; }

img { border:0em none black; }


h1, h2, h3, h4 { color: #6A3A77; }
/*h1.title { text-align: center; background-color: #6A3A77; border-radius: 0.4em; padding: 0.6em 0; color: #FFFFFF; font-weight: 100; font-family: helvetica; }*/
.infoImage { margin: 1em; }

/* Misc CSS */
.nav { display:inline-block; font-size: 0.9em; text-align: center; background-color: #6A3A77; padding: 0.6em; color: #FFFFFF; font-weight: bold; text-decoration: none; }
.nav:hover { background-color: #8e589e; }
.rationale { font-style: italic; }
.family { width: 18.75em; }
.graph { width: 35.0em; }
.outofdate { color:#CC0000; font-style:italic; }

/* Common CSS for floating */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

/* Navigation Circle CSS */
#ciw-graphic { position: relative; width: 53em; height: 31.25em }
.ciw-circle { width: 9.375em; position: absolute; top: 50%; left: 50%; margin: 0; }
#ciw-circle-centre     { margin-top: -4.6em; margin-left: -4.6em; }
#community-vitality    { margin-left: -4.6em; margin-top: -11.9em; }
#democratic-engagement { margin-left: 5.6em; margin-top: -8.1em; }
#education             { margin-left: 6.3em; margin-top: -1.8em; }
#environment           { margin-left: 5.6em; margin-top: 3.8em; }
#healthy-populations   { margin-left: -4.6em; margin-top: 6.3em; }
#leisure-culture       { margin-left: -15em; margin-top: 3.8em; }
#living-standard       { margin-left: -15.6em; margin-top: -2.1em; }
#time-use              { margin-left: -15em; margin-top: -8.1em; }

/* Citation CSS */
.citation { padding-bottom: 0.6em; }
.citNumber { float:left; width: 10%; text-align:center; }
.citBody { float: left; width: 85%; }
.citName { font-weight: bold; }
.citDetail { font-style: italic; }
.citLink { }