/* something that does not change */
html, body { height:100%; line-height: 150%;}
table { border-collapse:collapse; }
html, h1, h2, h3, h4, h5 ,h6, body, form, th, td{ margin:0; padding:0; }
img {
border:0 none;
behavior:url('../css/png.htc');
}
map { display:none; }
object, form { display:block; }
h1, h2, h3, h4, h5 ,h6 { letter-spacing:normal; }
hr { display:none; }
h2.title, h3 {
font-size:13px;
font-weight:normal;
color:#0087EF;
letter-spacing: normal;
line-height: 130%;
}
.page-content-menu h3{
font-weight: bold;
}
a:hover{
text-decoration:none;
}
/* something that does not change */
/* all time classes */
.wf { width:100%; background-color: #fff}
.hf { height:100%; }
.whf { width:100%; height:100%; }
.tar { text-align:right; }
.tal { text-align:left; }
.tac { text-align:center; }
.clr { clear:both; height:1px; overflow:hidden; margin:-1px 0 0 0; }
.clear { clear:both; }
.fl { float:left; }
.fr { float:right; }
.hide { display:none; }
.block { display:block; }
.inline { display:inline; }
/* all time classes */
/* global text/link settings */
p, div, span, td, th, em, h1, h2, h3, h4, h5, h6, b, strong, i, .button { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; line-height:150%; color:#333; }
a { color:#333; }
.inline-list { list-style:none; padding:0; margin:0 }
.inline-list li { list-style:none; display:inline; padding:0; margin:0; }
.block-list, .block-list li { display:block; list-style:none; padding:0; margin:0; color:#fff}
.textfield, textarea { color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-left:3px; }
.button { cursor:pointer; }
/* global text/link settings */
/* main */
#title-wrap #bg {
padding:0 0 0 50px;
vertical-align:top;
}
#min-width {
width:974px;
height:1px;
overflow:hidden;
margin:-1px 0 0 0;
}
#title-wrap #min-width { width:924px; }
.langs-wrap { position:relative; }
.top-nav-wrap {
position:relative;
height:162px;
}
#title-wrap .langs {
margin:0 10px 65px 0;
height:27px;
position:absolute;
right:10px;
top:10px;
width:300px;
}
* html #title-wrap .langs { margin:0 5px 65px 0; }
#title-wrap .langs li {
float:right;
padding:0 4px;
height:27px;
margin:0 1px;
}
#title-wrap .langs a {
padding:5px 0 0 0;
display:block;
color:#BFE3F3;
border-top:1px solid #00AEEF;
text-decoration:none;
}
#title-wrap .langs a:hover {
color:#FFF;
text-decoration:underline;
}
#title-wrap .langs .act { background:#FFF; }
#title-wrap .langs .act a {
color:#00AEEE;
border-top:1px solid #00AEEE;
}
#title-wrap .logo {
position:absolute;
margin:35px auto auto 73px;
width:121px;
height:100px;
background:url(../images/logo-lda.png) no-repeat;
cursor:pointer;
display:block;
text-decoration:none;
z-index:10;
}
#title-wrap .logo span { display:none; }
#title-wrap .top-nav {
top:102px;
left:305px;
position:absolute;
width:680px;
}
#title-wrap .top-nav li {
float:left;
border-left:1px solid #40B7E8;
}
#title-wrap .top-nav li.fst { border:0 none; }
#title-wrap .top-nav a {
display:block;
font-size:15px;
font-family:"Trebuchet MS", Arial;
color:#FFF;
text-decoration:none;
padding:2px 10px;
white-space:nowrap;
}
#title-wrap .top-nav a:hover { text-decoration:underline; }
.left-side {
width:60%;
padding:0 20px 0 0;
vertical-align:top;
}
.flash-wrap {
margin:10px 0 0 60px;
background:#FFF;
height:400px;
}
.right-side {
width:20%;
vertical-align:top;
}
#page-wrap .right-bg {
vertical-align:top;
width:20%;
background:url(../images/bg-page-main-2.gif) 0 10px no-repeat;
}
#t-wrap .right-bg {
vertical-align:top;
width:20%;
background:url(../images/bg-main-2.jpg) 0 0 no-repeat;
}
#t-wrap .footer {
position:absolute;
margin:-65px auto auto 0;
min-width:100%;
min-height:1px;
zoom:1;
}
#t-wrap .footer .wrp {
border-left:1px solid #0073AD;
color:#8087A5;
font-size:11px;
padding:10px;
margin:0 32px 0 60px;
min-height:1px;
zoom:1;
}
* html #t-wrap .footer { width:100%; }
*:first-child+html #t-wrap .footer {
position:absolute;
margin:-65px auto auto 0;
width:100%;
top:auto;
}
#t-wrap .footer a.fr {
display:block;
background:url(../images/born-in-idea-1.gif) no-repeat;
margin:5px 0 0 0;
width:71px;
height:5px;
z-index:10;
position:relative;
}
#t-wrap .footer a.fr span { display:none; }
#title-wrap .news-block .title-frontsection{
display:block;
padding:0px 0 10px 0;
font-size:20px;
font-family:"Trebuchet MS", Arial;
color:#FFF;
font-weight:normal;
}
.news-block .box .title {
font-weight: normal;
font-size:13px;
color: #fff;
font-family:"Trebuchet MS";
padding: 0px 0px 15px 0px;
letter-spacing: normal;
line-height: 130%;
}
.news-block .box .title a{
color: #fff;
}
.news-block .more {
display:block;
float:left;
padding:8px 0 0 20px;
width:155px;
border-top:1px solid #015595;
background:url(../images/arrow-1.gif) 0 12px no-repeat;
color:#fff;
}
.news-block .more a{
color: #fff;
}
#title-wrap .news-block .more:hover { color:#FFF; }
#bg-1 { background:url(../images/bg-side-1.png) 0 bottom repeat-x; }
#bg-2 { background:url(../images/bg-side-2.png) 0 0 repeat-y; }
#bg-3 { background:url(../images/bg-side-3.png) 0 0 repeat-x; }
#bg-4 { background:url(../images/bg-side-4.png) right 0 repeat-y; }
* html #bg-1 { background:none; }
* html #bg-2 { background:none; }
* html #bg-3 { background:none; }
* html #bg-4 { background:none; }
*:first-child+html #bg-1 { background:none; }
*:first-child+html #bg-2 { background:none; }
*:first-child+html #bg-3 { background:none; }
*:first-child+html #bg-4 { background:none; }
#page-wrap .langs {
height:27px;
padding:10px 10px 0 0;
}
#page-wrap .langs li {
float:right;
height:27px;
margin:0 1px;
}
#page-wrap .langs a {
padding:5px 4px 0 4px;
display:block;
color:#09F;
min-height:22px;
text-decoration:none;
}
* html #page-wrap .langs a {
width:1px;
height:22px;
white-space:nowrap;
}
#page-wrap .langs a:hover {
color:#FFF;
background:#777;
}
#page-wrap .langs li.act a {
color:#B7B7B7;
background:#E5E6E9;
}
#page-wrap .logo {
position:absolute;
margin:50px auto auto 60px;
width:121px;
height:69px;
background:url(../images/logo-lda.png) no-repeat;
cursor:pointer;
display:block;
text-decoration:none;
z-index:10;
}
#page-wrap .logo span { display:none; }
#page-wrap .top-nav {
top:102px;
left:285px;
position:absolute;
width:680px;
}
#page-wrap .top-nav li {
float:left;
border-left:1px solid #0087EF;
}
#page-wrap .top-nav li.fst { border:0 none; }
#page-wrap .top-nav a {
display:block;
font-size:15px;
font-family:"Trebuchet MS", Arial;
color:#333;
text-decoration:none;
padding:2px 10px;
white-space:nowrap;
}
#page-wrap .top-nav a:hover {
background:#777;
color:#FFF;
}
#page-wrap .top-nav a.act {
background:#0087EF;
color:#FFF;
}
#page-wrap .top-nav .fst a.act, #page-wrap .top-nav .fst a:hover { background:none !important; }
#page-wrap .news-block b {
display:block;
padding:20px 0 0 10px;
font-size:24px;
font-family:"Trebuchet MS", Arial;
color:#0087EF;
font-weight:normal;
}
#page-wrap .news-block ul {
margin:0 0 20px 0;
}
#page-wrap .news-block li { padding:15px 0 0 10px; }
#page-wrap .news-block li div { color:#6CF; }
#page-wrap .news-block li a { color:#666; }
#page-wrap .news-block li a:hover { color:#000B76; }
#page-wrap .news-block .more {
display:block;
float:left;
padding:8px 0 0 30px;
width:155px;
border-top:1px solid #D3D3D3;
background:url(../images/arrow-2.gif) 10px 12px no-repeat;
color:#666;
}
#page-wrap .news-block .more:hover { color:#000B76; }
.side-nav {
padding:0 0 25px 0;
background:url(../images/just-line-2.gif) 0 bottom no-repeat;
margin:0 0 15px 0;
color: #FFF;
}
.side-nav a {
display:block;
padding:7px 25px;
font-weight:bold;
background:url(../images/news-arrow-3.gif) 6px 10px no-repeat;
text-decoration:none;
min-height:1px;
color:#FFF;
}
.side-nav a:hover {
color:#FFF;
background:url(../images/news-arrow-3.gif) 6px 10px no-repeat #777;
}
.side-nav a.act {
color:#FFF;
background:url(../images/news-arrow-2.gif) 6px 10px no-repeat #0087EF;
}
.title, h1 {
display:block;
padding:0px 0px 0px 0px;
font-size:22px;
font-weight:bold;
color:#0087EF;
font-family:"Trebuchet MS", Arial;
letter-spacing:-1px;
line-height:100%;
}
.title-1 a.fr {
display:block;
border-left:1px solid #E5E6E9;
padding:10px 0 10px 10px;
}
.just-text { padding:0 30px 30px 30px; }
.just-text * { line-height:150%; }
.just-text .table-1 { margin:20px 0; }
.just-text .table-1 thead th {
text-align:left;
background:#EEF0F1;
border:1px solid #E8E8E8;
padding:6px 9px;
}
.just-text .table-1 tbody td {
text-align:left;
border:1px solid #E8E8E8;
padding:6px 9px;
}
.just-text a:hover { color:#000b76; }
.just-text img.fl { margin:10px 20px 10px 0; }
.just-text img.fr { margin:10px 0 20px 10px; }
.just-text a:visited { color:#797979; }
.about {
padding-top:120px;
background:url(../images/tmp-thumb-1.jpg) 0 0 no-repeat;
}
.to-top {
background:transparent url(../images/arrow-up.gif) no-repeat scroll 10px 10px;
border-top:1px solid #D3D3D3;
color:#0099FF;
display:block;
float:left;
margin:0 0 0 20px;
padding:8px 0 20px 30px;
width:155px
}
* html .to-top { margin:0 0 20px 10px; }
.to-top:hover { color:#000B76; }
.newsletter {
padding:0 0 15px 0;
background:url(../images/just-line-1.gif) 0 bottom no-repeat;
margin:0 0 15px 0;
}
.newsletter b {
display:block;
padding:20px 0 0 10px;
font-size:24px;
font-family:"Trebuchet MS", Arial;
color:#0087EF;
font-weight:normal;
}
.newsletter .lbl {
display:block;
color:#666;
padding:15px 15px 0 13px;
}
.newsletter .lbl input {
display:block;
margin:3px 0 0 -3px;
width:80%;
}
.newsletter .checks { padding:5px 0 5px 20px; }
.newsletter .checks label {
display:block;
padding:0 0 5px 0;
}
.newsletter .checks input {
position:relative;
margin:0 5px 0 0;
bottom:-1px;
}
* html .newsletter .checks input { margin:0 2px 0 -3px; }
*:first-child+html .newsletter .checks input { margin:0 2px 0 -3px; }
.newsletter .button {
border:0 none;
display:block;
width:119px;
height:25px;
background:url(../images/button-1.gif) 0 0 no-repeat;
color:#FFF;
text-align:left;
font-family:"Trebuchet MS", Arial;
padding:0 0 5px 5px;
margin:0 0 0 10px;
}
* html .newsletter .button { padding:0 0 2px 7px; }
*:first-child+html .newsletter .button { padding:0 0 2px 7px; }
.date {
display:block;
line-height:100%;
color:#999;
font-size:16px;
padding:10px 0 0 30px;
font-weight:normal;
}
.title-2 {
display:block;
padding:0 0 20px 30px;
line-height:100%;
color:#000;
font-size:26px;
font-weight:normal;
}
.just-text-2, .just-text-2 * { color:#555; }
.just-text-2 a { color:#555; }
.just-text-2 a:hover { color:#000B76; }
.mini-nav {
border-top:1px solid #D3D3D3;
margin:0 30px;
height:45px;
padding:15px 0 0 0;
text-align:center;
}
.mini-nav a {
color:#09F;
padding:0 0 0 20px;
}
.mini-nav a.prev-off {
color:#999;
background:url(../images/prev-off.gif) 0 4px no-repeat;
}
.mini-nav a.prev-on { background:url(../images/prev-on.gif) 0 4px no-repeat; }
.mini-nav a.prev-on:hover, .mini-nav a.next-on:hover, .mini-nav a.top:hover { color:#000B76; }
.mini-nav a.top { background:url(../images/arrow-up.gif) 0 3px no-repeat; }
.mini-nav a.next-off {
color:#999;
padding:0 20px 0 0;
background:url(../images/next-off.gif) right 4px no-repeat;
text-decoration:none;
cursor:text;
}
.mini-nav a.next-on {
padding:0 20px 0 0;
background:url(../images/next-on.gif) right 4px no-repeat;
}
.news-list li { padding:0 30px 20px 30px; }
.news-list .dt {
padding:0 0 3px 0;
color:#999;
}
.news-list .ttl {
font-size:17px;
font-weight:normal;
color:#000;
}
.news-list .ttl:hover, .news-list p a:hover { color:#000B76; }
.news-list p {
display:block;
color:#555;
padding:3px 0 0 0;
line-height:150%;
}
.news-list p a { color:#0087EF; }
.paging {
float:left;
border-top:1px solid #D3D3D3;
padding:7px 25px 0 0;
margin:0 0 0 26px;
}
* html .paging { margin:0 0 0 13px; }
.paging li {
float:left;
padding:0 0 20px 0;
}
.paging a {
display:block;
padding:2px 6px;
color:#09F;
text-decoration:none;
}
.paging a.act, .paging a:hover {
text-decoration:none;
background:#09F;
color:#FFF;
}
.paging .fst a:hover, .paging .lst a:hover { background:none; }
.paging img { margin:3px 0 0 0; }
.paging li.fst { padding:0 3px 20px 0; }
.paging li.lst { padding:0 0 20px 3px; }
.gallery {
padding:35px 30px 50px 30px;
background:url(../images/just-line-2.gif) 30px 20px no-repeat;
zoom:1;
float:left;
min-height:1px;
}
.gallery li {
padding:0 10px 10px 0;
float:left;
zoom:1;
min-height:1px;
}
.gallery img { display:block; }
.margin-left { margin-left:30px !important; }
* html .margin-left { margin-left:15px !important; }
.to-top-wrap {
position:absolute;
margin:-60px auto auto 0;
}
.table-2 { margin:20px 0; }
.lft-side {
width:70%;
vertical-align:top;
padding:0 20px 50px 0;
}
.rght-side {
width:30%;
vertical-align:top;
padding:25px 30px 50px 30px;
border-left:1px solid #E5E6E9;
}
.files {
padding:0 0 20px 0;
border-bottom:1px solid #E5E6E9;
}
.files b {
font-size:24px;
font-family:"Trebuchet MS", Arial;
display:block;
color:#0087EF;
padding:0 0 13px 0;
font-weight:normal;
}
.files li {
padding:0 0 0 40px;
margin:0 0 15px 0;
zoom:1;
min-height:1px;
min-height:42px;
}
.files li.pdf { background:url(../images/pdf.gif) 0 0 no-repeat; }
.files a { color:#666; }
.files a:hover { color:#000B76; }
.photos { padding:25px 0 0 0; }
.photos b {
font-size:24px;
font-family:"Trebuchet MS", Arial;
display:block;
color:#0087EF;
padding:0 0 13px 0;
font-weight:normal;
}
.photos ul {
min-height:1px;
zoom:1;
}
.photos li img { display:block; }
.photos li {
float:left;
padding:0 5px 5px 0;
min-height:1px;
zoom:1;
}
.mini-nav-1 {
padding:20px 0 0 12px;
clear:both;
}
.mini-nav-1 a { margin:0 10px 0 0; }
#popup-1 {
position:absolute;
top:50%;
left:50%;
margin-top:-295px;
margin-left:-370px;
width:740px;
height:590px;
}
#popup-1 .whf {
vertical-align:top;
background:#FFF;
padding:10px 12px 0 12px;
}
#popup-1 b.block {
padding:0 0 10px 0;
color:#0087EF;
font-size:15px;
font-family:"Trebuchet MS", Arial;
}
#popup-1 b.block img { margin:4px 4px 0 0; }
#popup-1 .btns {
text-align:center;
padding:10px 0 0 0;
}
#popup-1 .btns a {
text-align:center;
padding:10px 0 0 0;
margin:0 10px;
}
#p-wrap { background:url(../images/bg-page-main-1.gif) 0 0 repeat-x #EBEDF0; }
#page-wrap #bg {
padding:0 0 30px 43px;
min-height:1px;
zoom:1;
}
#page-wrap .left-side { width:60% !important; }
#t-wrap { background:url(../images/bg-main-1.jpg) 0 10px repeat-x #000846; }
.bg-left { background:url(../images/white-square.gif) 0 0 repeat-y; }
.bg-right {
background:url(../images/white-square.gif) right 0 repeat-y;
vertical-align:top;
}
.bg-bot {
background:url(../images/white-square.gif) 0 bottom repeat-x;
vertical-align:top;
}
.bg-top { background:url(../images/white-square.gif) 0 0 repeat-x; }
#t-wrap .right-bg {
vertical-align:top;
width:20%;
background:url(../images/bg-main-2.jpg) 0 10px no-repeat;
}
#min-width-1 {
width:597px;
height:95px;
}
#min-width-2 {
width:100px;
height:95px;
}
#min-width-3 {
width:187px;
height:95px;
}
#p-wrap #min-width-1 {
width:567px;
height:95px;
}
#p-wrap #min-width-2 {
width:120px;
height:195px;
}
#p-wrap #min-width-3 {
width:187px;
height:195px;
}
.bg-left-1 { background:url(../images/bg-2.gif) 0 0 repeat-y; }
.bg-right-1 {
background:url(../images/bg-4.gif) right 0 repeat-y;
padding:0 10px 0 9px;
vertical-align:top;
}
.bg-top-1 { background:url(../images/bg-3.gif) 0 0 repeat-x; }
.bg-bot-1 { background:url(../images/bg-1.gif) 0 bottom repeat-x; }
#hider {
position:absolute;
right:0;
top:0;
}
* html #p-wrap .footer {
position:absolute;
margin:-65px auto auto 0;
min-width:100%;
min-height:1px;
zoom:1;
}
*:first-child+html #p-wrap .footer {
position:absolute;
margin:-65px auto auto 0;
width:100%;
top:auto;
}
#p-wrap .footer {
position:absolute;
margin:-65px auto auto 0;
min-width:100%;
min-height:1px;
zoom:1;
}
#p-wrap .footer .wrp {
border-left:1px solid #0087EF;
color:#828385;
font-size:11px;
padding:10px;
margin:0 0 0 57px;
}
#p-wrap .footer a.fr {
display:block;
background:url(../images/born-in-idea-2.gif) no-repeat;
margin:5px 32px 0 0;
width:71px;
height:5px;
}
* html #p-wrap .footer a.fr { margin:5px 16px 0 0; }
#p-wrap .footer a.fr span { display:none; }
#hider2 {
position:absolute;
right:0;
top:55px;
}
#hider1 {
position:absolute;
right:9px;
top:55px;
}
#hider3 {
position:absolute;
right:0;
top:-35px;
}
#box_1 div { line-height:150%; }
/* main */
a{
color:#0087EF;
}
.content-list{
margin: 0px 0px 10px 0px
}
.page-image{
background: url(../images/page-bg.jpg) top left no-repeat;
height: 75px;
margin: 0px 0px 0px 0px;
}
.front-image{
background: url(../images/front-image.jpg) top right no-repeat;
height: 300px;
margin: 0px 0px 0px 0px;
float: right;
width: 250px;
display: block;
}