/* CSS styles for the Columbia Savin Hill Civic Association web site */
body {font-family: verdana, arial;font-size: small;}
a:link {color: #000000;font-family: verdana, arial;}
a:visited {color: #000000;font-family: verdana, arial;}
a:hover {color: red;}
a:active {color: red;}
h1 {text-align: center;font-family: arial, helvetica;font-size: large;color: #0099ff;font-weight: bold;line-height: 1.1em;}
h2 {text-align: center;font-family: arial, helvetica;font-size: large;color: green;font-weight: bold;line-height: 1.1em;}
h3 {text-align: center;font-family: arial, helvetica;font-size: medium;color: black;font-weight: bold;line-height: 1.1em;}
h4 {text-align: center;font-family: arial, helvetica;font-size: medium;color: black;font-weight: normal;line-height: 1.1em;}
h5 {text-align: center;font-family: arial, helvetica;font-size: small;color: #003399;font-weight: bold;line-height: 1.1em;}
h6 {text-align: center;font-family: arial, helvetica;font-size: small;color: white;font-weight: normal;background: #003399;line-height: 1.1em;}
h7 {text-align: left;margin-left: 10px;font-family: arial, helvetica;font-size: small;color: black;font-weight: bold;line-height: 1.1em;}
p {clear: left;margin-left: 10px;text-align: left;color: black;font-family: verdana, arial;background-color: transparent;font-size: small;font-weight: normal;line-height: 1.1em;}
p.center {margin-left: 10px;text-align: center;color: black;font-family: verdana, arial;background-color: transparent;font-size: small;font-weight: normal;}
p.indent {text-indent: 20px;text-align: left;color: black;font-family: verdana, arial;background-color: transparent;font-size: small;font-weight: normal;}
p.bold {margin-left: 10px;text-align: left;color: black;font-family: verdana, arial;background-color: transparent;font-size: small;font-weight: bold;}
p.footer {float: left;width: 100%;text-align: left;margin-left: 10px;line-height: 100%;color: black;font-family: verdana, arial;background-color: transparent;font-size: x-small;font-weight: normal;}
p.nav {float: left;text-align: left;margin: 0px;line-height: 100%;color: black;font-family: verdana, arial;background-color: transparent;font-size: small;font-weight: normal;clear: left;}
ul.disc {list-style-type: disc;list-style-position: inside;font-family: arial;line-height: 110%;margin-left: 0px;marker-offset: auto;}
ul.circle {list-style-type: circle;list-style-position: outside;font-family: verdana, arial;line-height: 110%;margin-left: 0px;marker-offset: auto;}
ul.square {list-style-type: square;list-style-position: outside;font-family: verdana, arial;line-height: 110%;margin-left: 0px;marker-offset: auto;}
ul.none {line-height: 110%;}
#navigation {width: 190px;font-family: verdana, arial;float: left;font-size: smaller;clear: left;}
#navigation ul {list-style: none; margin: 0;padding: 0;}
#navigation li {border-bottom: 1px solid #ffffff;}
#navigation li a:link, #navigation li a:visited {display: block;padding: 5px 5px 5px 0.5em;border-left: 10px solid #333366;border-right: 1px solid #333366;background-color: #333366;color: #ffffff;text-decoration: none;}
#navigation li a:hover, #navigation li a:active {color: #ffff00;text-decoration: underline;}
#navigation ul ul {margin-left: 10px;}
#navigation ul ul li {border-bottom: 1px solid #ffffff;}
#navigation ul ul li a:link, #navigation ul ul li a:visited {display: block; padding: 5px 5px 5px 0.5em; border-left: 12px solid #333366; border-right: 1px solid #333366; background-color: #3366cc; color: #ffffff; text-decoration: none;}
#navigation ul ul li a:hover, #navigation ul ul li a:active {color: #ffff00;text-decoration: underline;}
#container {width: 675px;margin-left: 10px;border: 0px;text-align: center;font-size: small;line-height: 100%;background-color: #ffffff;clear: left;}
#header {width: 100%;margin: 2px;text-align: center;background-color: transparent;clear: left;}
#center {float: left;width: 470px;margin: 4px;padding: 2px;text-align: left;color: black;font-family: verdana, arial;background-color: transparent;font-size: smaller;font-weight: normal;clear: right;}
#notice {margin: 0px 15px 0px 15px;padding: 0px 4px 7px 4px;line-height: 100%;text-align: center;background-color: #f5fdff;border-style: solid; border-width: 2px;border-color: #999999;color: black;font-size: small;}
#footer {width: 100%;margin: 2px;text-align: center;background-color: transparent;font-size: x-small;clear: left;}
#footer p {text-align: left;font-size: x-small;clear: left}
table {font-size: small;}
table.footer {clear: left;float: left;border: 0;padding: 0;clear: right;}
td.footer {border: 0px;padding: 0px;text-align: left;color: #000066;font-family: verdana, arial;background-color: transparent;font-size: x-small;font-weight: normal;}
td.head {border: 0px;padding: 4px 4px 4px 4px;text-align: right;background-color: #003399;color: white;font-size: small;font-weight: bold;}
td {border: 0px;padding: 3px;text-align: left;background-color: transparent;font-size: small;font-weight: normal;}
td.border {border: 1px solid #888888;padding: 4px;text-align: left;background-color: transparent;font-size: small;font-weight: normal;}
li {background-color: transparent;text-align: left;margin-left: 8px;padding: 0px;}
img {border: 0px; background-color: transparent;margin: 0;}
img.left {float: left;border: 0px; background-color: transparent;margin: 4px 0px 0px 4px;}
img.right {float: right;border: 0px; background-color: transparent;margin: 4px 4px 0px 0px;}
hr {width: 85%;align: center;size: 2px;color: #666666;}