body{font-family:Arial, Helvetica, sans-serif; font-size:62.5%; line-height:1.4em; text-align:center;} #container{width:990px; margin-left:auto; margin-right:auto; margin-top:10px; text-align:left;} /* top logo */ #header{border-top:1px solid #8B9EA5; border-bottom:1px solid #8B9EA5; height:47px;} #header h1 a{width:814px; height:47px; text-indent:-9000px; background-image: url(../img/backgrounds/header5.jpg); background-repeat: no-repeat; overflow: hidden; display:block; float:left; margin-left:11px;} /* ie6 margin difference */ *html #header h1 a{margin-left:6px;} /* ----------------------- header ----------------------------------------------------------------------------- */ #header ul{list-style:none; font-size:110%; float:right;} #header ul li{display:inline; line-height:47px; color:#666;} #header ul li a{text-decoration:none; color:#999;} #header ul li a:hover{color:#333;} /* ----------------------- container boxes ----------------------------------------------------------------------------- */ /* ----------------------- container boxes ----------------------------------------------------------------------------- */ #main-content{padding-top:9px; width:580px; display:inline; float:left; margin-left:225px; } #main-content p{font-size:120%; line-height:1.4em; margin-bottom: 10px; color:#435863;} /* note: banner image should be maximum of 600px wide for ie */ #main-content ul#featurebox{overflow:hidden; margin-top:1px; width:600px;} #sub-content{width:155px; float:left; margin-left:30px; } #sidenav{width:195px; float:left; margin-left:-990px; padding-top:9px; } #main-content{padding-top:9px; width:600px; display:inline; float:left; margin-left:215px; padding-bottom:15px;} #main-content p{font-size:120%; line-height:1.4em; margin-bottom: 10px; color:#435863;} #main-content ul#featurebox li{padding:0px; background-image:none;} #sub-content{width:155px; float:left; margin-left:20px; } #sidenav{width:195px; float:left; margin-left:-990px; padding-top:9px; } /* ----------------------- navigation ----------------------------------------------------------------------------- */ #side_nav ul {list-style-type: none; width: 170px; } #side_nav li{list-style: none; font-size:110%;} #side_nav li.level1 {margin-bottom: 1px;} #side_nav li.level1 a {text-decoration: none; color: #333; display: block; background-image: url(../img/icons/sidemenu_arrow.jpg); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 28px; padding-right: 2px; padding-top: 4px; padding-bottom: 0px;background-color: #D5E0E6; height:18px; } *html #side_nav li.level1 a { /* make hover effect work in IE */width: 165px; } *html #side_nav li.level1-on a { /* make hover effect work in IE */width: 165px; } *html #side_nav li.level2 a { /* make hover effect work in IE */width: 160px; } #side_nav li.level1 a:hover { background-color: #526C7A; color: #fff; } #side_nav li.level1-on a{background-color: #526C7A; color: #fff; text-decoration: none; display: block; background-image: url(../img/icons/sidemenu_arrow.jpg); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 28px; padding-right: 2px; padding-top: 4px;height:18px;border-bottom:1px solid #ffffff;} #side_nav li.level2{ background-color:#f8f8f8;} #side_nav li.level2 a{ font-size:100%; text-decoration: none; display: block; color:#444; padding-left:36px; padding-top:5px; padding-bottom:4px; background-image: url(../img/icons/sub.gif); background-repeat: no-repeat; background-position: 25px 6px; border-bottom:1px solid #f8f8f8; } #side_nav li.level2 a:hover{background-color: #EEEFF2; color:#000; border-bottom:1px solid #fff;} #side_nav li.level2-on a{background-color: #EEEFF2; color:#000; border-bottom:1px solid #fff; font-size:100%; text-decoration: none; display: block; padding-left:36px; padding-top:5px; padding-bottom:4px; background-image: url(../img/icons/sub.gif); background-repeat: no-repeat; background-position: 25px 6px;} *html #side_nav li.level2-on a { margin-bottom:-14px;} /* ----------------------- main-content styleguide ----------------------------------------------------------------------------- */ #main-content h1{font-size:290%; letter-spacing:-0.03em; color:#707E85; padding-top:0.3em; margin-bottom:0.3em; border-bottom:1px solid #ccc; padding-bottom:0.5em;} #main-content h2{font-size:290%; letter-spacing:-0.03em; color:#707E85; padding-top:0.3em; margin-bottom:0.3em; border-bottom:1px solid #ccc; padding-bottom:0.5em; line-height:30px;} #main-content h3{font-size:170%; letter-spacing:-0.005em; color:#5A666B; padding-top:0.5em; padding-bottom:0.5em;} #main-content h4{font-size:150%; color:#5A666B; padding-top:0.5em; padding-bottom:0.5em; font-weight:bold;} #main-content h5{font-size:130%; color:#5A666B; padding-top:0.5em; padding-bottom:0.5em; font-weight:bold;} #main-content img.image{float:right; margin-bottom:10px; margin-left:10px; padding:4px; border:1px solid #ccc;} #main-content blockquote{padding:8px; font-family:Georgia, "Times New Roman", Times, serif; font-size:140%; font-style:italic; background-color:#F4F5F7; padding-bottom:2px; margin-bottom:0.5em;} #main-content ul{list-style:none; margin-top:0.7em; margin-bottom:0.7em;} #main-content ul li{padding-left:13px; line-height:1.4em; margin-bottom: 10px; color:#435863; font-size:120%; background-image: url(../img/icons/arrow.jpg); background-repeat: no-repeat; background-position:0px 5px; } #main-content ul li a{text-decoration:none; border-bottom:1px solid #ccc; color:#333;} #main-content ul li a:hover{border-bottom: 1px solid #666; } #main-content ul.pdf li{padding-left:23px; line-height:1.4em; margin-bottom: 10px; color:#435863; font-size:120%; background-image: url(../img/icons/pdf.gif); background-repeat: no-repeat; background-position:0px 3px; } #main-content a{text-decoration:none; border-bottom:1px solid #ccc; color:#333;} #main-content a:hover{border-bottom: 1px solid #666; } #main-content .print{padding-top:8px; padding-bottom:8px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} #main-content .print p{padding-left:25px; background-image: url(../img/icons/printer.gif); background-repeat: no-repeat; margin-bottom:0px;} #main-content .print a{text-decoration:none; border-bottom:1px solid #ccc; color:#333;} #main-content .print a:hover{border-bottom: 1px solid #666; } /* ----------------------- boxes under side navigation ----------------------------------------------------------------------------- */ .leftbox{width:173px; padding:10px; border:1px solid #D5E0E6; margin-top:9px; margin-bottom:9px;} .leftbox h2{font-size:120%; font-weight:bold; line-height:16px; margin-bottom:5px; color:#435863;} .leftbox ul li{padding-left:10px; font-size:110%; background-image: url(../img/icons/smallarrow.jpg); background-repeat: no-repeat; background-position: 0px 5px; margin-bottom:5px;} .leftbox ul li a{text-decoration:none; border-bottom: 1px solid #D5E0E6; color: #526C7A; } .leftbox ul li a:hover{color:#333;} /* ----------------------- news ----------------------------------------------------------------------------- */ #news{width:133px; padding:10px; border:1px solid #D5E0E6; margin-top:9px;} #news h2{font-size:120%; font-weight:bold; line-height:16px; margin-bottom:5px; color:#435863;} #news ul li{padding-left:15px; font-size:110%; background-image: url(../img/icons/news.gif); background-repeat: no-repeat; background-position: 0px 3px; margin-bottom:5px;} #news ul li a{text-decoration:none; color: #526C7A; } #news ul li a:hover{color:#333; } #news ul li em{color:#AEAEAE; font-style:normal;} /* ----------------------- inside-rhs ----------------------------------------------------------------------------- */ .inside-rhs{width:133px; padding:10px; border:1px solid #D5E0E6; margin-top:9px; margin-bottom:9px;} .inside-rhs h2{font-size:120%; font-weight:bold; line-height:16px; margin-bottom:5px; color:#435863;} .inside-rhs ul li{padding-left:10px; font-size:110%; background-image: url(../img/icons/smallarrow.jpg); background-repeat: no-repeat; background-position: 0px 5px; margin-bottom:5px;} .inside-rhs ul li a{text-decoration:none; border-bottom: 1px solid #D5E0E6; color: #526C7A; } .inside-rhs ul li a:hover{color:#333; } .inside-rhs ul li em{color:#AEAEAE; font-style:normal;} /* ----------------------- priorities ----------------------------------------------------------------------------- */ #priorities{width:133px; padding:10px; border:1px solid #D5E0E6; margin-top:9px;} #priorities h2{font-size:120%; font-weight:bold; line-height:16px; margin-bottom:5px; color:#435863;} #priorities ul li{padding-left:21px; font-size:110%; margin-bottom:5px; background-repeat: no-repeat; background-position: 0px 3px; line-height:15px; padding-top:3px;} #priorities ul li a{text-decoration:none; border-bottom: 1px solid #D5E0E6; color: #526C7A; } #priorities ul li a:hover{color:#333;} #priorities ul li.one{background-image: url(../img/icons/1.gif);} #priorities ul li.two{background-image: url(../img/icons/2.gif);} #priorities ul li.three{background-image: url(../img/icons/3.gif);} #priorities ul li.four{background-image: url(../img/icons/4.gif);} #priorities ul li.five{background-image: url(../img/icons/5.gif);} /* ----------------------- Discussion ----------------------- */ table.discussion {font-size:1.2em; margin-bottom:12px; padding:0px;} table.discussion td{line-height:1.5em; width:580px;} table.discussion td a{color:#333;} table.discussion td a:hover{color:#2C5783; text-decoration:none;} table.discussion tr td.topic{background-color:#E6EDF0; padding:8px 10px; } table.discussion tr td span.start {font-weight:bold; font-style:italic;} table.discussion tr td.topic a {font-weight:bold;} table.discussion tr td.topic strong{font-size:1.2em; line-height:2em;} h4.topic strong a{color:#707E85;} h4.topic strong a:hover{color:#2C5783; text-decoration:none;} table.discussion tr td.topic span.posted{font-family:Trebuchet MS, Lucida Sans, Arial, serif; font-size:0.8em; color:#006699; font-style:normal; margin-top:20px;} table.discussion tr td.topic em{font-style:italic;} table.discussion tr td.replies{background-color:#D5E0E6; padding:8px 10px; border-top:1px solid #ECF1F4;} table.discussion ul{padding:0px !important;} table.discussion ul li{ font-size:1.0em !important; margin: 0 0 0 15px !important; } table.discussion ul li.reply{background:url(../img/icons/comment.gif) no-repeat !important; padding-left:22px !important; margin-right:30px; display: inline;} table.discussion ul li.views{background:url(../img/icons/user.gif) no-repeat !important; padding-left:20px !important; margin-right:30px; display:inline;} table.discussion p{ font-size:1.0em !important; } table.discussion a{ font-size:1.0em !important; } /* -----------------------Login ----------------------- */ #loginregister{padding-top:10px;} #loginregister img{margin-right:10px;} /* Comments */ .comment{margin-bottom:10px; } .comment .title{background: #d5e0e6 url(../img/backgrounds/topleft.jpg) no-repeat top left; padding-left:15px; padding-top:8px; padding-right:15px; } .comment .title p{margin-bottom:0px !important; padding-bottom:6px; background:url(../img/backgrounds/dotted.jpg) repeat-x bottom left;} .comment .text{background: #d5e0e6; padding-left:15px; padding-right:15px; padding-bottom:1px; padding-top:6px; background: #d5e0e6 url(../img/backgrounds/bottomright.jpg) no-repeat bottom right;} .comment p.reply{margin-bottom:-32px; font-size:1em !important; font-family:"Trebuchet MS", Arial, serif; color:#8A9CA6 !important; padding-left:30px; background:url(../img/icons/pen.gif) no-repeat 15px 1px;} .comment p.reply a{color:#8A9CA6 !important; text-decoration:none;} .comment p.reply a:hover{text-decoration:underline;} .altcolour .title{background: #d2e9f5 url(../img/backgrounds/topleft2.jpg) no-repeat top left;} .altcolour .text{ background: #d2e9f5 url(../img/backgrounds/bottomright2.jpg) no-repeat bottom right;} .comment .box{width:540px; background: #ffffff; padding: 10px 15px 5px 15px; margin-bottom:10px; margin-top:10px;} img.addcomment{margin-bottom:12px; margin-top:4px;} /* ----------------------- drop cap ----------------------------------------------------------------------------- */ span.first{float: left; font-size: 300%; line-height: 0.95em; margin-right: 0.04em; margin-bottom:-0.25em; font-family:Georgia, "Times New Roman", Times, serif;} /* ----------------------- advertisments ----------------------------------------------------------------------------- */ #advertisments{padding:5px; background-color:#f8f8f8; border:1px solid #ccc; margin-bottom:10px;} #advertisments p{margin-bottom:0px;} #advertisments a.tv{text-decoration:none; color:#333; padding-left:240px; background-image: url(../img/icons/tv_grey.gif); background-repeat: no-repeat; background-position: 220px 2px; } #advertisments a.tv:hover{ background-image: url(../img/icons/tv.gif);} #advertisments a.radio1{text-decoration:none; color:#333; padding-left:34px; background-image: url(../img/icons/radio_grey.gif); background-repeat: no-repeat; background-position: 12px 2px; } #advertisments a.radio1:hover{ background-image: url(../img/icons/radio.gif);} #advertisments a.radio2{text-decoration:none; color:#333; padding-left:32px; background-image: url(../img/icons/radio_grey.gif); background-repeat: no-repeat; background-position: 10px 2px; } #advertisments a.radio2:hover{ background-image: url(../img/icons/radio.gif);} #advertisments a:hover{color: #526C7A; border:none;} /* microformat */ .vcard{background-color:#F4F5F7; border: 1px solid #DDD6C9; padding: 2%; font-size: 12px; width: 50%; margin-bottom: 10px; font-family:Arial; line-height:1.4em;} span.type{display: none;} span.title2{letter-spacing: 1px; margin-bottom: 10px; text-transform:uppercase; font-size:10px;} .organization-name{margin-bottom: 0.3em; font-size: 18px; border-bottom: 1px solid #DDD6C9; padding-bottom: 5px; line-height:1.2em;} .fn{font-size: 14px; font-style:italic; font-family:Georgia, Arial; } .adr{margin-top: 5px; margin-bottom: 5px; border-bottom: 1px solid #DDD6C9; padding-bottom: 5px; line-height:1.4em;} .desc{font-size: 12px;border-bottom: 1px solid #DDD6C9; padding-bottom: 5px;margin-bottom: 0.3em; } .vcard a{text-decoration:none; color:#5A666B; border-bottom:1px solid #ccc;} .vcard a:hover{color:#333;} /* ----------------------- footer ----------------------------------------------------------------------------- */ #footer{clear:both; font-size:110%; padding-top:5px; border-top:1px solid #D5E0E6; color:#86A0AE; line-height:1.6em; text-align:left;} #footer a{text-decoration:none; border-bottom: 1px solid #D5E0E6; color: #526C7A;} #footer a:hover{color:#333;} #footer img{margin-top:3px;} #flashcontainer { margin-bottom:10px;} /* SITEMAP */ #sitemap { margin-top:20px; width: 73%; } #sitemap table,td {font-size: 100%; padding:0px 5px 0 5px;} #sitemap caption { display:none; } #sitemap ul { border :0px; margin : 0px 5px 0px 15px; padding : 2px 0px 5px 0px; text-align : left; color:#1A3A4D;} #sitemap li { border :0px; margin-left : 5px; padding : 0px 0 8px 0 ; list-style-image: url("../img/bullet3.gif"); } #sitemap li a {text-decoration:none; color:#1A3A4D;} #sitemap li a:hover{text-decoration:underline; color:#1A3A4D;} #sitemap li.sub { border :0px; margin-left : 15px; padding : 0px 0 8px 0 ; list-style-image: url("../img/bullet4.gif"); } #sitemap li.sub a{color:#666;} #sitemap h2 {font-size:100%; padding:0 0 5px 0; margin : 0px 5px 10px 0px; border-bottom:1px dotted #E4C8D0; color:#8D8A85;} #sitemap h2 a { text-decoration:none; } #sitemap .sitemap_sub { margin-left: 30px; font-size: 1.1em; } #sitemap .sitemap_sub a:hover { text-decoration: none; } /* FORMS */ .altform { margin : 0 10px 10px 0; } .altform fieldset { border: 1px solid #E9B0A3; padding:0 1% 1% 1%; margin: 0; } .altform legend {color: #B8191D; font-size:125%; font-weight: bold; padding: 3px 5px 10px 5px; margin: 0; } .altform table { margin: 0; font-size: 1em; } .altform td { vertical-align: top; padding: 5px 0 2px 2px; } .altform th { font-weight: normal; text-align: left; vertical-align: top; color:#666; padding: 0 0 3px 0; border-bottom: 1px dotted #999999; font-size: 100%; } .altform input { padding: 0; margin:0; } .altform caption { display: none;} .altform table.nest { padding: 0; margin: 0; } .altform table.nest td { padding: 0; margin: 0; } .altform td.bilang { border: 1px solid #fff; padding:8px; vertical-align:top; background-color: #E7F0F7; } .altform td.mid {vertical-align:middle; } .altform td.action { padding:6px; background-color: #fff;} .altform .lang { margin-top:0; display:block; } .altform .altlang { margin-top:5px; display:block; } span.asterisk { font-size: 100%; color: #d57263; margin-left:3px;} .s150 { width: 150px; border : 1px solid #ccc; } .s250 { width: 250px; border : 1px solid #aaa; } .s200 { width: 200px; border : 1px solid #aaa; } .s180 { width: 180px; border : 1px solid #aaa; } .s120 { width: 120px; border : 1px solid #aaa; } .s80 { width:80%;} .s20 { width:20%;} .s10 { width:10%;} .s90 { width:90%;} .fsubmit { border: 1px outset #ECAFA6; background-color: #B8191D; color: #fff; font-weight: bold; padding: 0 1px; } table.data{width:100%; margin-bottom:12px;} table.data td{padding:5px 8px; font-size:1.1em; color:#2f2d2c;} table.data td input{padding:2px; font-family: Arial, serif; border:1px solid #D5E0E6; font-size:1.2em;} table.data td input.button{margin-top:10px; width:auto; padding:4px 8px; background:#f2f2f2; border:1px solid #e2e2e2; font-family: Arial, serif; font-size:0.9em; cursor:pointer;} table.data td input.button:focus{border:1px solid #999;} table.data td input.button:hover{border:1px solid #999;} table.data td a.captcha {margin-top:0px; width:auto; padding:4px 8px; background:#f2f2f2; border:1px solid #e2e2e2; font-family: Arial, serif; font-size:0.9em; cursor:pointer; margin-left:15px;} table.data td a.captcha:focus{border:1px solid #999;} table.data td a.captcha:hover{border:1px solid #999;} table.data td input.chkbox {border:none;} table.data td em {font-style:italic; color:#536D7A; } /* jqModal base Styling courtesy of; Brice Burgess */ /* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (in jqModal.js). You can change this value by either; a) supplying one via CSS b) passing the "zIndex" parameter. E.g. (window).jqm({zIndex: 500}); */ .jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 600px; background-color: #EEE; color: #333; border: 1px solid black; padding: 12px; } .jqmOverlay { background-color: #000; } /* Background iframe styling for IE6. Prevents ActiveX bleed-through (