/*************************************************************************** * * * Based on "contented7" (ver. 1.00 - May 23, 2006) by Contented Designs * * (http://www.ContentedDesigns.org) An open source xhtml/css website * * template. Free to modify and use for any purpose without cost or * * obligation. * * * * modified by: G. D. LaBossiere, Xview Solutions Inc. * * last modified: 2010-05-19 * * stylesheet name: CleanBlue.css * * * ***************************************************************************/ /*************************************************************************** * * Source: http://www.w3schools.com/css/pr_class_float.asp * * Definition: The float property sets where an image or a text will appear * * in another element. * * * * Inherited: No * * * * Note: If there is too little space on a line for the floating element, * * it will jump down on the next line, and continue until a line has * * enough space. * * * * Note: Content, background, and borders of inline elements should go in * * front of the float. Background and borders of a block element should go * * behind the float, but the content of the block element should go in * * front of the float. * * * ***************************************************************************/ /**************** default element styles *****************/ * { padding: 0; margin: 0; } body { width: 776px; margin: 0px auto; padding: 0 5%; color: #333333; background-color: White; /** Google Fonts see http://googlecode.blogspot.com/2010/05/introducing-google-font-api-google-font.html put in the section of the web page, where $FONTNAME is one of the Google Font Family names: e.g. 'Droid Sans' ($FONTNAME=Droid+Sans), 'Cantarell' ($FONTNAME=Cantarell), etc. then specify the name in the stylesheet or CSS declaration, e.g. body { font-family: 'Droid Sans', sans-serif; } **/ font-family: Verdana, "Deja Vu Sans", "Bitstream Vera Sans", "Lucida Sans", "Liberation Sans", sans-serif; /** Sans, "Droid Sans" **/ font-size: 12px; /** 83%; **/ text-align: justify; } p {line-height: 1.5em;} p, pre, blockquote, label, ul, ol, dl, address, fieldset { margin: 1em 0; } h1, h2, h3, h4, h5, h6 { margin-top: 0.5em } h1, h2, h3, h4, h5, h6, fieldset, textarea { text-align: left; } h1 {font-size: 167%;} h2 {font-size: 139%;} h3 {font-size: 120%;} h4 {font-size: 100%;} h5 {font-size: 83%;} h6 {font-size: 70%;} li, dd {margin: 0 2em;} fieldset, textarea {padding: 10px;} legend {padding: 0 5px;} fieldset, input, textarea {border: 1px solid #3366CC;} fieldset {color: #3366CC;} form, input {font-size: 100%;} input {padding: 2px;} /** Internet Explorer < 7 doesn't understand the input[type=...] syntax **/ input[type=submit], input[type=button], input[type=reset] { font-weight: bold; color: #3366CC; } a { color: #0055CC; background-color: White; font-weight: normal; text-decoration: none; } a:active, a:hover { color: #0055CC; background-color: White; font-weight: normal; text-decoration: underline; } /**************** id and class styles *****************/ #header { position:relative; font-family: "Lucida Sans Unicode", "Lucida Grande", "Deja Vu Sans", "Bitstream Vera Sans", "Lucida Sans", "Liberation Sans", sans-serif; min-height:63px; height:auto; clear:both; color: White; background: #3366CC url("../images/XviewLogo3366CC-94x60.png") no-repeat 5px 5px; padding:0px 0px 7px 0px; margin:0px; } #title { position: absolute; float: left; z-index: 2; width: auto; color: White; text-align: left; font-size: 167%; font-weight: 800; font-style: normal; letter-spacing: -1pt; padding: 0px; margin: 15px 0px 0px 110px; } #title_shadow { position: absolute; float: left; left: -2px; top: 2px; z-index: 1; width: auto; color: #888888; text-align: left; font-size: 167%; font-weight: 800; font-style: normal; letter-spacing: -1pt; padding: 0px; margin: 15px 0px 0px 110px; } #pagename { color: White; text-align: right; font-size: 120%; font-weight: 600; padding: 20px 15px 0px 50%; margin: 0px; min-height: 30px; height: auto; } div#headercontact { float: right; margin: -4px 7px 0px 0px; text-align: right; } div#navbar { float: left; margin: -4px 0px 0px 110px; text-align: left; } div#navbar, div#headercontact { padding: 4px; font-size: 78%; display: inline; } #navbar a, #headercontact a { margin: 4px; padding: 2px; font-weight: normal; text-decoration: none; color: White; background-color: #3366CC; border: 1px solid #3366CC; } #navbar a:hover, #headercontact a:hover { border: 1px solid White; } #navbar a:active, #headercontact a:active { color: #3366CC; background-color: White; border: 1px solid #3366CC; } #navbar a#selected, #headercontact a#selected { border: 1px solid White; } #path { clear: both; text-align: right; font-size: 78%; padding: 2px 5px 0px 0px; margin: 0; } div#rightsidebar { background-color: White; color: #666666; font-size: 78%; width: 210px; padding: 0 0 10px 0; float: right; clear: right; margin: 10px 0 auto 20px; } div#leftsidebar { background-color: White; color: #666666; font-size: 78%; width: 210px; padding: 0 0 10px 0; float: left; clear: left; margin: 10px 30px auto 0; } div#rightsidebar a, div#leftsidebar a { color: #0055CC; background-color:White; } div#rightsidebar h3, div#leftsidebar h3 { margin:0px; padding:2px 0px 2px 5px; color: White; background-color:#999999; } div#rightsidebar ul, div#leftsidebar ul { margin:0.25em 0.25em 0.25em 0.25em; text-align: left; } div#rightsidebar ul li, div#leftsidebar ul li { list-style-position: outside; } ul.check, li.check { list-style-image: url('../images/check-12x18.png'); } ul.cross, li.cross { list-style-image: url('../images/cross-12x18.png'); } .shout, .shout a, .shout a:active, .shout a:hover { font-weight:600; font-style:italic; } .section, .sectionnews, .sectionnotes, .sectionlinks, .sectionhelp, .sectionhead, .sectionheadnews, .sectionheadnotes, .sectionheadlinks, .sectionheadhelp, .sectionbody { font-family: "Lucida Sans Unicode", "Lucida Grande", "Deja Vu Sans", "Bitstream Vera Sans", "Lucida Sans", "Liberation Sans", sans-serif; } .section { margin:0px 1px 10px 10px; padding:0px; border: #999999 solid 1px; } .sectionnews { margin:0px 1px 10px 1px; padding:0px; border: #3366CC solid 1px; } .sectionnotes { margin:0px 1px 10px 1px; padding:0px; border: #999999 solid 1px; } .sectionlinks { margin:0px 1px 10px 1px; padding:0px; border: #6699FF solid 1px; } .sectionhelp { margin:0px 1px 10px 1px; padding:0px; border: #6699CC solid 1px; } .sectionhead { margin:0px; padding:2px 0px 2px 5px; color: White; background-color:#999999; } .sectionheadnews { margin:0px; padding:2px 0px 2px 5px; color: White; background-color:#3366CC; } .sectionheadnotes { margin:0px; padding:2px 0px 2px 5px; color: White; background-color:#999999; } .sectionheadlinks { margin:0px; padding:2px 0px 2px 5px; color: White; background-color:#6699FF; } .sectionheadhelp { margin:0px; padding:2px 0px 2px 5px; color: White; background-color:#6699CC; } .sectionbody { margin:0px; padding:5px; } #footer { height:40px; background-color:White; border-top:3px solid #3366CC; font-family: "Lucida Sans Unicode", "Lucida Grande", "Deja Vu Sans", "Bitstream Vera Sans", "Lucida Sans", "Liberation Sans", sans-serif; font-size:78%; color:#888888; line-height:1.5em; clear:both; margin-top: 20px; } #footer a {text-decoration: none;} #footer a:hover, #footer a:active {text-decoration: underline;} #copyrightdesign { padding:5px 20px 5px 0px; float:left; } #copyrightdesign a, #copyrightdesign a:hover, #copyrightdesign a:visited { color: #888888; background-color: White; font-weight: normal; } #footercontact { padding:5px 0px 5px 0px; float:right; } #footercontact a, #footercontact a:hover, #footercontact a:visited { color: #0055CC; background-color: White; font-weight: normal; } .paragraph_right { float: right; margin: 1em 0 1em 2em; display: inline; } .paragraph_left { float: left; margin: 1em 2em 1em 0; display: inline; } img.section_right { float: right; margin-top:10px; margin-left:10px; margin-bottom:10px; } img.section_left { float: left; margin-top:10px; margin-right:10px; margin-bottom:10px; } img#rightsidebar, img#leftsidebar { margin-bottom:5px; }