body {
text-align: center;
margin: 0px;
margin-top: 40px;
}


#site_container {
width: 768px;
margin: auto;
clear: both;
float: none;
}

#main_container {
width: 768px;
float: left;
text-align: left;
}

#logo_container {
width: 196px;
height: 142px;
float: left;
background-color:#ffffff;
padding-left: 0px;
padding-right: 13px;
text-align: center;
}

html>body #logo_container {
width: 183px;
}


#quick_search_bar {
width: 572px;
background-color: #ffffff;
float: left;
height: 108px;
margin: 0px;
padding: 0px;
}

html>body #quick_search_bar {
height: auto;
min-height: 108px;
}

.banner_left_image 
{
    width: 178px;
    float: left;
    height: 108px;
    background-color: #ffcc00;
}

.banner_left_caption
{
    width: 108px;
    float: left;
    height: 108px;
    background-color: #ffcc00;
}


.banner_right_image
{
    width: 178px;
    float: left;
    height: 108px;
    background-color: #ce3201; 
}

.banner_right_caption
{
    width: 108px;
    float: left;
    height: 108px;
    background-color: #ce3201; 
}

.banner_left_caption p, .banner_right_caption p, .banner_left_caption p a, .banner_right_caption p a 
{
    width: 92px;
    font-size: 135%;
    font-weight: bold;
    color: #ffffff;
    margin: 4px; 
    float: left;

} 

html>body .banner_left_caption p, html>body .banner_right_caption p
{
    margin: 8px; 
}

.banner_left_caption p a, .banner_right_caption p a 
{
    color: #ffffff;
    font-size: 100%;
    text-decoration: none;
    margin: 0px;
} 


.banner_left_caption p a a:hover, .banner_right_caption p a a:hover 
{
    text-decoration: underline;
} 



#top_nav {
width: 572px;
float: left;
margin-top: 10px;
margin-bottom: 14px;
font-size: 100%;
font-weight: bold;
border: 2px solid #e5e8eb;
height: 25px;
}

html>body #top_nav {
width: 567px;
height: auto;
min-height: 25px;
}


#top_nav ul.main_nav {
list-style-type: none;
padding: 0px;
margin: 0px;
}

#top_nav ul.main_nav li {
float: left;
border-right: 1px solid #e5e8eb;
}

html>body #top_nav ul.main_nav li {
height: auto;
padding-bottom: 0px;
}

#top_nav ul.main_nav li.last {
border-right: none;
}

#top_nav ul.main_nav li a {
text-decoration: none;
display: block;
padding-top: 5px;
padding-left: 15px;
padding-right: 15px;
display: table-cell;
color: #8e98a1;
height: 25px;
}

html>body #top_nav ul.main_nav li a {
padding-top: 5px;
}



#top_nav ul.main_nav li.selected a  {
background-color: #e5e8eb;
}

#top_nav ul.main_nav li a:hover  {
background-color: #e5e8eb;
}

#top_nav ul.main_nav li.first a {
padding-left: 24px;
padding-right: 25px;
}

/*
#top_nav ul.sub_nav  {
list-style-type: none;
padding: 0px;
margin: 0px;
text-align: center;
width: 568px;
}

#top_nav ul.sub_nav li {
display: inline;
padding-left: 25px;
padding-right: 25px;
}

#top_nav ul.sub_nav li a {
color: #404040;
text-decoration: none;
}

#top_nav ul.sub_nav li a:hover  {
color: #C0D645;
}

#top_nav ul.sub_nav li.selected a  {
color: #C0D645;
}
*/

#primary_column {
float: left;
width: 768px;
}

#right_column {
width: 572px;
float: right;
}

#content_area {
width: 572px;
float: left;
}

#content_area h1 {
font-size: 140%;
margin-top: 0px;
margin-bottom: 10px;
color: #cd3200;
padding-left: 4px;
padding-right: 4px;
}

#content_area h2 {
font-size: 120%;
margin-top: 10px;
margin-bottom: 10px;
color: #cd3200;
padding-left: 4px;
padding-right: 4px;
}

#content_area h3 {
font-size: 110%;
margin-top: 10px;
margin-bottom: 10px;
color: #cd3200;
padding-left: 4px;
padding-right: 4px;
}

#content_area h4 {
font-size: 110%;
margin-top: 10px;
margin-bottom: 10px;
color: #cd3200;
padding-left: 4px;
padding-right: 4px;
}


#content_area p {
margin-top: 5px;
margin-bottom: 5px;
color: #000000;
padding-left: 4px;
padding-right: 4px;
}

#content_area p.large_text {
margin-top: 5px;
margin-bottom: 5px;
color: #666666;
padding-left: 4px;
padding-right: 4px;
font-size: 130%;
font-weight: bold;
}

#content_area p.intro_text {
margin-top: 10px;
margin-bottom: 5px;
padding-left: 4px;
padding-right: 4px;
font-size: 120%;
font-weight: bold;
}

#content_area p.arrow {
text-indent: 25px;
background-image: url(/images/blocks/arrow_p_bg.gif);
background-position: left top;
background-repeat: no-repeat;
}

#content_area ul {
list-style-type: square;
list-style-position: inside;
margin: 0px;
padding: 0px;
margin-left: 4px;
margin-top: 10px;
margin-bottom: 10px;
}

html>body #content_area ul {
}

#content_area ul li {
padding-left: 0px;
}




#content_area #breadcrumb {
clear: both;
border-bottom: 1px solid #D9D9D9;
margin-bottom: 15px;
margin-top: 15px;
}

#content_area div.highlights {
margin-top: 20px;
float: left;
}

#content_area div.highlights h2 {
float: left;
width: 572px;
color: #cd3200;
padding-bottom: 5px;
border-bottom: 1px solid #D9D9D9;
margin-bottom: 9px;
padding-left: 4px;
padding-right: 4px;
}

html>body #content_area div.highlights h2 {
width: 564px;
}

#content_area div.highlights div.item_row {
width: 572px;
float: left;
}


#content_area div.highlights div.item_row div.item {
width: 190px;
float: left;
margin-left: 1px;
background-color: #666666;
padding-bottom: 7px;
}

#content_area div.highlights div.item_row div.first {
margin-left: 0px;
}

#content_area div.highlights div.item_row div.item  img {
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
}

#content_area div.highlights div.item_row div.item h2 {
color: #ffffff;
width: auto;
border: none;
margin-top: 12px;
font-size: 130%;
float: none;
margin-bottom: 0px;
padding-bottom: 0px;
padding-left: 14px;
}

#content_area div.highlights div.item_row div.item p {
padding-left: 14px;
margin-top: 5px;
margin-bottom: 5px;
}




#left_column {
width: 187px;
float: left;
padding-bottom: 10px;
}

html>body #left_column {
padding-bottom: 0px;
}

#left_nav_bar {
width: 187px;
background-color: #413F42;
float: left;
}

#left_nav_bar ul {
margin: 0px;
padding: 0px;
list-style-type: none;
background-color: #cd3200;
}

#left_nav_bar ul.top_level {
margin-left: 1px;
width: 185px;

}

#left_nav_bar ul.top_level li a {
font-weight: bold;
color: #ffffff;
text-decoration: none;
display: block;
width: 185px;
padding-left: 10px;
padding-bottom: 5px;
padding-top: 15px;
border-top: 3px solid #413F42;
}

#left_nav_bar ul.top_level li.first a {
border: none;
}


html>body #left_nav_bar ul.top_level li a {
width: 175px;
}

#left_nav_bar ul.top_level li a:hover  {
background-color: #666666;
}

#left_nav_bar ul.top_level li.selected a  {
background-color: #666666;
}

#left_nav_bar ul.top_level li.selected ul.sub_level li a  {
background-color: #413F42;
}



#left_nav_bar ul.top_level li ul.sub_level {
margin: 0px;
background-color: #413F42;
}

#left_nav_bar ul.top_level li ul.sub_level li {
margin: 0px;
}

#left_nav_bar  ul.top_level li ul.sub_level li a {
padding: 0px;
padding-left: 17px;
padding-top: 3px;
padding-bottom: 3px;
font-weight: normal;
margin: 0px;
width: 185px;
background-image: url(/images/blocks/left_nav_white_dot_bg.gif);
background-position: left center;
background-repeat: no-repeat;
border: none;
}

html>body #left_nav_bar  ul.top_level li ul.sub_level li a {
width: 168px;
}

#left_nav_bar  ul.top_level li ul.sub_level li a:hover {
background-color: #666666
}

#left_nav_bar  ul.top_level li ul.sub_level li.selected a {
background-color: #666666
}


#left_nav_bar  ul.top_level li ul.grey_text li a {
color: #B4B2B3;
background-image: url(/images/blocks/left_nav_grey_dot_bg.gif);
}

#left_nav_bar  ul.top_level li ul.grey_text li a:hover {
color: #ffffff;
background-image: url(/images/blocks/left_nav_white_dot_bg.gif);
}

#left_nav_bar  ul.top_level li ul.grey_text li.selected a {
color: #ffffff;
background-image: url(/images/blocks/left_nav_white_dot_bg.gif);
}

#left_column div.left_item {
width: 187px;
padding-left: 25px;
background-position: top left;
background-repeat: no-repeat;
margin-top: 10px;
}

html>body #left_column div.left_item {
width: 162px;
}

#left_column div.left_item h2{
color: #8b99a3;
font-size: 120%;
margin-bottom: 0px;
font-weight: bold;
 font
}

#left_column div.left_item p {
margin-top: 5px;
}


/* left column table styles begin now */

#left_column table {
font-size: 100%;
font-family: arial, verdana, times, courier;
border-collapse: collapse;
margin-top: 10px;
border: 2px solid #e5e8eb;
width: 188px;
}

#left_column caption {
text-align: left;
padding-top: 20px;
padding-bottom: 10px;
font-weight: bold;
}

html>body #left_column caption {
padding-bottom: 0px;
}

#left_column table img 
{
   padding-left: 2px;
}

#left_column table ul 
{
    list-style-type: square;
    list-style-position: inside;
    margin: 0px;
    padding: 0px;
    margin-left: 4px;
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 90%
}

html>body #left_column table ul 
{
    font-size: 95%
}



#left_column table ul li {
padding-left: 0px;
}

#left_column table th {
background-color: #FFFFFF;
border: 1px solid #D9D9D9;
text-align: left;
padding: 5px;
}

#left_column table td {
border: 1px solid #D9D9D9;
vertical-align: top;
text-align: left;
padding: 2px;
color: #88959f;
}

#left_column table td b, #left_column table td strong {
padding-left: 4px;
}

/* left column table styles end now*/



#left_column div.envelope {
background-image: url(/images/blocks/left_envelope_block_bg.gif);
}

#left_column div.dialogue {
background-image: url(/images/blocks/left_dialogue_block_bg.gif);
}



#footer_container {
clear: both;
width: 100%;
margin-top: 7px;
border-top: 1px solid #DCDCDC;
text-align: center;
}

#footer_content {
width: 768px;
margin: auto;
text-align: left;
color: #838383;
}

#footer_content p {
margin-top: 5px;
}

#footer_content a {
color: #838383;
}



/* [hardin] consolidated and taken from colors_highlights.css from ctauk etc */

/* highlight block colors */

#content_area div.highlights div.all_red {
background-image: 
url(/images/blocks/item_row_all_red_bg.gif);
background-position:top left;
background-repeat: repeat-y;
}


/* item_row bg color schemes */

#content_area div.highlights div.item_row div.red {
background-color: #cd3200;
}


/* additions for search functionality */ 
#villageNameSearchContainer {
    width: 100%;
    float: left;
    margin-bottom: 16px;
}
#villageNameSearchContainer .villageNameSearchLeft {
    width: 48%;
    float: left;
    margin-right: 4px;
}
#villageNameSearchContainer .villageNameSearchRight {
    width: 48%;
    float: right;
    margin-left: 4px;
}
a.alphalist 
{
    display: inline;
    width: 12px;
    float: left;
    font-size: 110%;
    font-weight: bold;
    color: #000;
    margin-right: 6px;
    margin-left: 2px;
    margin-top: 2px;
    margin-bottom: 6px;
    text-align: center;
}
#villageNameSearchContainer .villageNameSearchRight form 
{
    margin: 0px;
    padding: 0px;    
}
#villageNameSearchContainer .villageNameSearchRight form label 
{
    font-weight: normal;
    margin: 2px;    
}
#villageNameSearchContainer .villageNameSearchRight form input 
{
    margin: 2px;    
}
#villageResults 
{
    width: 100%;
    float: left;
    margin-bottom: 16px;
}
table.transProv td 
{
    padding: 2px;
}
table.transProv caption {
    background-color: #616b74;
    padding: 4px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 120%;
}
#two_col_list_home
{
    display: block;
    width: 220px;
    padding: 0px;
    margin: 0px;
    border: none;
}
#two_col_list_home ul 
{
    display: table;
    width: 218px;
    padding: 0px;
    margin: 0px;
    border: none;
    margin-left: 4px;
}
#two_col_list_home ul li {
    display: inline;
    width: 105px;
    float: left;
    list-style-type: none !important;
    font-size: 100%;
    padding-top: 3px;
    padding-left: 0px;
}
#two_col_list_home ul li a {
    display: block;
    width: 100%;
    cursor: pointer;
    padding-left: 2px;
}
#one_col_list_home
{
    display: block;
    width: 120px;
    padding: 0px;
    margin: 0px;
    border: none;
}
#one_col_list_home ul 
{
    display: table;
    width: 114px;
    padding: 0px;
    margin: 0px;
    border: none;
    margin-left: 4px;
}
#one_col_list_home ul li {
    display: inline;
    width: 110px;
    float: left;
    list-style-type: none !important;
    font-size: 100%;
    padding-top: 3px;
    padding-left: 0px;
}
#one_col_list_home ul li a {
    display: block;
    width: 100%;
    cursor: pointer;
    padding-left: 2px;
}
a img 
{
    cursor: pointer;
 }
 area
 {
    cursor: pointer;
    }


#villageResults {
      display: block;
      width: 100%
    }
#villageResults ul {
      display: block;
      width: 100%
    }
#villageResults ul li {
    display: inline;
    width: 140px;
    float: left;
    list-style-type: none !important;
    font-size: 100%;
    padding-top: 3px;
    /*padding-left: 2px;*/
}
#villageResults ul li a {
    display: block;
    width: 100%;
    padding-left: 2px;
}



/* Nix adding css to produce County menu(s) */

#left_nav_bar_county ul {
margin: 0px;
padding: 0px;
list-style-type: none;
background-color: #96a0a9;
}

#left_nav_bar_county ul.top_level {
margin-left: 1px;
width: 185px;
}


#left_nav_bar_county ul.top_level li {
font-weight: bold;
color: #ffffff;
width: 185px;
border-top: 2px solid #9ea8b1;
}

html>body #left_nav_bar_county ul.top_level li {
width: 185px;

}

#left_nav_bar_county ul.top_level li.first {
background-color: #616b74;
padding-left: 10px;
padding-top: 7px;
padding-bottom: 4px;
width: 175px;
}


#left_nav_bar_county ul.top_level li a {
text-decoration: none;
width: 185px;
display: block;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 3px;
color: #ffffff;
}

html>body #left_nav_bar_county ul.top_level li a {
width: 175px;
}

#left_nav_bar_county ul.top_level li.first a {
border: none;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
width: 175px;
}

html>body #left_nav_bar_county ul.top_level li.first a {
width: 165px;
}

#left_nav_bar_county ul.top_level li a:hover  {
background-color: #666666;
}

#left_nav_bar_county ul.top_level li.selected a  {
background-color: #666666;
}

#languageSelector 
{
    display: block;
    float: right;
    clear: none;
}

/* [hardin] The county bar will not have sub nav items but you never know? 
This css could be ressurrected and _county popped in, a little bit of colouring and height sizing and you're off

#left_nav_bar ul.top_level li.selected ul.sub_level li a  {
background-color: #413F42;
}

#left_nav_bar ul.top_level li ul.sub_level {
margin: 0px;
background-color: #413F42;
}

#left_nav_bar ul.top_level li ul.sub_level li {
margin: 0px;
}

#left_nav_bar  ul.top_level li ul.sub_level li a {
padding: 0px;
padding-left: 17px;
padding-top: 3px;
padding-bottom: 3px;
font-weight: normal;
margin: 0px;
width: 185px;
background-image: url(/images/blocks/left_nav_white_dot_bg.gif);
background-position: left center;
background-repeat: no-repeat;
border: none;
}

html>body #left_nav_bar  ul.top_level li ul.sub_level li a {
width: 168px;
}

#left_nav_bar  ul.top_level li ul.sub_level li a:hover {
background-color: #666666
}

#left_nav_bar  ul.top_level li ul.sub_level li.selected a {
background-color: #666666
}

*/