@charset "utf-8";
/* CSS Document */

*               { margin: 0; padding: 0; border: 0; }
body            { font-family: Arial, Helvetica, sans-serif; background-image: url(../images/cwc_bg.jpg); background-repeat: repeat-x; background-color: #E18C2B; }
#container      { width: 950px; margin: 0 auto; padding: 0; }

#topheader { position: relative; background-image: url(../images/cwc_header.jpg); background-repeat: no-repeat; width: 950px; height: 146px; }

#topnav         { position: absolute; top: 114px; left: 325px; margin: 0; padding: 0; text-transform: uppercase; }
#topnav ul            { list-style-type: none; }
#topnav ul li         { display: block; float: left; margin: 0; padding: 2px 0 0 0; }
#topnav ul li a       { display: block; padding: 2px 8px 5px 8px; margin: 0; text-decoration: none; letter-spacing: .02em; color: #FFFFFF; }
#topnav ul li a:hover { text-decoration: underline; color: #AA7F00; }
.fb { font-family: "Lucida Sans Unicode"; font-weight: bold; text-transform: lowercase; font-size: .9em; letter-spacing: .01em; }
.fb a { padding: 0 8px 4px 8px !important; }
.fb a:hover { color: #3b5998 !important; text-decoration: none !important; }

/* Content bottom padding of 1px is necessary to prevent the paragraph from creating a 12px space between itself and the footer div! */
#content            { font-size: 1em; background-image: url(../images/cwc_content.png); background-repeat: repeat-y; padding: 0 50px 1px 50px; 
                      min-height: 400px; height:auto !important; height: 400px; }
#content p.para     { margin-bottom: .8em; }
#content h4         { margin-bottom: .8em; }



#footer               { position: relative; text-align: center; margin: 0 auto; padding: 28px 0 0 0; background-image: url(../images/cwc_footer.png); background-repeat: no-repeat; width: 950px; height: 77px; }
#footer p             { font-size: .7em; }
#footer ul            { list-style-type: none; display: table; margin: 3px auto 0px auto; /*width: 465px;*/ }
#footer ul li         { display: block; float: left; padding-bottom: 3px; }
#footer ul li a       { display: block; padding: 2px 10px 0px 10px; text-decoration: none; font-size: .8em; text-transform: uppercase; color: #000000; letter-spacing: .02em; }
#footer ul li a:hover { text-decoration: underline; color: #AA7F00; }
#footer ul li.fb      { padding-bottom: 6px; }
#footer ul li.fb a    { font-size: .77em; margin-bottom: 3px; }


.curdate        { text-align: right; font-size: .8em; font-weight: bold; padding: 5px 0; }
.clearfloat     { clear: both; }

.textcenter     { text-align: center; }


/*********************************************************
           NEWS PAGE
*********************************************************/
h4.newsheader { display: block; float: left; width: 465px; padding: 5px 0 5px 5px; margin: 0 0 0px 0 !important; background-color: #7d4a0b; color: #FFFFFF; }
h4.fullwidth  { display: block;  padding: 5px 0 5px 5px; margin: 0 0 0px 0 !important; background-color: #7d4a0b; color: #FFFFFF;  }
.newsitem {  }
.newstext { padding: 10px; }
.comment        { float: right; padding: 0; font-size: .8em; line-height: 1.5em; width: 43%; }
.centerphoto    { text-align: center; }
.centerphoto img { border: 1px solid #333333; }

#pipeline,#texasstadium,.leftcol { float: left; width: 470px; }
#seniors,#n-events { padding: 10px; }

/*********************************************************
           END NEWS PAGE
*********************************************************/


/*********************************************************
                       LINKS PAGE
*********************************************************/
#content h3 { display: block; font-size: 1.2em; padding: 6px 0; }
#content ul { padding-left: 25px; padding-top: 0; margin-top: 0; }
#content ul li { padding-bottom: 5px; }
#wsched { font-size: .8em; }
#wsched .head  { background-color: #999999; padding: 4px 2px; }
#wsched .title { background-color: #CCCCCC; padding: 4px 2px; }
#wsched .info  { background-color: #FFFFFF; }

legend h3 { display: inline;  }

#leftcol  { float: left; width: 49%; margin-right: 5px; }
#rightcol { float: left; width: 48%; margin-left: 10px; }

.leftcol  { float: left; width: 49%; margin-right: 5px; }
.rightcol { float: left; width: 48%; margin-left: 10px; }

.govnums ul li { padding-bottom: 10px !important; }
.govnums ul li span { display: inline-block; width: 250px; }
.govnums ul li span.listnote { display: block; width: 100%; font-size: smaller; }



.whatsthis { font-size: .7em; }


.tooltip     { background-image: url(/images/shadow.png); background-repeat: no-repeat; background-position: 0px 0px; width: 250px; height: 180px; }
.tooltip div { padding: 55px 8px 8px 15px; }
.tooltip h5  { display: block; font-size: 1em; background-color:#FFD784; padding: 4px; }

.blogmsg	 { background-image: url(/images/shadow.png); background-repeat: no-repeat; background-position: 0px 0px; width: 250px; height: 180px; }
.blogmsg div { padding: 90px 15px 8px 20px; }

h3.sectiontitle { border-bottom: 2px dotted #C0C0C0; }
/*********************************************************
                     END LINKS PAGE
*********************************************************/

/*********************************************************
                     PHOTOS PAGE
*********************************************************/
.thumbstyle { border: 1px solid #000000; margin: 8px;/* width: 75px; */float: left; }

/*********************************************************
                    END PHOTOS PAGE
*********************************************************/

/*********************************************************
           CONTACT US PAGE
*********************************************************/
#contactcontainer { margin: 20px 0 20px 40px; }
#contactcontainer ul { list-style-type: none; }
#contactcontainer ul li { padding: 0 0 5px 0; }

#button { margin-left: 400px; border: 1px solid #333333; padding: 3px 10px; }

.err { display: block; margin-left: 130px; padding: 2px 0; font-size: .8em; font-weight:bold; color: #990000; }
.noerr { display: none; }

.outline { border: 1px inset #333333; }
.browsefile { background-color: #FFFFFF; border: 1px inset #333333; }
.separator { display: block; margin: 5px auto; background-image: url(../images/branch_separator.png); background-repeat: no-repeat; width: 828px; height: 35px; }
label { float: left; width: 130px; font-weight: bold; }
/*********************************************************
             END CONTACT US PAGE
*********************************************************/