/* NOTE // these are main page attributes */
body                       { font-family:verdana, arial, sans-serif; font-size:12px; background-color:#cccccc; color:#000000; }
a:link                     { color:#000066; background-color:transparent; text-decoration:none; }
a:hover                    { color:#000066; background-color:transparent; text-decoration:underline; }
a:visited                  { color:#000066; background-color:transparent; text-decoration:none; }
a:visited:hover            { color:#000066; background-color:transparent; text-decoration:underline; }

/* NOTE // this is the main spaced border for the site } */
.BorderTLeft               { height:5px; line-height:5px; width:5px; }
.BorderT                   { height:5px; line-height:5px; }
.BorderTRight              { height:5px; line-height:5px; width:5px; }
.BorderLeft                { width:5px; }
.BorderRight               { width:5px; }
.BorderBLeft               { height:5px; line-height:5px; width:5px; }
.BorderB                   { height:5px; line-height:5px; }
.BorderBRight              { height:5px; line-height:5px; width:5px; }

/* NOTE // this top and bottom page caps } */ 
.containerTL               { height:10px; line-height:10px; background-image:url(../images/container.TL.gif); background-repeat:no-repeat; border-bottom:1px solid #999999; background-position:center bottom; vertical-align:bottom; text-align:center; width:10px; }
.containerT                { height:10px; line-height:10px; background-image:url(../images/container.T.gif);  background-repeat:repeat-x;  border-bottom:1px solid #999999; background-position:center bottom; vertical-align:bottom; text-align:center; }
.containerTR               { height:10px; line-height:10px; background-image:url(../images/container.TR.gif); background-repeat:no-repeat; border-bottom:1px solid #999999; background-position:center bottom; vertical-align:bottom; text-align:center; width:10px; }
.containerBL               { height:10px; line-height:10px; background-image:url(../images/container.BL.gif); background-repeat:no-repeat; border-top:1px solid #999999;    background-position:center top;    vertical-align:top;    text-align:center; width:10px; }
.containerB                { height:10px; line-height:10px; background-image:url(../images/container.B.gif);  background-repeat:repeat-x;  border-top:1px solid #999999;    background-position:center top;    vertical-align:top;    text-align:center; }
.containerBR               { height:10px; line-height:10px; background-image:url(../images/container.BR.gif); background-repeat:no-repeat; border-top:1px solid #999999;    background-position:center top;    vertical-align:top;    text-align:center; width:10px; }

/* NOTE // this controls the header table and menu */
.Header                    { width:100%; }
.HeaderMiddle              { background-image:url(../images/new.head.filler.jpg); background-repeat:repeat-x; background-position:center top; text-align:center; vertical-align:top; }
.NavigationMenu            { border-left:2px solid #999999; border-right:2px solid #999999; background-color:#333333; color: #ffffff; }

/* NOTE // these are the main containers for the sides and body of each page } */
.containerBody             { color:#000000; padding:10px; border-left:1px solid #999999; border-right:1px solid #999999; border-top:2px solid #999999; background-color:#ffffff; vertical-align:top; text-align:left; width:100%; }
.containerSideL            { color:#ffffff; padding:10px; border-left:2px solid #999999; border-right:1px solid #999999; border-top:2px solid #999999; background-color:#666666; vertical-align:top; }
.containerSideR            { color:#ffffff; padding:10px; border-left:1px solid #999999; border-right:2px solid #999999; border-top:2px solid #999999; background-color:#666666; vertical-align:top; }

/* NOTE // this controls the footer table */
.Footer                    { width:100%; color:#ffffff; text-align:center; padding:5px; border-left:2px solid #999999; border-right:2px solid #999999; background-color:#333333; }
.FooterTop                 { width:100%; height:10px; background-image:url(../images/footerTop.gif); background-repeat:repeat-x; background-position:bottom; vertical-align:bottom; border-left:2px solid #999999; border-right:2px solid #999999; border-top:2px solid #999999; }
.Footer a:link             { color:#FFFFFF; background-color:transparent; text-decoration:none; }
.Footer a:hover            { color:#FFFFFF; background-color:transparent; text-decoration:underline; }
.Footer a:visited          { color:#FFFFFF; background-color:transparent; text-decoration:none; }
.Footer a:visited:hover    { color:#FFFFFF; background-color:transparent; text-decoration:underline; }

/* NOTE // title = page navigation bar / subtitle = all other title bars on a page in descending order */
.barTitle                  { width:100%; padding:5px; color:#ffffff; background-color:#990033; background-position:left bottom; vertical-align:middle; text-align:left;   font-size:12px; font-weight:bold; border:2px solid #999999; }
.barSubTitle1              { width:100%; padding:5px; color:#ffffff; background-color:#333333; background-position:left bottom; vertical-align:middle; text-align:center; font-size:11px; font-weight:bold; border:2px solid #999999; }
.barSubTitle2              { width:100%; padding:4px; color:#ffffff; background-color:#666666; background-position:left bottom; vertical-align:middle; text-align:center; font-size:11px; font-weight:bold; border-left:2px solid #999999; border-right:2px solid #999999; border-top:2px solid #999999; }
.barSubTitle3              { width:100%; padding:3px; color:#ffffff; background-color:#999999; background-position:left bottom; vertical-align:middle; text-align:left;   font-size:11px; font-weight:bold; padding-left:15px; border:2px solid #666666; }
.barSubTitle4              { width:100%; padding:2px; color:#ffffff; background-color:#cccccc; background-position:left bottom; vertical-align:middle; text-align:left;   font-size:10px; font-weight:bold; padding-left:15px; border:2px solid #666666; }

/* NOTE // everything inside the left side bar */
.LeftContainer             { width:180px; border:2px solid #999999; text-align:center; }
.LeftTitle                 { font-weight:bold; padding:5px; border-bottom:2px solid #999999; background-color:#990033; }
.LeftPicture               { background-color:#000000; color:transparent; text-align:center; vertical-align:middle; }
.LeftName                  { font-weight:bold; padding:4px; background-color:#ffffff; color:#000000; border-top:2px solid #999999; }
.LeftText                  { padding:5px; background-color:#ffffff; color:#000000; }

/* NOTE // everything inside the right side bar */
.MainRightContainer        { width:180px; border:2px solid #999999; text-align:center; }
.RightContainer            { width:200px; border:2px solid #999999; text-align:center; }
.RightContainer2           { width:220px; border:2px solid #999999; text-align:center; }
.RightTitle                { font-weight:bold; padding:5px; border-bottom:2px solid #999999; background-color:#990033; }
.RightPicture              { background-color:#000000; color:transparent; text-align:center; vertical-align:middle; }
.RightName                 { font-weight:bold; padding:4px; background-color:#ffffff; color:#000000; border-top:2px solid #999999; }
.RightText                 { padding:5px; background-color:#ffffff; color:#000000; }
.RightContact              { text-align:left; padding:5px; background-color:#ffffff; color:#000000; }
.RightMenu                 { font-weight:bold; text-align:left; padding:5px; background-color:#ffffff; color:#000000; }
.RightMenu a:link          { color:#990033; background-color:transparent; text-decoration:none; }
.RightMenu a:hover         { color:#990033; background-color:transparent; text-decoration:underline; }
.RightMenu a:visited       { color:#990033; background-color:transparent; text-decoration:none; }
.RightMenu a:visited:hover { color:#990033; background-color:transparent; text-decoration:underline; }

/* NOTE // these are elements on the main home page */
.homeTourism               { width:100%; text-align:center; vertical-align:middle; }
.homeEconomicDev           { width:100%; text-align:center; vertical-align:middle; }
.homeUnbridledSpirit       { width:100%; text-align:center; vertical-align:middle; }
.homeJudgeMsgText          { width:100%; padding:5px; text-align:left; vertical-align:top; border:2px solid #999999; }
.homeRecentNewsText        {	padding:5px; padding-left:10px; width:100%;	text-align:left;	vertical-align:top; border-left:2px solid #999999; border-right:2px solid #999999; list-style-position:inside;	list-style-image: url(../images/bullet.gif); }
.homeRecentNewsThanks      { width:100%; padding:5px; text-align:center; vertical-align:middle; border:2px solid #999999; font-weight:bold; }

/* NOTE // this will cover the ordinance menu */
.ordinanceMenu             { width:100%; border-bottom:2px solid #999999; border-left:2px solid #999999; border-right:2px solid #999999; text-align:left; vertical-align:top;	list-style-position:inside;	list-style-image: url(../images/bullet.gif); }
.ordinanceText             { width:100%; border-bottom:2px solid #999999; border-left:2px solid #999999; border-right:2px solid #999999; text-align:left; vertical-align:top;	list-style-position:inside;	list-style-image: url(../images/bullet.gif); }

/* NOTE // this will cover administration section */
.adminTitle                { padding:5px; text-align:center; vertical-align:middle; background-color:#666666; color:#ffffff; border-left:2px solid #999999; border-right:2px solid #999999; border-top:2px solid #999999; font-weight:bold; }
.adminPicture              { width:180px; text-align:center; vertical-align:middle; border:2px solid #999999; }
.adminName                 { padding:5px; text-align:center; vertical-align:middle; border-left:2px solid #999999; border-right:2px solid #999999; border-bottom:2px solid #999999; font-weight:bold; }

/* NOTE // this will cover officials, fiscal court and departments sections */
.officialTitle             { padding:5px; text-align:left; vertical-align:middle; background:#333333; color:#ffffff; font-weight:bold; border-left:2px solid #999999; border-top:2px solid #999999; border-right:2px solid #999999; }
.officialPicture           { width:180px; border:2px solid #999999; text-align:center; vertical-align:top; }
.officialInformation       { padding:5px; text-align:left; vertical-align:top; border-top:2px solid #999999; border-bottom:2px solid #999999; border-right:2px solid #999999; }
.officialText              { width:100%; padding:5px; border:2px solid #999999; }
.officialTextRight         { text-align:right;  vertical-align:top;	list-style-position:inside;	list-style-image: url(../images/bullet.gif); }
.officialTextCenter        { width:200px; text-align:center; vertical-align:top;	list-style-position:inside;	list-style-image: url(../images/bullet.gif); }
.officialTextLeft          { text-align:left;   vertical-align:top;	list-style-position:inside;	list-style-image: url(../images/bullet.gif); }

/* NOTE // this will cover boards & commissions section */
.boardTitle                { padding:5px; font-weight:bold; text-align:center; vertical-align:middle; background-color:#333333; color:#ffffff; border-bottom:2px solid #999999; }
.boardText                 { text-align:left; vertical-align:top;	list-style-position:inside;	list-style-image: url(../images/bullet.gif); }
.boardContainer            { width:100%; border:2px solid #999999; }

/* NOTE // this will cover the Contact Us section */
.contactText               { width:100%; padding:5px; text-align:left; vertical-align:top; border:2px solid #999999; }
.contactRequired           { color:#FF0000; }

/* NOTE // this will cover the Links section */
.links                     { width:100%; }
.linksPicture              { width:155px; text-align:left; vertical-align:top; }
.linksText                 { padding-left:10px; text-align:left; vertical-align:top; }