html { min-height: 100%; margin-bottom: 1px; }
body {margin: 0; text-align: center; padding: 8px 0; background: #006599}

a {color: #065286}
img {border: none}

body,table {font-family:Arial, Helvetica, sans-serif; font-size:small}

#container {width: 956px; margin: auto; text-align: left; background: #000 url(/images/back-mid.jpg) repeat-y}
#top {display: block; background: url(/images/back-top.jpg); width: 956px; height: 20px}
#bottom {display: block; background: url(/images/back-btm.jpg); width: 956px; height: 22px}
#content {padding: 6px 26px 4px;}

#header {}
#nav {background: #065286; margin: 9px 0}

#content_inner {padding: 0 12px 0 0}

table#content_table {width: 100%}
table#content_table td {vertical-align: top; padding: 0}
table#content_table td#sidecol {background: #E5EFF3; text-align: center; padding: 0 0 24px 0}

table#content_table td#maincol {width: 667px; padding: 0 8px 0 0;}
table#content_table td#maincol .inner {padding: 0 0 0 12px}

a#btn1 {display: block; background: url(/images/btn-blue.jpg) 0 1px no-repeat; width: 193px; height: 65px; text-align: center; color: #fff; text-decoration:none; font-weight: bold; padding: 6px 0 0 0; font-size: 1.1em; line-height: 1.4em}

a#btn2 {display: block; background: url(/images/btn-green.jpg) 0 1px no-repeat; width: 193px; height: 65px; text-align: center; color: #fff; text-decoration:none; font-weight: bold; padding: 6px 0 0x 0; font-size: 1.1em; line-height: 1.4em}

a#btn3 {display: block; background: url(/images/btn-purple.jpg) 0 1px no-repeat; width: 193px; height: 65px; text-align: center; color: #fff; text-decoration:none; font-weight: bold; padding: 6px 0 0 0; font-size: 1.1em; line-height: 1.4em}

a#btn1:hover {text-decoration: underline}
a#btn2:hover {text-decoration: underline}
a#btn3:hover {text-decoration: underline}

a#btn_member {display: block; padding: 1px 0 0 0}
a#btn_member:hover {padding: 0 0 1px 0}

.buttons {padding: 18px 0 12px 12px}

.more {line-height: 1.6em}
.more a {display: block; color: #333}
.more a:hover {color: #111}

.divider {border-top: 1px solid #ccc; clear: both; padding: 12px 0 0 0;}

.a_block img {float: right; margin: 0 0 6px 0}

.category {text-transform:uppercase; font-size: 90%; color: #222; padding: 0 0 4px 0}
a.title {color: #000; text-decoration:none; font-size: 1.5em; font-weight: bold}

h1 {display: block; background: url(/images/north-carolina-horse-council.gif) top left no-repeat; width: 667px; height: 27px; text-indent: -999em; margin: 8px 0 16px; padding: 0}

.description {line-height: 1.5em; padding: 0 24px 12px 0}

table.twocol {width: 100%}
table.twocol td {width: 50%}

#nav table {width: 100%; font-size: 90%}
#nav table td {text-align: center; border-right: 1px solid #ccc}
#nav table td.last {border-right: none}
#nav table a {display: block; padding: 2px; color: #fff; font-weight: bold; text-decoration: none}
#nav table a:hover {background: #222}

ul.linklist {margin: 0; padding: 0 0 12px 0; list-style-type: none}
ul.linklist li {padding: 6px 0 2px 0}

#footer {clear: both; margin: 12px 0 0; padding: 8px 80px 8px 8px; border-top: 1px solid #ccc; font-size: x-small; line-height: 1.5em}
#footer a {font-size: 110%}

table#headinglayout {width: 100%}
table#headinglayout td {padding: 0; text-align: top; height: 189px}
table#headinglayout td#playlist1 {width: 311px; padding: 0 9px}
table#headinglayout td#playlist2 {width: 377px}

table#columns {width: 98%; margin: 0 0 0 0px}
table#columns td {width: 50%; vertical-align: top; padding: 0 12px 0 0}

.listing {padding: 12px;}