/* CSS Document */
/* ------------------------------------- */

body {margin: 0; padding: 0; font: normal normal 14px/18px Helvetica, Arial, sans-serif; color: #3d95a0; background: #ffda54;}

label {display: block; font: normal bold 1em/1em Helvetica, Arial, sans-serif; color: #3d95a0;}

input, select, textarea {display: block; margin-bottom: 0.5em;}

/* Text Styles */
/* ------------------------------------- */

p {margin: 0 0 1em 0; padding: 0; font: normal normal 1em/1.3em Helvetica, Arial, sans-serif; color: #3d95a0;}

li {margin: 0 0 1em 0; padding: 0; font: normal normal 1em/1.3em Helvetica, Arial, sans-serif; color: #3d95a0;}

h1 {margin: 0; padding: 0; text-indent: -9999px; width: 900px; height: 220px; background: url('http://www.tcwpa.org/_assets/images/header.jpg') no-repeat;}
h2 {margin: 0 0 1em 0; padding: 0; font: normal bold 1.5em/1.3em Georgia, Times, serif; color: #25636a;}
h3 {margin: 0 0 1em 0; padding: 0; font: italic bold 1.2em/1.3em Georgia, Times, serif; color: #25636a;}
h4 {margin: 0 0 1em 0; padding: 0; font: normal bold 1.1em/1.3em Georgia, Times, serif; color: #3d95a0;}

img {border: 0; outline: 0;}

a {text-decoration: underline; color: #c7612e; outline: 0; cursor: pointer;}
a:hover {color: #291105; text-decoration: none;}

/* Main DIVs */
/* ------------------------------------- */

#container {margin: 0 auto; width: 900px;}

#header {margin: 0; padding: 0;}

#content {margin-top: 20px; background: #fff;}

#feature {margin: 0; padding: 15px;}

#text {margin: 0; padding: 20px 15px 0 15px; background: #fff;}

#home-left {margin: 0; padding: 20px; width:380px; float: left; background: #f1f1f1;}

#home-right {margin: 0; padding: 20px; width:380px; float: right; background: #f1f1f1;}

#footer {margin: 0; padding: 20px 50px 0 25px; height: 5px; width: 825px; height: 50px; background: #6bc6d1 url('http://www.tcwpa.org/_assets/images/footer.jpg') no-repeat; font: normal normal 0.90em/1em Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none; text-align: left; letter-spacing: .05em; color: #fff;}

/* Navigation */
/* ------------------------------------- */

#navigation {margin: 0; padding: 0; width: 900px; height: 60px; display: block; background: #6bc6d1;}
#navigation ul {margin: 0; list-style: none;}
#navigation ul li {margin: 0; padding: 20px; font: normal normal 1.25em/1.5em Helvetica, Arial, sans-serif; text-transform: lowercase; display: block; float: left;}
#navigation ul li a {margin: 0; text-decoration: none; color: #fff;}
#navigation ul li a:hover {text-decoration: none; color: #291105; padding: 15px 0;}
#navigation ul li.current a, #navigation ul li.active a {text-decoration: none; color: #fff; padding: 15px 0; border-top: 8px solid #fff; border-bottom: 7px solid #fff;}

/* Extra Classes */
/* ------------------------------------- */

.clear {clear: both;}

.left {float: left;}
.left-img {float: left; padding: 0 15px 15px 0;}

.right {float: right;}
.right-img {float: right; padding: 0 0 15px 15px;}

/* Special Styles */
/* ------------------------------------- */

#news {margin: 0; padding: 0; width: 900px; display: block;}
#news ul {margin: 0; list-style: none;}
#news ul li {margin: 0; padding: 8px 15px 5px 10px; border-top: 5px solid #999; border-bottom: 5px solid #999; font: normal normal 1.25em/1.25em Georgia, Times, serif; text-transform: uppercase; display: block; float: left;}
#news ul li a {margin: 0; text-decoration: none; color: #291105; text-align: center;}
#news ul li a:hover {text-decoration: none; color: #6bc6d1; padding: 0;}

#footer a {text-decoration: none; color: #fff;}

#attrib {margin: 0 auto; padding-top: 15px; width: 900px;}
#attrib p {font-size: 9px; color: #6bc6d1; text-align: right;}
#attrib p a {color: #6bc6d1; text-decoration: underline;}