@charset "utf-8";

/* layout */
body                    { clear: both; padding: 0; margin: 0; width: 100%; text-align: left; background-color: #ffffff; }
#wrapper                { padding: 10px; margin: 0 auto;  text-align: left; }

#header                 { clear: both; padding: 0; margin: 0 !important; margin /**/: 0 0 10px 0; text-align: center; }

#header_upper           { padding: 0; margin: 0; width: 100%; text-align: right; }
#header_upper ul        { padding: 0; margin: 0; list-style: none; }
#header_upper li        { display: inline; padding: 0 10px; margin: 0; border-right: 1px solid #000000; }
#header_upper li.last   { border: 0; }

#header_lower           { padding: 0; margin: 0; width: 100%; text-align: center; }
#header_lower h1        { padding: 0; margin: 0 !important; margin /**/: 0 0 10px 0; width: 100%; text-align: center; }
#header_lower ul        { padding: 0; margin: 7px 0 0 0; list-style: none; }
#header_lower li        { display: inline; padding: 0 8px; margin: 0; }
#header_lower li.last   { border: 0; }

#container              { clear: both; padding: 0; margin: 10px auto; width: 100%; text-align: center; 
                  background-image: url('../images/derry.gif'); background-repeat: no-repeat; background-position: right top; }

#search                 { padding: 10px 0 !important; padding /**/: 0 0; margin: 20px auto !important; margin /**/: 10px auto; text-align: center; }
#search_upper                { padding: 0; margin: 30px auto !important; margin /**/: 20px auto; text-align: center; }
#search_bottom                { padding: 0; margin: 30px auto !important; margin /**/: 20px auto; text-align: center; }
#search_message                 { padding: 0; margin: 5px auto !important; margin /**/: 5px auto; text-align: left; }
#search_pager_upper                 { clear: both; padding: 0; margin: 30px auto !important; margin /**/: 20px auto; text-align: center; }
#search_pager_bottom                 { clear: both; padding: 0; margin: 30px auto !important; margin /**/: 20px auto; text-align: center; }

#ads                    { padding: 0; margin: 20px auto !important; margin /**/: 20px auto; text-align: center; }
#ads p                  { display: inline; padding: 4px 10px; margin: 0; background-color: #efefef; }

#directory              { padding: 0; margin: 0 auto; text-align: center; }
#directory table        { padding: 0; margin: 0 auto; text-align: center; }
#directory th           { padding: 0 20px 2px 0; margin: 0; text-align: left; }
#directory th.caption   { color: #ff7e00 }
#directory td           { padding: 0 0 2px 0; margin: 0; text-align: left; }

#one_col_container      { clear: both; padding: 12px 0; margin: 0 auto; width: 100%; text-align: left; }
#one_col_container h2   { padding: 4px 8px 16px 8px; margin: 0 auto; background-color: #A6D65E; color: #ffffff; }

#two_col_container      { clear: both; padding: 12px 0; margin: 0 auto; width: 100%; text-align: left; }
#two_col_container h2   { padding: 4px 8px 16px 8px; margin: 0 auto; background-color: #A6D65E; color: #ffffff; }
#two_col_container .main         { padding: 0; margin: 0; text-align: left; width: 75%; float: left; }
#two_col_container .main2        { padding: 0; margin: 0; text-align: left; width: 65%; float: right; }
#two_col_container .main h2      { padding: 0; margin: 0 auto; }
#two_col_container .rightside    { padding: 0; margin: 0; text-align: left; width: 24%; float: right; }
#two_col_container .rightside1   { padding: 0; margin: 0; text-align: center; width: 24%; float: right; }
#two_col_container .leftside     { padding: 0; margin: 0; text-align: left; width: 24%; float: left; }
#two_col_container .rightside h2 { padding: 0; margin: 0 auto; }
#two_col_container .half         { padding: 0; margin: 0; text-align: left; width: 49%; float: left; }
#two_col_container .onesixth     { padding: 0; margin: 0; text-align: center; width: 16%; float: left; }



#three_col_container    { clear: both; padding: 12px 0; margin: 0 auto; width: 100%; text-align: left; }
#three_col_container h2 { padding: 4px 8px 16px 8px; margin: 0 auto; background-color: #A6D65E; color: #ffffff; }
#three_col_container .leftside    { padding: 0; margin: 0; text-align: left; width: 16%; float: left; }
#three_col_container .leftside h2 { padding: 0; margin: 0 auto; }
#three_col_container .main         { padding: 0; margin: 0; text-align: left; width: 66%; float: left; }
#three_col_container .main h2      { padding: 0; margin: 0 auto; }
#three_col_container .rightside    { padding: 0; margin: 0; text-align: left; width: 16%; float: right; }
#three_col_container .rightside h2 { padding: 0; margin: 0 auto; }

#footer                 { clear: both; padding: 20px 0; margin: 0 !important; margin /**/: 0 0 10px 0; text-align: center; }
#footer ul              { padding: 0; margin: 0 0 20px 0; list-style: none; }
#footer li              { display: inline; padding: 0 10px; margin: 0; }
#footer li.last         { border: 0; }

/* font */
body                    { font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
#directory table        { font-family: Arial, Helvetica, sans-serif; font-size: 14px; }

/* link */
a:link                  { color: #082c41; }
a:visited               { color: #354854; }
a:hover                 { background-color: #1c6ea0; color: #ffffff; }
#ads a:link             { color: #354854; }
#ads a:visited          { color: #354854; }
#ads a:hover            { background-color: #1c6ea0; color: #ffffff; }

/* configurations */
img                     { padding: 5px; border: 0; }
.left                   { float: left; }
.right                  { float: right; }
.search_title     { padding: 0px; margin: 10px 0 0 0; font-weight: bold; }
.search_detail     { padding: 0px; margin: 0 0 10px 0; font-size: 80%; }
.solid_horizon          { padding: 0; margin: 4px 0; border-bottom: 1px solid #c9c9c9; }
.dotted_horizon         { padding: 0; margin: 4px 0; border-bottom: 1px dotted #c9c9c9; }
.wrapclear_solid_horizon  { clear: both; padding: 0; margin: 4px 0; border-bottom: 1px solid #c9c9c9; }
.wrapclear_dotted_horizon { clear: both; padding: 0; margin: 4px 0; border-bottom: 1px dotted #c9c9c9; }
.frame_horizon            { border: 2px solid #ffa500; padding: 10px 0; text-align: center; width: 180px; float: left; vertical-align: middle; }
.frame_horizon1           { border: 2px solid #ffa500; padding: 10px 0; text-align: center; width: 360px; float: left; vertical-align: middle; }
.frame_horizon_side     { border: 2px solid #ffa500; padding: 4px 0; text-align: center; width: 115px; }
.frame_horizon_side1    { border-style: none solid solid ; border-width: 2px; border-color: #ffa500; padding: 4px 0; text-align: center; width: 115px; }

.frame_horizon1_side00  { border: 2px solid #ffa500; padding: 4px 0; text-align: center; width: 180px; }
.frame_horizon1_side01  { border-style: none solid solid ; border-width: 2px; border-color: #ffa500; padding: 4px 0; text-align: center; width: 180px; }