/** layout css file **/
html, body
{
margin: 0 auto;
padding: 0px;
background-color: #ffffff;
font-family: Arial, "Tahoma", "Times New Roman", serif;
text-align: center;
width: 980px;
}
h1
{
font-size: 16pt;
display: block;
background: url(../img/page_dot.gif) bottom repeat-x;
padding-bottom: 5px;
margin-bottom: 10px;
}
#container
{
text-align: left;
background-color: #ffffff;
}
#top
{
background-color: #ffffff;
}
#top ul
{
margin-top: 0px;
}
#bottom
{
border:1px solid #ffffff;
background-color: #ffffff;
text-align:center;
}
/** common css file **/
form
{
margin:0px;
padding:0px;
}
input, button, select, label
{
font-family: "Tahoma", Arial, "Times New Roman", serif;
font-size: 8pt;
}
input
{
font-weight: normal;
padding: 1px;
}
html>body div.spacer
{
height:.01em;
}
.spacer
{
display: block;
clear:both;
height:0;
line-height:0;
font-size:0;
overflow:hidden;
}
a
{
color: #2277DD;
}
a:visited
{
/*color: 386acf#800080;*/
color: #2277DD;
}
/*a:hover
{
color: #800080;
color: #003db8;
border-bottom:1px dotted #800080;
}*/
.date
{
color: #999999;
}
.more-info, #article
{
display: block;
padding-bottom: 10px;
margin-bottom: 10px;
background: url(../img/page_dot.gif) bottom repeat-x;
}
.more-info .info-box h1
{
color: #666666;
font-size: 9pt;
text-transform: uppercase;
margin-top: 5px;
margin-bottom: 5px;
}
.more-info .info-box h2
{
margin-top: 7px;
margin-bottom: 7px;
font-size: 8pt;
color: #003db8;
}
.more-info .info-box a
{
font-size: 8pt;
text-decoration: none;
}
.more-info .info-box a:hover
{
font-size: 8pt;
text-decoration: underline;
}
.more-info .info-box h2 a
{
text-decoration: underline;
}
.more-info .info-box h2.first
{
margin-top:0px;
padding-top:0px;
}
.more-info .info-box p
{
font-size: 8pt;
margin-top: 5px;
margin-bottom: 5px;
}
.more-info .info-box img
{
float: left;
padding-top: 5px;
padding-right: 5px;
}
.more-posts
{
padding-bottom:10px;
}
.more-posts .posts-box h1, .more-posts .gallery-box h1, .more-posts .sitemap-box h1, .more-posts .faq-box h1
{
color: #67747f;
font-size: 12pt;
text-decoration: underline;
margin-bottom: 10px;
margin-top: 5px;
}
.more-posts .posts-box h1 a, .more-posts .gallery-box h1 a, .more-posts .sitemap-box h1 a, .more-posts .faq-box h1 a
{
color: #67747f;
}
.more-posts .posts-box
{
width:50%;
float:left;
}
.more-posts .posts-box ul, .more-info .info-box ul, .more-posts .sitemap-box ul
{
list-style: none;
margin:0px;
padding:0px;
line-height:1.2em;
}
.more-posts .posts-box ul li, .more-info .info-box ul li, .more-posts .sitemap-box ul li
{
font-size: 10pt;
background: url(../img/m_bullet.gif) no-repeat;
padding-left: 10px;
margin-bottom: 0;
line-height: 1.3em;
}
.post-note
{
color: #666666;
}
#copyrights p
{
margin-top:7px;
margin-bottom:7px;
font-size: 8pt;
text-align: center;
}
.sepline
{
height: 3px;
background-color: #a7b2bb;
}
.search
{
font-size:9pt;
text-align:center;
background-color: #a7b2bb;
margin-top:5px;
padding-top:5px;
color: white;
font-weight: bold;
height: 26px;
}
input#q, input#q1
{
width: 300px;
}
#site-menu-bottom
{
text-align: center;
margin: 5px 0 0 5px;
font-weight: bold;
}
.flmenu, .flmenu:visited, .flmenu:link
{
color: #000000;
text-decoration: none;
font-size: 8pt;
}
.slmenu, .slmenu:visited, .slmenu:link
{
font-size: 8pt;
text-decoration: underline;
color: #003db8;
font-weight: normal;
magrin-right: 5px;
}
.flmenu:hover
{
text-decoration: underline;
color: #000000;
}
.slmenu:hover
{
text-decoration: underline;
color: #003db8;
}
#logo
{
margin: 10px 0 10px 0;
border: 0px;
float:left;
}
#centimg
{
float:left;
margin: 5px 0 0 10px;
}
#site-navigator
{
float:right;
list-style: none;
margin: 5px 0 0 0;
padding: 30px 0 0 0;
}
#site-navigator li
{
float:left;
font-size:8pt;
padding: 0 5px 0 9px;
}
#site-navigator li.first
{
border-left:0px;
}
#site-navigator a
{
color: #666666;
text-decoration:none;
}
#site-navigator a:hover
{
color: #666666;
text-decoration:underline;
}
#site-menu
{
clear: both;
margin-top:20px;
padding-top:20px;
padding: 0;
}
#site-menu
{
margin: 0;
padding: 1px 3px 1px 6px;
list-style: none;
height: 25px;
background: url(../img/m_menubg.gif) repeat-x;
}
#site-menu li
{
float:left;
display:block;
height: 28px;
margin-right:3px;
}
#site-menu li a
{
display:block;
float:left;
font-size: 10pt;
font-weight:bold;
color:#fff;
white-space:nowrap;
padding:4px 6px;
margin:0;
text-decoration:none;
}
#site-menu li a:hover
{
text-decoration:underline;
}
#site-menu li div
{
display: block;
float: left;
margin: 0;
padding: 3px 0 0 0;
}
#site-menu li.on
{
background: #F2F3F5 url(../img/m_onl.gif) no-repeat;
padding-left: 3px;
}
#site-menu li.on div
{
background: url(../img/m_onr.gif) top right no-repeat;
padding-right: 3px;
padding-bottom: 1px;
}
#site-menu li.on a
{
color:#003DB8;
text-decoration:none;
}
#site-menu li.on a:visited
{
color:#2277DD;
text-decoration:none;
}
#site-menu li.on a:hover
{
color:#003DB8;
text-decoration:underline;
}
#site-menu li.index, #site-menu li.index div
{
background:none;
}
#site-menu li.index a
{
color:#003DB8;
font-weight:normal;
}
#site-menu li.index a:visited
{
color:#2277DD;
}
#site-submenu
{
list-style:none;
margin:0;
padding:0;
padding-bottom: 3px;
border-bottom:1px solid #ccc;
float:left;
width:100%;
background:#F2F3F5;
margin-top:3px;
margin-bottom:5px;
}
#site-submenu a
{
float:left;
display:block;
margin:7px 0;
padding:0 7px;
border-left:1px solid #999;
text-decoration:underline;
font-size: 12px;
}
#site-submenu a:visited
{
text-decoration:underline;
border-left:1px solid #999;
color:#2277DD;
}
#site-submenu a:hover
{
color:#003DB8;
}
#site-submenu li
{
float:left;
display:block;
font-size: 8pt;
height:25px;
}
#site-submenu li.first a
{
padding-left:13px;
border:0;
}
#site-submenu li.first a:visited
{
border:0;
}
#site-submenu li.on a
{
color:#2277DD;
font-weight:bold;
text-decoration:none;
}
#site-submenu li.on a:visited
{
color:#2277DD ;
text-decoration:none;
}
#site-submenu li.firstx a
{
padding-left:13px;
border: 0;
font-weight:bold;
text-decoration:none;
color: #2277DD;
}
#site-submenu li.firstx a:visited
{
padding-left:13px;
border: 0;
font-weight:bold;
text-decoration:none;
color: #2277DD;
}