/* ----------------------------------------------------------------------------------------------------------
HTML
---------------------------------------------------------------------------------------------------------- */

body {background:#FFF; color:#414141;}

a {color:#000;}
a:hover {color:#4089F2;}

fieldset {border:1px solid #DFDFDF;}
legend {background:#FFF; color:#4089F2;}

.low, .low a {color:#7F7F7F;}
.low a:hover {color:#000;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#logo {color:#000;letter-spacing:-1px;}
        
#slogan {color:#7F7F7F;}

#search {background:#EFEFEF;}
#search #q{border:1px solid #AFAFAF;background:white;color:#414141;margin:0px}
#search #q:focus{border:1px solid #5F5F5F;}
#search input, .contact-submit {border:1px solid #4089F2; background:#4089F2; color:#FFF;margin-left:3px;}

#nav {border:1px solid #CCC;}
#nav ul li#nav-active a {background:#4089F2; color:#FFF;}

#footer {color:#A0A0A0;font-size:11px;padding:0px 0 15px;}
     #footer #footernavigation { background:#4089F2 none repeat scroll 0 0;margin-top:0;padding:3px 0;}
             #footer #footernavigation ul {display:inline;font-size:11px;text-indent:0;}
                     #footer #footernavigation ul li.first {border-left:medium none;}
                     #footer #footernavigation ul li {border-left:1px solid #FFFFFF;display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;padding-left:0.5em;padding-right:0.1em;}
                             #footer #footernavigation ul li a {color:#FFFFFF;font-weight:normal;padding:0 4px;}

#footer a {color:#5F5F5F;}
#footer a:hover {color:#000;}

/* ----------------------------------------------------------------------------------------------------------
Page: Home
---------------------------------------------------------------------------------------------------------- */

#topstory-title {border-bottom:1px solid #3F3F3F; background:#9F9F9F;}
#topstory-title h2 a {border-bottom:1px solid #5F5F5F; color:#FFF;}
#topstory-title h2 a:hover {border-bottom:1px solid #FFF;}
#topstory-title p.date {color:#000;}
#topstory-title p.date a {border-bottom:1px solid #5F5F5F; color:#000;}
#topstory-title p.date a:hover {border-bottom:1px solid #FFF; color:#FFF;}

#topstory-perex {background:#000; color:#AFAFAF;}
#topstory-perex a {border-bottom:1px solid #5F5F5F; color:#FFF;}
#topstory-perex a:hover {border-bottom:1px solid #FFF; color:#FFF;}

.col30 h4 a {color:#4089F2;}
.col30 h4 a:hover {color:#000;}
.col30 p.date {color:#7F7F7F;}
.col30 p.date a {color:#7F7F7F;}
.col30 p.date a:hover {color:#000;}

/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */

.hx-style01 span {background:#FFF; color:#4089F2;}

a.ico-more {background:#F5F5F5; color:#5F5F5F;}
a:hover.ico-more {background:#4089F2; color:#FFF;}

a.green-button { color:white; background:#7CBA0F;}
a:hover.green-button { color:#FFF;text-decoration:underline;}


 .input{border:1px solid #AFAFAF; margin:3px;}
 .input:focus {border:1px solid #5F5F5F; margin:3px;}