@charset "utf-8";

/* Global Reset */
* {margin:0;padding:0;border:none;outline:0;font-style:normal;font-weight:normal;text-decoration:none;}
table {border-collapse:collapse;border-spacing:0;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';
}

body {
font:11px/1.5 Verdana, Arial, sans-serif;
background:#b7b7b7;
color:#5e6367;
}

#wrapper {
width:970px;
height:auto;
margin:10px auto 0;
}

#head {
width:970px;
height:35px;
background:url(gfx/header.png) no-repeat;
padding-top:124px;
}

#nav {
width:960px;
height:35px;
background:url(gfx/nav-bg.png) repeat-x;
margin:0 auto;
}

#nav li {
display:inline;
margin-right:20px;
}

#nav li a {
font-family:verdana,sans-serif;
display:block;
float:right;
color:#c0c0c0;
font-size:15px;
padding:4px 10px;
text-align:center;
}

#nav li a:hover {
background:url(gfx/nav-bg-hover.png) repeat-x;
padding:3px 10px;
border-top:1px solid #c0c0c0;
}

#nav .selected {
background:url(gfx/arrow.png) no-repeat center 2px;
}

#banner {
width:970px;
height:180px;
margin:0 auto;
background:url(gfx/banner.png) no-repeat;
}

#content {
width:950px;
height:auto;
background:url(gfx/content-bg.png) repeat-y;
clear:both;
padding:10px;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html .clearfix {
height:1%;
}

.leftbox {
width:275px;
height:auto;
float:left;
}

.midbox {
width:450px;
height:auto;
float:left;
color:#2e2d2d;
padding:15px;
}

h1 {
background:url(gfx/h-bg.png) no-repeat;
width:351px;
height:32px;
font-size:15px;
font-weight:bold;
text-align:left;
color:#fff;
padding:8px 0 0 20px;
}

.rightbox {
width:160px;
height:auto;
color:#2e2d2d;
padding:15px;
float:left;
}

.rightbox li { 
font-size:15px;
list-style-type:square;
}

.rightbox a, .rightbox li {
color:#1b4a6f
}

.rightbox li a:hover {
font-size:17px;
}

.rightbox p {
font-size:15px;
font-weight:bold;
margin-bottom:20px;
color:#1b4a6f;
}

#flags {
position:relative;
padding-left:15%;
}

#flags img {
margin-right:3%;
}

#banners {
margin-top:10px;
}

#banners img {
width:160px;
margin-top:10px;
border:1px solid #c0c0c0;
}

#contact {
width:390px;
margin:35px auto;
background:url(gfx/contact.png) no-repeat right 45px;
border:1px solid #e1e1e1;
padding:30px;
}

#contact form input {
height:15px;
color:#2e2d2d;
border:1px solid #d5d5d5;
padding:5px;
}

#contact form textarea {
border:1px solid #d5d5d5;
padding:5px;
}

#contact form input:hover, #contact form textarea:hover {
background:#edf4ff;
}

#contact form input[type="submit"] {
background:url(gfx/send.png) no-repeat;
width:76px;
height:31px;
border:none;
}

#contact form input[type="submit"]:hover {
background:url(gfx/send.png) no-repeat 0 -32px;
cursor:pointer;
}

.box {
width:508px;
margin:0 auto;
}

.boxtop {
height:20px;
background:url(gfx/boxtop.png) no-repeat;
}

.boxbg {
background:url(gfx/boxbg.png) repeat-y;
padding:10px;
}

.boxbottom {
background:url(gfx/boxbottom.png) no-repeat;
height:11px;
margin-bottom:20px;
}

h2 {
height:33px;
font-size:13px;
margin:5px 0 20px 10px;
background:url(gfx/contactus.png) no-repeat left center;
padding:12px 0 0 54px;
}

#links {
color:#777;
padding:10px;
width:550px;
margin:0 auto;
}

#links p {
margin:0 auto 10px;
background:url(gfx/p-bg.png) repeat-x 1px 1px;
border:1px solid #d5d5d5;
padding:5px;
width:450px;
}

#links p:hover {
border:1px solid #b0b0b0;
}

#links p a {
color:#4f71bc;
font-size:13px;
text-align:left;
padding-left:20px;
background:url(gfx/star.png) no-repeat 0 0;
}

#links a:hover {
color:#0d3793;
}

#articles {
width:750px;
margin:0 auto;
}

h3 {
background:url(gfx/h3-bg.png) no-repeat;
width:660px;
margin:15px 0;
font:25px/1.5 Serif;
color:#b6b8bc;
padding:25px 0 0 60px;
border-bottom:1px dashed #b6b8bc;
}

#articles p {
background:#fff url(gfx/article-bg.png) repeat-x 0 1px ;
padding:10px;
border:1px solid #d5d5d5;
height:auto;
}

#articles a {
font-weight:bold;
color:#50982d;
}

#articles a:hover {
color:#4c6f8b;
}

#articles img {
width:100px;
height:100px;
border:1px solid #b6b6b6;
float:left;
margin:5px 10px 5px 0;
}

.date {
padding-left:20px;
float:right;
color:#9a9a9a;
background:url(gfx/date-bg.png) no-repeat;
}

#footer {
width:970px;
height:28px;
background:url(gfx/footer-bg.png) no-repeat;
margin-bottom:30px;
}

#footer p {
text-align:center;
color:#6c8498;
padding-top:3px;
}

#footer a {
color:#97c2e8;
}

#footer a:hover {
color:#6c8498;
}