/* Main CSS Document */

/* General */

* { margin: 0; padding: 0; }

html { font-size: 100% }

body {
background: #666 url('/img/bg.png') repeat-x 0 0;
text-align: center;
font:13px Verdana, Arial, Helvetica, sans-serif;
line-height: 1.7;
}

a:link, a:visited {
color: #003366;
text-decoration: underline;
font-weight: bolder;
}

a:hover {
text-decoration: none;
}

#address {
position:absolute;
float: left;
margin: 195px 10px 0px 600px;
}

#address p {
line-height: 1.3;
font-size: 10px;
color: navy;
text-align: right;
}

.noscreen {
display: none;
}


/* Cleaner */

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
}


/* Skip menu */

.hidden {
position: absolute;
top: -10000px;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
}


/* Images */

img {
border: 0;
padding: 0;
margin:0;
}

#page {
background: url('/img/bg-r.png') no-repeat right 0;
}


/* Wrapper */

#wrapper {
width: 960px;
margin: 0px auto 0 auto;
padding-bottom: 10px;
background: #666 url('/img/bg-r.png') repeat-x 0 0;
}


/* Headings, paragraphs */

h1 {
font-size: 36px;
color: #8DE0FF;
position: relative;
z-index: 2;
}

h1 a:link, h1 a:visited {
text-decoration: none;
color: #8DE0FF;
}

h2 {
font: 28px Georgia, "Times New Roman", Times, serif;
color: #003366;
letter-spacing: 1px;
margin-bottom: 5px;
border-bottom: 1px dotted #1473B0;
padding-bottom: 3px;
}

p {
font-size: 14px;
}


/* Header */

#header {
width: 960px;
height: 234px;
margin: 0 auto;
position: relative;
text-align: left;
background: url('../img/LOGO.png') no-repeat -30px 118px;
}

#header-in {
position: absolute;
width: 960px;
height: 245px;
bottom: 0;
left: 0;

}

#header-in p.slogan {
font: 26px Georgia, "Times New Roman", Times, serif;
color: #F90;
position: absolute;
top: 125px;
left: 100px;
letter-spacing: 1px;
}

#header-sa p {
position: absolute;
top: 35px;
color: #9FBFEE;
font-weight: normal;
text-decoration: none;
padding-left:20px;
padding-right:400px;
font-size: 13px;
line-height: 1.3;
text-align: justify;
border-left: 3px #F60 solid;
}

#header-sp {
position: absolute;
top: 45px;
color: #fff;
font-weight: normal;
text-decoration: none;
padding-left:600px;
padding-right:75px;
font-size: 17px;
text-align: justify;
}

#header-sp  img {
position: absolute;
top: 30px;
right:0px;
z-index: 2;
}


#top-links {
position: absolute;
top: 1px;
left: 697px;
z-index: 3;
}

#top-links a {
color: #224E7A;
font-size: 11px;
font-weight: normal;
text-decoration: none;
padding-left:35px;
}

#top-links a:hover {
text-decoration: underline;
}

.bar {
width: 960px;
height: 12px;
background: #2B2B2B;
border: 1px solid #f00;
font-size: 1px;
line-height: 0.3;
}


/* Content and columns */

.content {
width: 950px;
background: url(/images/27.jpg) no-repeat bottom center;
border-left: 5px solid #999;
border-right: 5px solid #999;
font-size: 11px;
color:#003;
text-align: justify;
line-height: 1.3;

}


.column {
height: 450px;
width: 100%;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
padding:0;
}

.column-in {
width: 100%;

}

.box {
float: left;
background: #fff;
border: 2px solid #036;
width: 270px;
height: 270px;
margin-left: 30px;
margin-top: 30px;
}

.box-in {
margin: 0.4em 0.8em 1.3em 0.8em;
}

.box p {
line-height: 1.3;
font-size: 13px;
text-align: justify;

}


.box p.more {
position: relative;
top: 6px;
left: 5px; 
}

.box h2, .box h2 a {
background: #fA0; /*(../img/bg-h.gif) no-repeat bottom center; */
font: 20px Georgia, "Times New Roman", Times, serif;
font-weight: normal;
text-decoration:none;
padding: 5px 10px 5px 20px;
border-bottom: 1px dotted #F00;

}

.box h2 a:hover {
text-decoration:underline;
}

.box p.more a, .box p.more a:visited {
font-size: 11px;
font-weight: normal;
padding-left: 190px;
padding-right: 20px;
background: url(../img/more.gif) no-repeat right;
text-decoration: none;
}

.box p.more a:hover {
background: url(../img/more-on.gif) no-repeat right;
color: #E60;
text-decoration: none;
}


/* Footer */

#footer {
width: 960px;
height: 40px;
color: #003;
background: #999; /* url('../img/footer-bg.gif') no-repeat 0 0; 
border-bottom: 3px solid #101010; */
}

#footer a:link, #footer a:visited {
color: #003;
font-weight: normal;
}

#footer ul {
list-style-type: none;
color: #FFFFFF;
padding: 13px 0 0 10px;
text-align: left;
font-size: 0.9em;
float: left;
width: 430px;
}

#footer ul li {
float: left;
display: inline;
white-space: nowrap;
}

#footer ul li a, #footer ul li a:visited {
margin: 0 6px;
}

#footer p.cop {
font-size: 0.9em;
color: #003;
float: right;
padding: 12px 16px 0 0;
margin: 0;
line-height: 1.6;
}