/*------------------------------------------------- GENERAL -------------------------------------------------*/ body { font: normal 12px "lucida grande", verdana, arial, helvetica, sans-serif; } input,textarea { font: normal 12px "bitstream vera sans", verdana, sans-serif; } abbr { border: none; } cite { font-style: normal; } a img { border: none; padding: 0; margin: 0; } hr {display: none;} ul {list-style-type:none;margin:0;padding:0;} body { font: 70% verdana, arial, helvetica, sans-serif; margin: 0; padding: 0; } .narrow { line-height: 1.3em; } address { font-style: normal; line-height: normal; } abbr, acronym { cursor: help; font-style: normal; } dl, dt, dd { font-size: 1em; line-height: 1.3em; margin-bottom: 0.1em; margin-top: 0.1em; } dt { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; margin: 1.2em 0em 1em; } label { cursor: help; } label:hover { border-bottom: 1px dotted #bbb; } h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; } h1 { font-size: 2em; margin-top: 0em; text-transform: uppercase; } h2 { font-size: 2em; margin-bottom: 1em; margin-top: 1.2em; } h3 { font-size: 1.8em; margin: 1.2em 0em 1em; } h4 { font-size: 1.6em; margin: 1.2em 0em 1.2em 0em; } h5 { font-size: 1.4em; margin: 1.2em 0em 1em; } h6 { font-size: 1.2em; margin: 1.2em 0em 1em; } a img { border: 0; } ol, ul, li { font-size: 1em; line-height: 1.0em; margin-bottom: 0.1em; margin-top: 0.1em; } p { font-size: 1em; line-height: 1.4em; margin: 1.2em 0em 1.2em 0em; } li > p { margin-top: 0.2em; } pre { font: 1.2em monospace; } strong, b { font-weight: bold; } hr { border: 1px solid #ccc; height: 1px; } td { font-size: 100%; } br.bottom { clear: both; } div.left50 { float: left; text-align: left; width: 49%; } div.right50 { float: right; text-align: right; width: 49%; } span.highlight { background: #ffffde; } th { text-align: left; } body { color: #232323; background: #1E3357; } a:link, a:visited { color: #1f3358; text-decoration: underline; } a:hover, a:active { text-decoration: none; } a.bulleted { background: url(images/tbullet.gif) no-repeat 0.1em 0.2em; padding-left: 1.6em; display: block; line-height: normal; } dl, dt, dd { margin: 0em 0px 0.5em 0em; } dd { color: #333; font-style: italic; } h1 { color: #000; } h2 { color: #61261c; } h3 { color: #333; } h4 { color: #1f3358; } h5 { color: #672e24; } h6 { color: #333; } /*------------------------------------------------- DEFAULT -------------------------------------------------*/ /*body*/ body { background: #1E3357; margin: 0; padding: 0; text-align: left; } /*container*/ #container { background: #fff url(images/fading-stripes.gif) repeat-x 0px -400px;margin: 0 auto; position: relative;border-left:15px solid #17273F;border-right:15px solid #17273F; width: 730px;/*min-width: 730px;max-width: 1100px;width:expression(document.body.clientWidth < 730? "730px" : document.body.clientWidth > 1100? "1100px" : "auto");*/} /*header*/ #header { margin:0; padding: 0; width: 100%;position:relative;} /*logo*/ #header #logo { margin:0; padding: 0;float:left;width: 275px;border-right:1px solid #1F3358;position:absolute;z-index:1;} #header #logo a { display:block;width: 275px;text-indent:-3000em;height: 355px;background: #fff url(images/logo.gif) no-repeat 0 25px;padding:20px 0 0 0;} #header #logo a:link, #header #logo a:visited {} #header #logo a:hover, #header #logo a:active {} /*accessibility*/ #header .accessibility { display: none; } /*nav*/ #header #nav {background: #fff;float:right;margin:150px 0 0 0;padding:0;border-top:1px solid #1F3358;border-bottom:1px solid #1F3358;width: 456px;height:38px;position:relative;z-index:8;} #header #nav li { display:inline;padding: 0;margin:0;} #header #nav li a { float:left; font: 153% Georgia, "Times New Roman", Times, serif; padding: 11px 9px 7px 9px; text-align: center; text-decoration: none; margin: 0; } #header #nav li a:link, #header #nav li a:visited {color:#000;} #header #nav li a:hover, #header #nav li a:active, #header #nav li.selected a { color: #999;} #header #nav li span {} /*page*/ #page {display:inline;} /*content*/ #content { float: right; width: 414px;color:#000; border-left:1px solid #1F3358;padding: 10px 20px 75px 20px;position:relative;margin:1px 0 0;background:#fff;z-index:8;} /*general*/ #content img.left { float: left; margin: 1.65em 1.5em 1em 0; } #content img.right { float: right; margin: 1.65em 0 1em 1.5em; } #content h1, #content .pages h2.title { color: #000; font: 36px Georgia, verdana, arial, helvetica, sans-serif; letter-spacing: -1px; margin: 0 0 20px 0; padding: 0; } #content h1 a, #content .pages h2.title a { color: #000; text-decoration: none; } #content h1 em a { color: #000; font: bold 12px verdana, arial, helvetica, sans-serif; text-decoration: underline; } #content h2.title { color: #DEE1E6;text-transform:uppercase; letter-spacing:-3px;font: normal 46px Georgia, verdana, arial, helvetica, sans-serif; margin: 0; padding: 0; position:absolute;top:0;} #content h2.title a { text-decoration: none; } #content .empty h2 { background: #FFFFCF; font-size: 12px; margin: 0; padding: 5px; } #content ul {list-style-type:none;margin:15px;padding:0 10px;} #content ul.meta, #content p.dates { color: #000; font-size: 11px; margin: 0; } #content ul.meta li { background: transparent; display: inline; margin: 0; padding: 0; } #content ul.pagination {clear:both;padding:0px 10px;} #content ul.pagination li { background: transparent; color: #3F0504; float: left; font-size: 11px; font-weight: bold; margin: 0; padding: 0; } #content ul.pagination li.nav { float: right; text-align: right; } #content ul.sublinks { list-style: none; margin: 0 0 2.6em 0; padding: 0; } #content ul.sublinks a:link, #content ul.sublinks a:visited, #content ul.sublinks a:active { background: #fff; color: #f60; } #content ul.sublinks a:hover { background: #f60; color: #fff; } #content ul.sublinks li { background: transparent; color: #555; display: inline; float: left; font-size: 95%; margin: 0; padding: 0 1em 0 0; } #content #alert { background: #DFFFDF; color: #104F0F; font-size: 12px; margin: 0 0 35px; padding: 2px 4px; } .error { background: #eee; } .error p strong { background: #AF0A19; color: #fff; display: block; padding: 7px; } .error ul { padding: 7px 14px 14px; } #content h1 { font-size : 2.2em; height : 25px; margin-bottom : 0.5em; padding-top : 11px; } #content h1 span.alt { display : none; } #content h2 { font-size : 2em; margin-bottom : 0.5em; margin-top : 1em; } #content img.floatleft { border : 1px solid #666; float : left; margin-bottom : 5px; margin-right : 15px; margin-top : 0.7em; } #content li { list-style : square; margin-bottom : 15px; } #content p { line-height : 1.7em; margin : 1.2em 0em 1.2em 0em; } #content div.rsstats { background : #eee url(images/layout/barbg_grad.gif) repeat-x; border : 1px solid #d1d1d1; color : #777; font-size : 90%; height : 16px; margin-top : 14px; padding : 3px; } #content div.rsstats p { margin : 0px; padding : 0px; } #content div.rsstats span.disabled { color : #ccc; } #content div.rsstats-simple { background : #f6f6f6; color : #444; height : 16px; margin-top : 14px; padding : 3px; } #content div.rsstats-simple p { margin : 0px; padding : 0px; } #content div.rsstats-simple span.disabled { color : #ccc; } #content p.notify { background : #f3f3f3; border : 1px dotted #ddd; padding : 10px; } #content div.notify { background : #fff; border : 1px dotted #ddd; padding : 10px; } #content #msgbox { background : #F6F6F6; border : 1px dotted #5F768A; margin-bottom : 18px; margin-top : 12px; padding : 8px; width : 464px; } #content p.message { font-weight : bold; } #content .quote { border-bottom : 2px solid #ccc; margin : 0 0 20px 0; } #content .quote p { font-style : italic; font-weight : bold; line-height : 1.7em; } #content .quote p.cite { font-size : 90%; font-style : normal; font-weight : normal; } #content .quote p.comment { background : #FEFFAF; font-size : 100%; font-style : normal; font-weight : normal; line-height : normal; padding : 10px; } #content .attn { background : #D1E8EF; float : right; margin : -20px 10px 10px 0; padding : 10px; width : 140px; } #content .attn h3 { border-bottom : 1px solid lightblue; font-size : 13px; font-weight : bold; margin : 0 0 5px 0; padding : 0 0 5px 0; } #content .attn p { font-size : 11px; line-height : 15px; margin : 0; } #content h1 {z-index:8;position:relative;} #content h2.title {z-index:1;} #content ul.boxlinks { list-style : none; margin : 0px!important; padding : 0!important; } #content ul.boxlinks li { background : url(none)!important; border : 1px dotted #ccc; display : block; font : bold 110% Georgia, "Times New Roman", Times, serif; list-style : none!important; margin : 0 0 5px 0!important; padding : 0; } #content ul.boxlinks li a { display : block; height : 60px; padding-left : 60px; padding-right : 10px; padding-top : 5px; } #content ul.boxlinks li span { color : #666; font : italic normal 90% Verdana, Arial, Helvetica, sans-serif; } #content ul.boxlinks li a:link, #content ul.boxlinks li a:visited { text-decoration : none!important; } #content ul.boxlinks li a.jack:link, #content ul.boxlinks li a.jack:visited { background : #fff url(images/profiles/jack_small.gif) no-repeat; } #content ul.boxlinks li a.frank:link, #content ul.boxlinks li a.frank:visited { background : #fff url(images/profiles/frank_small.gif) no-repeat; } #content ul.boxlinks li a.jenn:link, #content ul.boxlinks li a.jenn:visited { background : #fff url(images/profiles/jenn_small.gif) no-repeat; } #content ul.boxlinks li a.pdf:link, #content ul.boxlinks li a.pdf:visited { background : #fff url(images/pdf.gif) no-repeat 5px 5px; height : 40px; padding-left : 45px; } #content ul.boxlinks li a.jack:hover, #content ul.boxlinks li a.jack:active { background : #f8f8f8 url(images/profiles/jack_small.gif) no-repeat 0px -75px; } #content ul.boxlinks li a.frank:hover, #content ul.boxlinks li a.frank:active { background : #f8f8f8 url(images/profiles/frank_small.gif) no-repeat 0px -75px; } #content ul.boxlinks li a.jenn:hover, #content ul.boxlinks li a.jenn:active { background : #f8f8f8 url(images/profiles/jenn_small.gif) no-repeat 0px -75px; } #content ul.boxlinks li a.pdf:hover, #content ul.boxlinks li a.pdf:active { background : #f8f8f8 url(images/pdf.gif) no-repeat 5px 5px; } /*sidebar*/ #sidebar { float: left; width: 275px;margin:185px 0 0 0;} #sidebar h2.title {display:none;} #sidebar h2 {color:#fff;font: 25px normal georgia;background: #1e3357 url(images/bg_sidebar-hdr.gif) repeat-x left top; height: 31px;padding: 8px 0 0 9px;margin:0;} #sidebar p, #sidebar ul, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6, #sidebar address {margin:15px;} #sidebar dd { border-bottom : 1px dashed #ccc; padding-bottom : 5px; } #sidebar h3 { font-size : 1.4em; margin : 1.2em 0em 1em; } #sidebar li { background : url(images/sidebar_li_bg.gif) no-repeat 0px 3px; color : #000; font : bold 110% Georgia, "Times New Roman", Times, serif; margin : 0; padding-bottom : 0.5em; padding-left : 1.5em; } #sidebar li a { display : block; } #sidebar li ul { margin : 0; padding : 0; } #sidebar li li { background : url(none); font : normal 90%/normal Verdana, Arial, Helvetica, sans-serif; padding : 0px; } #sidebar li li a { background : url(images/bullet_grey.gif) no-repeat 0.1em 0.8em; padding-bottom : 0.5em; padding-left : 0.9em; padding-top : 0.5em; width : 95%; } #sidebar li li a:hover { background : url(images/bullet_red.gif) no-repeat 0.1em 0.8em; } html>body #sidebar li a { width : auto; } #sidebar p { font-size : 90%; line-height : normal; } #sidebar div.article { border-bottom : 1px dotted #D1D1D1; padding-bottom : 4px; } #sidebar h4 { font-size : 1.2em; margin-bottom : -10px; } #sidebar .news .item .title { color : #000; font-size : 1.0em; font-weight : normal; margin : 15px 7px 0; padding : 0; } #sidebar .news .item .title a { text-decoration : none; } #sidebar .news .item .dates, div.article p.sub-title { background : url(images/date_small.gif) no-repeat 0.1em 0.3em; color : #535353; margin : 1px 13px; padding : 0 0 0 1.0em; } #sidebar .news .item .message { } #sidebar .news .item .message p { margin : 10px 15px; padding : 0; } #sidebar .linkToAll { border-top : 1px solid #D1D1D1; padding : 10px 0 0; } #sidebar .linkToAll a { background : url(images/tbullet.gif) no-repeat 0.1em 0.2em; display : block; line-height : normal; padding-left : 1.6em; } #sidebar ul.boxlinks { list-style : none; margin : 0px; padding : 0px; } #sidebar ul.boxlinks li { background : url(none)!important; border : 1px dotted #ccc; display : block; font : bold 110% Georgia, "Times New Roman", Times, serif; list-style : none!important; margin : .5em 1em 0em 1em!important; padding: 0 !important; } #sidebar ul.boxlinks li a { display : block; height : 60px; padding-left : 60px; padding-right : 10px; padding-top : 5px; } #sidebar ul.boxlinks li span { color : #666; font : italic normal 90% Verdana, Arial, Helvetica, sans-serif; } #sidebar ul.boxlinks li a:link, #sidebar ul.boxlinks li a:visited { text-decoration : none!important; } #sidebar ul.boxlinks li a.jack:link, #sidebar ul.boxlinks li a.jack:visited { background : #fff url(images/profiles/jack_small.gif) no-repeat; } #sidebar ul.boxlinks li a.frank:link, #sidebar ul.boxlinks li a.frank:visited { background : #fff url(images/profiles/frank_small.gif) no-repeat; } #sidebar ul.boxlinks li a.jenn:link, #sidebar ul.boxlinks li a.jenn:visited { background : #fff url(images/profiles/jenn_small.gif) no-repeat; } #sidebar ul.boxlinks li a.pdf:link, #sidebar ul.boxlinks li a.pdf:visited { background : #fff url(images/icons/pdf.gif) no-repeat 5px 5px; height : 40px; padding-left : 45px; } #sidebar ul.boxlinks li a.jack:hover, #sidebar ul.boxlinks li a.jack:active { background : #f8f8f8 url(images/profiles/jack_small.gif) no-repeat 0px -75px; } #sidebar ul.boxlinks li a.frank:hover, #sidebar ul.boxlinks li a.frank:active { background : #f8f8f8 url(images/profiles/frank_small.gif) no-repeat 0px -75px; } #sidebar ul.boxlinks li a.jenn:hover, #sidebar ul.boxlinks li a.jenn:active { background : #f8f8f8 url(images/profiles/jenn_small.gif) no-repeat 0px -75px; } #sidebar ul.boxlinks li a.pdf:hover, #sidebar ul.boxlinks li a.pdf:active { background : #f8f8f8 url(images/icons/pdf.gif) no-repeat 5px 5px; } /*footer*/ #footer { clear: both;border-top: 1px solid #1F3358;padding:15px;border-bottom:15px solid #17273F;} #footer ul {margin:0; padding:0;} #footer li {margin: 0; padding: 0; width: 49%;font: normal 12px georgia;} #footer li.siteurl {float: left; font-weight:bold;} #footer li.contactLink { float: right;text-align:right;} #footer li a:link, #footer li a:visited {color:#222;} #footer li a:hover, #footer li a:active {background:#000;color:#fff;text-decoration:none;} #footer p.developer {clear:both;display:block;text-indent:-3000em;font-size:1px;line-height:0px;margin:0;padding:0;} /*------------------------------------------------- HOME -------------------------------------------------*/ /*------------------------------------------------- NEWS -------------------------------------------------*/ .news #content h2.title {border-bottom: 1px dotted #99A2AF; color: #B3B8BF;text-transform:uppercase; letter-spacing:-3px;font: normal 38px Georgia, verdana, arial, helvetica, sans-serif; margin: 0; padding: 0; position:relative;} .news #content .item {border-bottom: 1px dotted #99A2AF; padding: 10px 0;margin:0 0 10px 0;} .news #content .item .title {margin: 1.2em 0em 1.2em 0em; color: #1f3358; font-size: 1.8em;margin: 0;} .news #content .item .title a { color: #1f3358; } .news #content .item p.dates { margin-top: 0em;background: url(images/date.gif) no-repeat .15em .5em;padding-left: 1.2em;} .news #content .introduction .item {border-bottom: 0px dotted #D1D1D1;padding:0;} .news #content .pagination {display:none;} /*------------------------------------------------- CONTACT -------------------------------------------------*/ /*------------------------------------------------- Formmailer -------------------------------------------------*/ /* COLOR/BORDERS CSS */ form.formmailer .required { color:#FF0000; } /* TEXT CSS */ form.formmailer label { font: normal 13px verdana;} /* STRUCTURE CSS */ form.formmailer {margin:0 auto; padding:0; border:1px solid #ccc;background:#F6F1ED;float:left;padding:10px;width:90%;position:relative;} form.formmailer p { margin:0; padding:0; } form.formmailer fieldset { display:block; margin:0 0 13px 0; padding:0 10px 2px 10px; } form.formmailer legend { margin:0 0 0 10px; padding:0 6px 0 6px; } form.formmailer label.textlblwide { display:block; float:left; margin:0 10px 0 1px; padding-bottom:8px; text-align:left; } form.formmailer select.select { display:block; float:left; margin-bottom:15px; padding:3px; width:65%; } form.formmailer .check { display:block; float:left; margin-bottom:15px; width:65%; } form.formmailer .radio { display:block; float:left; margin-bottom:15px; width:65%; } form.formmailer .check p { line-height:140%; margin:0 0 5px 0; padding:0; } form.formmailer .radio p { line-height:140%; margin:0 0 5px 0; padding:0; } form.formmailer textarea { clear:both;float:left; margin-bottom:15px; padding:3px; position:relative; width:95%; } form.formmailer .fullblock { display:block; float:left; margin-bottom:13px; padding-left:0px; width:100%; } form.formmailer .halfblock { display:block; float:left; margin-bottom:13px; padding-left:29%; width:65%; } form.formmailer input.verify { display:block; float:left; margin-bottom:15px; padding:3px; position:relative; width:50px; } form.formmailer img { float:left; margin:1px 0 0 10px; } form.formmailer input.file, form.formmailer input.text { display:block; float:left; margin-bottom:15px; padding:3px; width:95%; } form.formmailer textarea.textwide { display:block; float:left; margin-bottom:15px; margin-right:2px; padding:3px; width:73%; } form.formmailer label {clear:both;float:left; width:99%;} form.formmailer .submit { clear:both; text-align:left; margin:0;} form.formmailer .required { margin-left:-13px;display:none; } .errors { background:darkred;margin:1.15em 0 .55em 0;} .errors h4 { background:red;font: bold 16px Trebuchet MS;color:#fff; margin:0;padding:0.5em;} .errorlist { color:#fff;} .errorlist li {margin:10px 0 0 0!important;font: 16px/16px georgia;background:none!important;} .errors p {font: bold 16px Trebuchet MS!important;color:#fff; margin:0!important;padding:0.65em!important;background:red;} .success { background:green; padding:10px; color:white;} .success a:link, .success a:visited { color:white;} .success a:hover, .success a:active { color:green;background:white;text-decoration:none;} #content h1.slogan {text-transform:none;position:absolute; top:-150px; left:-20px;width:455px;padding:0;margin:0;text-align:center; font-size: 2.5em; line-height: 1.2em; color: #1f3358;letter-spacing:-0.065em;} /*------------------------------------------------- PRINT -------------------------------------------------*/ @media print { #sidebar { display:none; } #content { float: none; width:90%; } } @import 'forms.css';