/* ------------------------------------------------------------------------- */
/* ------ NEMOURS INTERNET COMMON LAYOUT AND ELEMENT CSS DEFINITIONS ------- */
/* Created: 02/13/2007 */
/* Last Updated: 02/13/2007 */
/* Author: W. Scott Williams, Nemours Web Development Team */
/* ------------------------------------------------------------------------- */
/* --------------------- SITE PAGE AND TAG STYLES ----------------------- */
/* this stylesheet should always be listed first in the head tag */
/* site specific layout and style control for pages is in nemours-sitepage.css */
/* form element and style control for all pages is in nemours-form.css */
/* ------------------------------------------------------------------------- */
/* ------------------------ COMMON ELEMENTS STYLES ------------------------- */
/* This section is for common HTML elements. It should contain only styling
elements that can be applied to ALL content. Elements that need unique
styling will be defined in either nemours-sitepage.css or nemours-mainpage.css */
body, html {
margin: 0px 0px 1px 0px;
padding: 0;
background-color: #aac9ee;
font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
color: #333333;
height:100%;
text-align:center;
}
/* global text paragragraph tag definitions */
p { font-size: 11px; margin: 0px 0px 10px 0px;text-align: left; }
p.indent { text-indent: 15px; }
p.justify { text-align: justify; }
p.center { text-align: center; }
p.white { color: #ffffff; }
p.black { color: #000000; }
/* global headline tag definitions */
/* #333333 (black) headlines */
h1 { font-size: 14px; font-weight: bold; clear:both; margin: 4px 0 5px 0; }
h2 { font-size: 12px; font-weight: bold; clear:both; margin: 4px 0 5px 0; }
h3 { font-size: 11px; font-weight: bold; clear:both; margin: 4px 0 5px 0; }
h4 { font-size: 10px; font-weight: bold; clear:both; margin: 4px 0 5px 0; }
h5 { font-size: 9px; font-weight: bold; clear:both; margin: 4px 0 5px 0; }
/* white headlines */
h1.white { font-size: 14px; font-weight: bold; clear:both; margin: 4px 0 5px 0; color: #ffffff; }
h2.white { font-size: 12px; font-weight: bold; clear:both; margin: 4px 0 5px 0; color: #ffffff; }
h3.white { font-size: 11px; font-weight: bold; clear:both; margin: 4px 0 5px 0; color: #ffffff; }
h4.white { font-size: 10px; font-weight: bold; clear:both; margin: 4px 0 5px 0; color: #ffffff; }
h5.white { font-size: 9px; font-weight: bold; clear:both; margin: 4px 0 5px 0; color: #ffffff; }
/* please note that for IE all three elements of an 'a' tag must be defined in order for the CSS to be valid.
Firefox assumes all is the same unless otherwise defined, but IE needs explicit definitions */
/* H1-H5 (black) global link (href) tag definitions */
h1 a { text-decoration: none; font-size: 14px; color: #3399cc; }
h1 a:visited { text-decoration: none; font-size: 14px; color: #3399cc; }
h1 a:hover { text-decoration: none; font-size: 14px; color: #FF6666; border-bottom: 1px dotted #3399cc; } /* original color = ff6666 */
h2 a { text-decoration: none; font-size: 12px; color: #3399cc; }
h2 a:visited { text-decoration: none; font-size: 12px; color: #3399cc; }
h2 a:hover { text-decoration: none; font-size: 12px; color: #FF6666; border-bottom: 1px dotted #3399cc; } /* original color = ff6666 */
h3 a { text-decoration: none; font-size: 11px; color: #3399cc; }
h3 a:visited { text-decoration: none; font-size: 11px; color: #3399cc; }
h3 a:hover { text-decoration: none; font-size: 11px; color: #FF6666; border-bottom: 1px dotted #3399cc; } /* original color = ff6666 */
h4 a { text-decoration: none; font-size: 10px; color: #3399cc; }
h4 a:visited { text-decoration: none; font-size: 10px; color: #3399cc; }
h4 a:hover { text-decoration: none; font-size: 10px; color: #FF6666; border-bottom: 1px dotted #3399cc; } /* original color = ff6666 */
h5 a { text-decoration: none; font-size: 9px; color: #3399cc; }
h5 a:visited { text-decoration: none; font-size: 9px; color: #3399cc; }
h5 a:hover { text-decoration: none; font-size: 9px; color: #FF6666; border-bottom: 1px dotted #3399cc; } /* original color = ff6666 */
/* please note that for IE all three elements of an 'a' tag must be defined in order for the CSS to be valid.
Firefox assumes all is the same unless otherwise defined, but IE needs explicit definitions */
/* global link (href) tag definitions */
a { text-decoration: none; font-size: 11px; color: #3399cc; }
a:visited { text-decoration: none; font-size: 11px; color: #3399cc; }
a:hover { text-decoration: none; font-size: 11px; color: #FF6666; border-bottom: 1px dotted #3399cc; } /* original color = ff6666 */
.kiosk-main-l a { font-size:10px }
.kiosk-main-l a:visited { font-size:10px }
.kiosk-main-l a:hover { font-size:10px }
.kiosk-main-r-2c-r a { font-size:10px }
.kiosk-main-r-2c-r a:visited { font-size:10px }
.kiosk-main-r-2c-r a:hover { font-size:10px }
/* global links (href) that need to be white */
a.white { text-decoration: none; border: none; color:#ffffff; border-bottom: 0px dotted #ffffff; }
a.white:visited { text-decoration: none; border: none; color:#ffffff; border-bottom: 0px dotted #ffffff; }
a.white:hover { text-decoration: none; border: none; color:#3b608a; border-bottom: 1px dotted #3b608a;}
/* kiosk page links (href) that need to be white */
a.white-kiosk { text-decoration: none; border: none; color:#ffffff; border-bottom: 1px dotted #ffffff; }
a.white-kiosk:visited { text-decoration: none; border: none; color:#ffffff; border-bottom: 1px dotted #ffffff; }
a.white-kiosk:hover { text-decoration: none; border: none; color:#3b608a; border-bottom: 1px dotted #3b608a; }
/* global links (href) that need to be white in all states, 10px, bold */
a.white-10-b { text-decoration: none; border: none; color:#ffffff; font-size:10px; font-weight:bold; border-bottom: 0px dotted #ffffff; }
a.white-10-b:visited { text-decoration: none; border: none; color:#ffffff; font-size:10px; font-weight:bold; border-bottom: 0px dotted #ffffff; }
a.white-10-b:hover { text-decoration: none; border: none; color:#ffffff; font-size:10px; font-weight:bold; border-bottom: 1px dotted #ffffff; }
/* global links (href) that need to be white in all states, 11px, bold */
a.white-11-b { text-decoration: none; border: none; color:#ffffff; font-size:11px; font-weight:bold; border-bottom: 0px dotted #ffffff; }
a.white-11-b:visited { text-decoration: none; border: none; color:#ffffff; font-size:11px; font-weight:bold; border-bottom: 0px dotted #ffffff; }
a.white-11-b:hover { text-decoration: none; border: none; color:#ffffff; font-size:11px; font-weight:bold; border-bottom: 1px dotted #ffffff; }
/* global links (href) that need to be red */
a.red { text-decoration: none; border: none; color: #ff0000; }
a.red:visited { text-decoration: none; border: none; color:#ff0000; }
a.red:hover { text-decoration: none; border: none; color:#ff0000; border-bottom: 1px dotted #3399cc; }
/* global links (href) that need to be white */
a.black { text-decoration: none; border: none; color:#333333; border-bottom: 0px dotted #333333; }
a.black:visited { text-decoration: none; border: none; color:#333333; border-bottom: 0px dotted #333333; }
a.black:hover { text-decoration: none; border: none; color:#333333; }
/* global links (href) that need to be black in all states, 10px, bold */
a.black-10-b { text-decoration: none; border: none; color:#333333; font-size:10px; font-weight:bold; border-bottom: 0px dotted #333333; }
a.black-10-b:visited { text-decoration: none; border: none; color:#333333; font-size:10px; font-weight:bold; border-bottom: 0px dotted #333333; }
a.black-10-b:hover { text-decoration: none; border: none; color:#333333; font-size:10px; font-weight:bold; border-bottom: 1px dotted #333333; }
/* global links (href) that need to be black in all states, 11px, bold */
a.black-11-b { text-decoration: none; border: none; color:#333333; font-size:11px; font-weight:bold; border-bottom: 0px dotted #333333; }
a.black-11-b:visited { text-decoration: none; border: none; color:#333333; font-size:11px; font-weight:bold; border-bottom: 0px dotted #333333; }
a.black-11-b:hover { text-decoration: none; border: none; color:#333333; font-size:11px; font-weight:bold; border-bottom: 1px dotted #333333; }
/* global link (href) tag definitions: featured links */
a.feature { text-decoration: none; font-size: 11px; color: #3399cc; font-weight:bold; border-bottom: 0px dotted #3399cc; }
a.feature:visited { text-decoration: none; font-size: 11px; color: #3399cc; font-weight:bold; border-bottom: 0px dotted #3399cc; }
a.feature:hover { text-decoration: none; font-size: 11px; color: #FF6666; border-bottom: 1px dotted #3399cc; font-weight:bold; }
/* global link (href) no border definitions - images that are links should not have border */
a.noborder { text-decoration: none; border: none; }
a.noborder:visited { text-decoration: none; border: none; }
a.noborder:hover { text-decoration: none; border: none; }
/* search paginator styles */
span.paginator { margin:0 2px 0 2px; padding: 0 2px 0 2px; font-size: 10px; font-weight:bold; color: #e5f2d9; background-color: #006633 }
a.paginator { margin:0 2px 0 2px; padding: 0 2px 0 2px; text-decoration: none; font-size: 10px; font-weight:bold; color: #006633; border: none; }
a.paginator:visited { margin:0 2px 0 2px; padding: 0 2px 0 2px; text-decoration: none; font-size: 10px; font-weight:bold; color: #006633; border: none; }
a.paginator:hover { margin:0 2px 0 2px; padding: 0 2px 0 2px; text-decoration: none; font-size: 10px; font-weight:bold; color: #006633; border: none; }
a.paginator img { border: none; margin: 0 0 -2px 0; padding: 0 }
/* ----- image styles ------------------------------------------------------ */
img { border: 0px solid #999999; margin: 0px auto; }
img.left { float:left; margin-right:10px }
img.right { float:right; margin-left:10px }
img.fadebar { margin-top:2px }
img.inset { margin-top:10px; margin-bottom:10px; }
/* ----- horizontal rule style---------------------------------------------- */
hr { width:90%; height: 1px; color:#999999; background-color: #999999 }
/* ----- XHTML text modules ------------------------------------------------ */
kbd { padding: 0; border-width: 1px 2px 2px 1px; border-style:solid; background-color: #ffe8d3 }
abbr { border-bottom: 1px dashed; cursor:help }
acronym { border-bottom: 1px dashed; cursor:help }
dfn { font-style: normal; border-bottom: 1px dashed; cursor: help }
code { font-family: courier, monospace; border: 1px solid #999999; background-color: #fff2bf; padding: 0 }
samp { font-family: courier, monospace; border: 1px solid #999999; background-color: #e5f2d9; padding: 0 }
/* ----- text/alignment styles ------------------------------------------------- */
.indent { margin-left: 20px }
.pad { padding: 5px }
.left { text-align: left }
.center { text-align: center }
.right { text-align: right }
.clear { clear: both }
.inline { display: inline }
.white { color:#ffffff }
.red { color:#ff0000 }
.footnote { font-size:10px; font-style:italic; }
.footnote a { font-size: 10px;}
.footnote a:visited { font-size: 10px;}
.footnote a:hover { font-size: 10px;}
.pad-5-l { margin-left:5px; }
.pad-5-r { margin-right:5px; }
/* ----- float control styles -------------------------------------------------- */
.float-none { float:none }
.float-left { float:left; text-align: left; margin-right:2px; }
.float-right { float:right; margin-left:2px; }
/* ----- border control styles ------------------------------------------------ */
.noborder { border: none }
.withborder { border: 1px solid #999999 }
/* ----- background color control styles ------------------------------------------------ */
.nem-red { background-color: #ffeded }
.nem-dred { background-color: #ff6666 }
.nem-yellow { background-color: #fff2bf }
.nem-dyellow { background-color: #ffcc00 }
.nem-blue { background-color: #cce5f2 }
.nem-dblue { background-color: #3399cc }
.nem-green { background-color: #e5f2d9 }
.nem-dgreen { background-color: #99cc66 }
.nem-orange { background-color: #f338d3 }
.nem-dorange { background-color: #fca54f }
.nem-gray { background-color: #e7e7e7 }
.nem-dgray { background-color: #999999 }
/* ----- DIV control styles ---------------------------------------------------------- */
div { margin:0px; padding:0px; border:0px; }
div.clear { clear: both; height:0px; font-size:1px; }
div.center table { margin: 0 auto; text-align: left;}
div.center table caption { margin: 0 auto; text-align: left;}
div.footnote { font-size: 10px; font-style: italic; margin-left: 10px; }
div.textbox { clear:both; float: left; width:150px; font-size: 10px; padding: 2px 10px; border-top:1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7}
div.photo { float:right; width: auto; font-size:10px; font-weight: bold; padding: 4px }
span.underline { text-decoration:underline }
span.strikethrough { text-decoration:line-through }
span.highlight { background-color: yellow }
/* ----- unordered bulleted list styles ----------------------------------------- */
ul {
margin: 0px 0px 15px 0px;
text-align:left;
}
ul.sitemap {
padding: 0;
list-style-type: none;
font-size: 10px;
font-weight: normal;
}
ul.sitemap li {
padding: 0 0 0 13px;
background-image: url(http://www.nemours.org/image/bullet/gray-diagonal.gif);
background-repeat: no-repeat;
background-position: 1px 3px;
list-style-type: none;
font-weight: normal;
}
ul.sitemap ul {
margin: 0px 0px 0px 0px;
}
ul.sitemap ul li {
padding: 0 0 0 10px;
background-image: url(http://www.nemours.org/image/arrow/dark-gray1-r-7-7.gif);
background-repeat: no-repeat;
background-position: 1px 3px;
list-style-type: none;
margin: 0px 0px 0px 0px;
font-weight: normal;
}
ul.gray-diagonal {
padding: 0;
list-style-type: none;
}
ul.gray-diagonal li {
padding: 0 0 0 13px;
background-image: url(http://www.nemours.org/image/bullet/gray-diagonal.gif);
background-repeat: no-repeat;
background-position: 1px 2px;
list-style-type: none;
}
ul.gray-diagonal ul li {
background-image: url(http://www.nemours.org/image/arrow/lite-gray1-r-7-7.gif);
background-repeat: no-repeat;
background-position: 1px 3px;
list-style-type: none;
}
ul.gray-diagonal-feature {
padding: 0;
list-style-type: none;
font-size: 10px
}
ul.gray-diagonal-feature li {
padding: 0 0 0 13px;
background-image: url(http://www.nemours.org/image/bullet/gray-diagonal.gif);
background-repeat: no-repeat;
background-position: 1px 2px;
font-weight:bold;
list-style-type: none;
}
ul.gray-diagonal-feature ul li {
background-image: url(http://www.nemours.org/image/arrow/lite-gray1-r-7-7.gif);
background-repeat: no-repeat;
background-position: 1px 3px;
list-style-type: none;
}
ul.blue-diagonal {
padding: 0;
list-style-type: none;
}
ul.blue-diagonal li {
padding: 0 0 0 13px;
background-image: url(http://www.nemours.org/image/bullet/blue-diagonal.gif);
background-repeat: no-repeat;
background-position: 1px 2px;
list-style-type: none;
}
ul.blue-diagonal ul li {
background-image: url(http://www.nemours.org/image/arrow/lite-blue1-r-7-7.gif);
background-repeat: no-repeat;
background-position: 1px 3px;
list-style-type: none;
}
ul.dark-gray1r {
padding: 0;
list-style-type: none;
}
ul.dark-gray1r li {
padding: 0 0 0 10px;
background-image: url(http://www.nemours.org/image/arrow/dark-gray1-r-7-7.gif);
background-repeat: no-repeat;
background-position: 1px 3px;
list-style-type: none;
}
ul.dark-gray1r ul li {
list-style-type: none;
}
ul.lite-blue1r {
padding: 0;
list-style-type: none;
}
ul.lite-blue1r li {
padding: 0 0 0 10px;
background-image: url(http://www.nemours.org/image/arrow/lite-blue1-r-7-7.gif);
background-repeat: no-repeat;
background-position: 1px 3px;
list-style-type: none;
}
ul.lite-blue1r ul li {
list-style-type: none;
}
ul.lite-gray1r {
padding: 0;
list-style-type: none;
}
ul.lite-gray1r li {
padding: 0 0 0 10px;
background-image: url(http://www.nemours.org/image/arrow/lite-gray1-r-7-7.gif);
background-repeat: no-repeat;
background-position: 1px 3px;
list-style-type: none;
}
ul.lite-gray1r ul li {
list-style-type: none;
}
ul.red-arrow-r {
padding: 0;
list-style-type: none;
}
ul.red-arrow-r li {
padding: 0 0 0 10px;
background-image: url(http://www.nemours.org/image/arrow/red-r-7-7.gif);
background-repeat: no-repeat;
background-position: 1px 3px;
list-style-type: none;
}
ul.red-arrow-r ul li {
list-style-type: none;
}
ul.indent {
margin-left:5px;
}
/* ------------------------------------------------------------------------- */
/* ------------------------------ TABLE STYLES ----------------------------- */
table.bg-white { /* global table definition */
background-color:#ffffff;
}
table.border { /* global table definition */
border: 1px solid #999999;
}
table.aggregator { /* global table definition */
background-image:url(http://www.nemours.org/image/background/www-bkg-box-tile.gif);
background-position:top left;
background-repeat:repeat-x;
color:#333333;
text-align:justify;
}
table.aggregator a { color:#3399cc; }
table.aggregator a:visited { color:#3399cc; }
table.aggregator a:hover { color:#ff6666; }
caption { /* global table caption */
padding: 2px 2px 2px 4px;
font-size:10px;
font-weight: bold;
color: #333333;
background-color: #E5F2D9;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
text-align:left;
}
caption img { /* global table caption with images */
border:none;
}
/* the following defines TR data grid styles; blue and gray alternating row colors for data tables */
tr.tr-dark-blue { color: #ffffff; font-weight: bold; background-color: #3399cc }
tr.tr-light-blue { background-color: #cce5f2}
tr.tr-dark-gray { color: #ffffff; font-weight: bold; background-color: #999999 }
tr.tr-light-gray { background-color: #e7e7e7}
table.float-left { /* global table float left */
float:left;
margin-right:10px;
}
table.float-right { /* global table float right */
float:right;
margin-left:10px;
}
/* global table float captions */
/*table.float-left caption {
width: 100%;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
}
table.float-right caption {
width: 100%;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
}
*/
/* the following preserves font size in nested tables and paragraphs up to 5 levels deep */
/* ------------------------------------------------------------------------- */
/* ------------ CURRENT DATE, KTP BUTTONS & GLOBAL SEARCH STYLES ----------- */
/* this is for the section of the template where the current date and search
box is located */
.hdr-date { /* date style */
float: left;
display:inline;
vertical-align: top;
margin: 3px 0px 0px 0px;
border: none;
font-size: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#6191cb;
border:0px solid #000000;
height:20px;
}
#hdr-utility { /* utility bar container for KTP buttons and search box */
width:544px;
border:0px solid #000000;
float:right;
margin:0px;
height:20px;
}
.hdr-util-divider {
margin: 0px 5px 0px 3px;
}
#hdr-ktp { /* For Kids, Teens, Parents buttons container */
width:375px;
float:left;
display:inline;
margin:1px 0px 0px 0px;
padding-right:0px;
border:0px solid #000000;
border-right:0px solid #ffffff;
}
#hdr-ktp img { /* For Kids, Teens, Parents buttons image control */
float:right;
display:inline;
border:0px solid #000000;
margin-right:5px;
}
.hdr-search { /* main search box container & style: text box controlled in nemours-form.css file */
margin: 0px 0px 0px 0px;
float: right;
display:inline;
color: #ffffff;
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: bold;
/*background-image:url(http://www.nemours.org/image/background/home-bkg-search-hdr.gif);
background-position:right;
background-repeat:no-repeat;*/
width: 169px;
padding:0px 0px 0px 0px;
border:0px solid #000000;
height:20px;
}
.hdr-search table {
margin:0px;
}
.hdr-search fieldset {
float: none; /* problem in Gecko engine baded browsers sometimes */
margin: 0px;
padding: 0px;
border: 0px solid #E7E7E7;
text-indent: 0px;
}
/* ------------------------------------------------------------------------- */
/* ------------------------ MAIN NAVIGATION MENU STYLES -------------------- */
/* the following defines the main navigation 'pill' area. Note that the pill
itself is part of the background image of the page and must be adjusted
in it's Photoshop file */
#nav-menu { /* main navigation container: Internet portal page and landing page */
width: 620px;
margin-top: 19px;
margin-right:0px;
float:right;
padding-left:0px;
padding-right:0px;
border: 0px #000000 solid;
}
#nav-menu table { /* main navigation table style: portal page and landing page */
border: none;
margin: 0px;
}
/* ------------------------------------------------------------------------- */
/* ------------------------- MAIN CONTENT AREAS STYLES --------------------- */
/* the following defines the templates main layout containers. this is the
main wrapper for the template and sandbox areas */
#center-the-page { /* centers the divs on all the pages */
width: 955px;
margin: 0px auto;
text-align: left;
padding: 0px;
}
#main-content-frame { /* main frame: internet portal page */
width: 955px;
text-align:left;
padding: 0;
margin: 0;
}
#sub-content-frame { /* sub-content frame: internet portal page */
padding-left: 10px;
padding-right:10px;
margin: 0;
text-align:left;
}
#main-frame-bg { /* main frame's background: internet portal page */
width: 955px;
margin: 0px 0px 0px 0px;
text-align: left;
padding: 0px;
background-color:#ffffff;
background-image:url(http://www.nemours.org/image/background/www-bkg-site-main.jpg);
background-repeat:repeat-x;
background-position:top left;
border: 1px #708aa7 solid;
}
#main-content-frame-kiosk { /* main frame: internet kiosk page ONLY */
width: 955px;
text-align:left;
padding: 0px 0px 10px 0px;
margin: 0px;
border: 0px #708aa7 solid;
}
/* ------------------------------------------------------------------------- */
/* --------------------- FOOTER BAR & COPYRIGHT STYLES --------------------- */
/* the following defines the footer section, copyright, and w3c compliance
sections as well as the connect2 block */
#ftr { /* footer bar container */
width: 915px;
height: 20px;
float: left;
display:inline;
border: 0px solid #6091cb;
padding-top:2px;
}
#ftr-padder { /* footer bar container padder: layout control */
width: 955px;
height: 24px;
vertical-align:middle;
background-color: #6091cb;
background-image:url(http://www.nemours.org/image/background/www-bkg-ftr-green.jpg);
background-repeat:repeat-x;
background-position:top left;
bordertop: 0px solid #6091cb;
}
#ftr ul { /* footer unordered list style */
margin: 0px 0px 0px 0px;
padding: 1px 15px 0px 0px;
height: 18px;
font-size: 10px;
font-weight: bold;
text-align: center
}
#ftr ul li { /* footer unordered list item style */
list-style-type: none;
display: inline
}
/* please note that for IE all three elements of an 'a' tag must be defined in order for the CSS to be valid.
Firefox assumes all is the same unless otherwise defined, but IE needs explicit definitions */
#ftr ul li a { /* footer unordered list item link style */
float: left;
padding: 0.2em 10px 0px 10px;
font-size: 10px;
color: #e7e7e7;
text-decoration: none;
border:0px;
}
#ftr ul li a:hover { /* footer unordered list item hover style */
color: #ffffff;
border:0px;
}
#ftr ul li a:visited { /* footer unordered list item hover style */
color: #e7e7e7;
border:0px;
}
#ftr-btt { /* 'back to top' button */
width: 25px;
height:24px;
float:right;
display:inline;
marin-right:0px;
border:0px;
}
.ftr-legal { /* copyright information container */
margin: 0px 6px 0px 0px;
padding-bottom:5px;
text-align:justify;
border: 0px solid #000000;
width: 935px;
}
#ftr-copyright { /* copyright information container */
width: 280px;
float:left;
display:inline;
padding: 5px 0px 0px 10px;
margin-bottom:3px;
border: 0px solid #000000;
}
#ftr-copyright-padder { /* copyright information container: layout control */
width: 955px;
background: #6091cb;
padding: 0px 0px 0px 0px;
/*height:75px;*/
border: 0px solid #6091cb;
}
#ftr-copyright-text { /* copyright information style */
font-size: 9px;
text-indent: 0px;
text-align:left;
float:left;
display:inline;
margin-top:3px;
color:#ffffff;
border: 0px solid #6091cb;
}
#ftr-lastupdate { /* last date page was updated */
font-size: 9px;
text-indent: 5px;
text-align:right;
padding: 0px 5px 0px 0px;
float:right;
display:inline;
margin-top:3px;
color:#ffffff;
border: 0px solid #6091cb;
}
#ftr-compliance-padder { /* compliance information container: layout control */
width:645px;
float:right;
display:inline;
padding: 5px 0px 0px 0px;
margin-bottom:3px;
height:20px;
border: 0px solid #000000;
}
#ftr-compliance { /* W3C compliance boxes */
width: 5px;
height:20px;
float:right;
margin: 2px 0px 0px 0px;
background-color: #6091cb;
}
#ftr-vpn { /* toy block for Connect2 access */
width: 20px;
height:20px;
float:right;
background-color: #6091cb;
vertical-align:middle;
margin-right:2px;
}
#ftr-trailer { /* empty container for future content */
width: 955px;
height: 4px;
background-color: #6091cb;
}
/* ------------------------------------------------------------------------- */
/* ------------------------- PRINTER FRIENDLY STYLES --------------------- */
#center-the-page-print { /* centers the divs on the page */
width: 508px;
margin: 0px auto;
text-align: left;
padding: 0px;
}
#main-content-frame-print { /* main frame */
width: 508;
text-align:left;
padding: 0;
margin: 0;
}
#sub-content-frame-print { /* sub-content frame */
padding-left: 10px;
padding-right:10px;
margin: 0;
text-align:left;
}
#main-frame-bg-print { /* main frame's background */
width: 508px;
margin: 0px 0px 0px 0px;
text-align: left;
padding: 0px;
background-color:#ffffff; /* old color = 6191cb */
background-image:none;
border: 0px #708aa7 solid;
}
#hdr-topbar-print { /* date container */
width: 600px;
padding: 0px;
margin-top: 5px;
margin-bottom: 5px;
border: 0px #000000 solid;
}
/***************** FROM WWW-PARAGRAPH-CSS **********************/
/* ------------------------------------------------------------------------- */
/* ----------------- NEMOURS INTERNET CSS DEFINITIONS ---------------------- */
/* Created: 02/13/2007 */
/* Last Updated: 02/13/2007 */
/* Author: W. Scott Williams, Nemours Web Development Team */
/* ------------------------------------------------------------------------- */
/* ------------------ DECO BOX CONTAINER & LAYOUT SECTION ------------------ */
/* the following defines the decorator box that is used in the template.
this definition is reusable for all deco boxes. what changes is the middle
div & container (width control) depending on what it is used for.
Example: the left hand site nav uses a different box middle style than an
rss feed box middle */
/* ------------------- DECO BOX CONTAINER AND ELEMENTS -----------------------*/
.decobox-col { /* 3-column template: column deco box: main container - NOTE this is for controlling widths only and can be used for NOBOX control as well */
margin:0px 0px 10px 0px;
width: 200px;
border: 0px solid #000000;
float:none;
font-size:10px;
}
.decobox-ctr { /* 3-column template: center deco box: main container - NOTE this is for controlling widths only and can be used for NOBOX control as well */
width:487px;
background:none;
margin:0px 0px 10px 0px;
border: 0px solid #000000;
float:none;
font-size:11px;
}
.decobox-login { /* 3-column template: center deco box: main container - NOTE this is for controlling widths only and can be used for NOBOX control as well */
width:410px;
background:none;
margin:0px 0px 10px 0px;
border: 0px solid #000000;
float:none;
font-size:11px;
}
.decobox-kiosk-ctr { /* kiosk template: center deco box: main container - NOTE this is for controlling widths only and can be used for NOBOX control as well */
background:none;
margin:0px 0px 10px 0px;
width: 438px;
border: 0px solid #000000;
float:none;
font-size:11px;
}
.decobox-kiosk-col-r { /* kiosk template: right col deco box: main container - NOTE this is for controlling widths only and can be used for NOBOX control as well */
background:none;
margin:0px 0px 10px 0px;
width: 194px;
border: 0px solid #000000;
float:none;
font-size:10px;
}
.decobox-kiosk-col-l { /* kiosk template: left col deco box: main container - NOTE this is for controlling widths only and can be used for NOBOX control as well */
background:none;
margin:0px 0px 10px 10px;
width: 265px;
border: 0px solid #000000;
float:none;
font-size:10px;
}
.decobox-tm { /* top middle section of box tile */
padding:0px 0px 0px 5px;
float:none;
text-align:left;
vertical-align:middle;
font-weight: bold;
color: #40916f;
letter-spacing: 0px;
line-height:20px;
font-size: 10px;
height:20px;
}
.decobox-tl { /* top left corner */
background:url(../image/background/www-bkg-box-title.gif);
background-position:top;
background-repeat:repeat-x;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left:1px solid #999999;
border-right:1px solid #999999;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:none;
}
.decobox-tl img {
float:none;
padding:0px;
border:none;
margin:0px;
}
.decobox-tl img.left {
float:left;
}
.decobox-tl img.right {
float:right;
}
.decobox-tr { /* top right corner */
float:none;
padding:0px 0px 0px 0px;
vertical-align:middle;
border: 0px solid #000000;
}
.decobox-tr img { /* top right corner */
float:right;
margin: -1px 0px 0px 0px;
border: 0px solid #000000;
padding:0px 0px 0px 0px;
}
.decobox-body-col { /* middle section for deco boxes in side columns */
padding:5px 5px 5px 5px;
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
margin:0px 0px 0px 0px;
line-height:13px;
font-size: 10px;
text-align:left;
background:url(../image/background/www-bkg-box-tile.gif);
background-position:top;
background-repeat:repeat-x;
}
.decobox-body-col ul {
margin: 0px 0px 5px 0px;
}
.decobox-body-ctr { /* middle section for dec boxes in the center column */
padding:9px 10px 5px 10px;
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
background:#ffffff;
text-align:left;
text-indent:0px;
margin:0px 0px 0px 0px;
}
/*.decobox-body-ctr ul {
margin: 0px 0px 0px 0px;
}*/
/* ------------- DECO BOX CONTAINER AND ELEMENTS CONTENT DEFINITIONS ----------------*/
.decobox-ctr p { /* paragraph spacing control for center deco box */
/*margin:0px 0px 10px 0px;*/
}
.decobox-col p { /* paragraph spacing control for center deco box */
margin:0px 0px 5px 0px;
text-align:left;
}
/* deco box: l/r col: body */
.decobox-body-col table { /* table control for middle section of boxes in side columns */
max-width:178px;
margin:0px 0px 5px 0px;
padding: 0px;
text-align:left;
}
.decobox-body-col form { /* form control for middle section of boxes in side columns */
margin:0px 0px 0px 0px;
padding: 0px;
text-align:left;
}
/* please note that for IE all three elements of an 'a' tag must be defined in order for the CSS to be valid.
Firefox assumes all is the same unless otherwise defined, but IE needs explicit definitions */
.decobox-body-col a { /* middle section for boxes: link (href) definition */
text-align:left;
font-size: 10px;
}
.decobox-body-col a:hover { /* middle section for boxes: link (href) hover definition */
text-align:left;
font-size: 10px;
}
.decobox-body-col a:visited { /* middle section for boxes: link (href) visited definition */
text-align:left;
font-size: 10px;
}
/* deco box: center col: body */
.decobox-body-ctr table { /* table control for middle section of boxes in the center column */
max-width:465px;
width:465px;
text-align:left;
margin:0px 0px 5px 0px;
}
.decobox-body-ctr a { /* middle section for boxes: link (href) definition */
text-align:left;
}
.decobox-body-ctr a:hover { /* middle section for boxes: link (href) hover definition */
text-align:left;
}
.decobox-body-ctr a:visited { /* middle section for boxes: link (href) visited definition */
text-align:left;
}
/* kiosk page deco box elements */
.decobox-body-kiosk { /* NEW: news and events; middle section; blue background */
padding:9px 10px 7px 10px;
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
background:#ffffff;
background-image:url(../image/background/www-bkg-box-tile.gif);
background-position:top left;
background-repeat:repeat-x;
text-indent:0px;
line-height:13px;
margin:0px 0px 0px 0px;
color: #333333;
}
.decobox-body-kiosk table { /* table margin control in the kiosk page center column */
margin:0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
clear:both;
float: none;
width:416px;
max-width:416px;
background-color:#ffffff;
}
.decobox-body-kiosk p { /* NEW: news and events; middle section; blue background; paragraph style */
line-height:13px;
}
.decobox-kiosk-col-l p { /* NEW: news and events; middle section; blue background; paragraph style */
font-size: 10px;
}
.decobox-kiosk-col-r p { /* NEW: news and events; middle section; blue background; paragraph style */
font-size: 10px;
}
/* please note that for IE all three elements of an 'a' tag must be defined in order for the CSS to be valid.
Firefox assumes all is the same unless otherwise defined, but IE needs explicit definitions */
.decobox-body-kiosk a { /* NEW: link */
font-size: 11px;
}
.decobox-body-kiosk a:hover { /* NEW: link hover */
font-size: 11px;
}
.decobox-body-kiosk a:visited { /* NEW: visited link */
font-size: 11px;
}
/* please note that for IE all three elements of an 'a' tag must be defined in order for the CSS to be valid.
Firefox assumes all is the same unless otherwise defined, but IE needs explicit definitions */
.decobox-body-kiosk h4 a { /* NEW: news and events; middle section; blue background; article title link */
font-size: 10px;
}
.decobox-body-kiosk h4 a:hover { /* NEW: news and events; middle section; blue background; article title link hover */
font-size: 10px;
}
.decobox-body-kiosk h4 a:visited { /* NEW: news and events; middle section; blue background; article title visited link */
font-size: 10px;
}
/* ------------------------------------------------------------------------- */
/* ----------------- INTERNET MAIN PAGE AND TAG STYLES --------------------- */
/* this stylesheet should always be listed last in the head tag */
/* main layout and style control for all pages is in nemours-layout.css */
/* form element and style control for all pages is in nemours-form.css */
/* ------------------------------------------------------------------------- */
/* -------------------- COLUMN & LAYOUT CONTROL STYLES ----------------------- */
/* this section defines column structure and element layout control for the
Nemours.org Internet main home page. */
/* -------------------------------- BEGIN ---------------------------------- */
/* ---------------------------- COLUMN STYLES ------------------------------ */
.kiosk-main-r { /* home page: layout column: right column */
float:right;
display:inline;
width:662px;
border:0px solid #000000;
padding-top: 0px;
margin: 0px;
}
.kiosk-main-l { /* home page: layout column: left column */
float:left;
display:inline;
width:270px;
border:0px solid #000000;
vertical-align:top;
padding:0px 0px 0px 0px;
text-align:left;
font-size:10px;
}
.kiosk-main-l-padder { /* home page: layout column: left column padder */
width:270px;
padding:5px 0px 0px 0px;
margin:0px 0px 0px 10px;
font-size:10px;
}
.kiosk-main-l-padder p { /* home page: layout column: left column padder */
font-size:10px;
}
.kiosk-main-r-2c-r { /* home page: main layout: right column: 2 column definition*/
float:right;
display:inline;
width:194px;
border:0px solid #000000;
padding:0px;
margin: 0px 10px 0px 0px;
font-size:10px;
}
.kiosk-main-r-2c-r-padder { /* home page: main layout: right column: 2 column definition*/
width:194px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border:0px solid #000000;
text-align:left;
font-size:10px;
}
.kiosk-main-r-2c-r-padder p { /* home page: main layout: right column: 2 column definition*/
font-size:10px;
}
.kiosk-main-r-2c-l { /* home page: main layout: left column: 2 column definition*/
float:left;
display:inline;
width:438px;
border:0px solid #000000;
vertical-align:top;
padding: 0px 0px 0px 0px;
margin: 0px;
text-align:left;
font-size:11px;
}
.kiosk-main-r-2c-l-padder { /* home page: main layout: left column: 2 column definition*/
width:438px;
border:0px solid #000000;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 10px;
font-size:11px;
}
.kiosk-main-r-2c-l-padder p { /* home page: main layout: left column: 2 column definition*/
font-size:11px;
}
/*.kiosk-main-r-2c-l-padder table { home page: main layout: left column: 2 column definition
margin: 0px 0px 10px 0px;
}*/
/* --------------------------------- END ----------------------------------- */
/* ---------------------------- COLUMN STYLES ------------------------------ */
/* ------------------------------ BEGIN ------------------------------------ */
/* ----------------------- CONTENT AREA STYLES ----------------------------- */
.kiosk-spacer { /* This spacer is required to handle the IE issue */
margin: 0px;
padding: 0px;
border: 0px;
clear: both;
height:0px;
font-size:1px;
line-height:1px;
}
.kiosk-learnmore { /* home page: learn more area */
width: 430px;
border:0px #000000 solid;
text-align:right;
height:27px;
margin-bottom:2px;
color:#ffffff;
}
.kiosk-flash { /* home page: flash box definitions */
float:none;
width:662px;
height:260px;
border:0px solid #666666;
margin-bottom:3px;
}
.kiosk-flash p { /* home page: flash box paragraph text */
font-size:10px;
}
/* ------------------------------- END ------------------------------------- */
/* ----------------------- CONTENT AREA STYLES ----------------------------- */
/* ----------------------------- BEGIN ------------------------------------- */
/* ------------------ CONTENT: LEFT COLUMN TILE STYLES --------------------- */
.kiosk-divider-l { /* left column: colored divider bar */
width:290px;
height:7px;
background-image:url(../image/line/rgo-divider.jpg);
background-repeat:repeat;
margin-left:-10px;
margin-top:5px;
margin-bottom:5px;
margin-right:0px;
padding:0px;
font-size:10px;
line-height:7px;
overflow:visible;
z-index:10;
position:relative;
}
/* ------------------ CONTENT: KIOSK PAGE STYLES --------------------- */
/* ------------------------------- END ------------------------------------- */
/* ------------------ CONTENT: LEFT COLUMN TILE STYLES --------------------- */
/* -------------- CONTENT: RIGHT & CENTER COLUMN TILE STYLES --------------- */
/* ------------------------------- END ------------------------------------- */
/* ----------------- INTERNET MAIN PAGE AND TAG STYLES --------------------- */
/* ------------------------------ BEGIN ------------------------------------ */
/* -------------------- LANDING PAGE AND TAG STYLES ------------------------ */
/* this stylesheet should always be listed last in the head tag */
/* main layout and style control for all pages is in nemours-layout.css */
/* form element and style control for all pages is in nemours-form.css */
/* --------------------------------- END ----------------------------------- */
/* ----------------------- LANDING PAGE AND TAG STYLES --------------------- */
/* ---------------------------- BEGIN ----------------------------------- */
/* --------------------- SITE PAGE AND TAG STYLES ----------------------- */
/* this stylesheet should always be listed last in the head tag */
/* main layout and style control for all pages is in nemours-layout.css */
/* form element and style control for all pages is in nemours-form.css */
/* ------------------------------------------------------------------------- */
/* -------------------------- HEADER BAR STYLES ---------------------------- */
/* the following defines the header section of the template, from the main
logo down to the breadcrumb bar */
#hdr-logo {
width: 955px;
height: 77px;
background-image: url(/licensees/licensee348/images/blankHeader.jpg); /* add the path to the specific banner for your app */
background-repeat: repeat-y;
background-position: 0 0 /* because of opera hack in nemours_layout.css we cannot use 'right' */
}
#hdr-logo div.main-logo { /* main logo */
height: 77px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
}
#hdr-colors { /* breadcrumb color stripe: green, red, orange bar container */
height:30px;
width:955px;
background:url(../image/background/www-bkg-breadcrumb.jpg);
background-position:top left;
background-repeat:repeat-x;
margin:0px;
border:0px #000000 solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}
#hdr-breadcrumbs { /* breadcrumb color stripe: green, red, orange bar container */
width:935px;
margin:0px;
border:0px #000000 solid;
color:#e7e7e7;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
padding: 3px 10px 0px 10px;
}
/* please note that for IE all three elements of an 'a' tag must be defined in order for the CSS to be valid.
Firefox assumes all is the same unless otherwise defined, but IE needs explicit definitions */
#hdr-breadcrumbs a { /* breadcrumb link (href) definition */
color:#e7e7e7;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}
#hdr-breadcrumbs a:hover { /* breadcrumb link (href) hover definition */
color:#e7e7e7;
border-bottom: 1px solid #e7e7e7;
text-decoration:none;
}
#hdr-breadcrumbs a:visited { /* breadcrumb link (href) visited definition */
color:#e7e7e7;
}
/* ------------------------------------------------------------------------- */
/* -------------------------- BANNER IMAGE STYLES -------------------------- */
/* the following defines the banner image container */
.site-banner { /* site banner - the 933px banner above all content */
width:933px;
height:66px;
border-bottom: 1px #3399cc solid;
margin-bottom:0px;
padding:0px;
}
.site-banner-title { /* site banner title text */
width:450px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#fbfbfb;
padding-left:7px;
padding-top:18px;
letter-spacing:-1px;
border: 0px solid #e7e7e7;
}
.site-banner-subtitle { /* site banner sub-title text */
width:450px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fbfbfb;
padding-left:7px;
padding-top:0px;
letter-spacing:0px;
border: 0px solid #e7e7e7;
}
/* ------------------------------------------------------------------------- */
/* ----------------- COLUMN CONTAINER & LAYOUT SECTION --------------------- */
/* the following defines the three (3) column layout of the site template.
these are strictly the styles to control proper layout control of the three
columns */
.site-frame-main-3c-wrapper { /* 3-column main frame container: wraps ALL column divs and provides the main border around the main content and banner */
width:933px;
border: 1px #3399cc solid;
margin-bottom:10px;
}
.site-frame-main-3c { /* 3-column main frame container: wraps the three columns and provides the gradient background of the main content */
width:933px;
background-color:#ffffff;
background:url(../image/background/www-bkg-site-sandbox.jpg);
background-position:top left;
background-repeat: no-repeat;
border: 0px #000000 solid;
}
.site-frame-l { /* left column & center column container */
width: 721px;
float:left;
display:inline;
border:0px #000000 solid;
}
.site-frame-3c-l { /* left-most column */
width: 210px;
float:left;
display:inline;
padding-top:10px;
border:0px #000000 solid;
text-align:left;
}
.site-frame-3c-l-padder { /* left-most column padder : for cross browser layout control */
width: 200px;
margin:0px 5px 0px 5px;
font-size:10px;
}
.site-frame-3c-l-padder p { /* left-most column padder : for cross browser layout control */
margin:0px 0px 10px 0px;
font-size:10px;
}
.site-frame-3c-l-padder a { /* left-most column padder : for cross browser layout control */
font-size:10px;
}
.site-frame-3c-l-padder a:hover { /* left-most column padder : for cross browser layout control */
font-size:10px;
}
.site-frame-3c-l-padder a:visited { /* left-most column padder : for cross browser layout control */
font-size:10px;
}
.site-frame-3c-r { /* center column */
width: 508px;
float:right;
display:inline;
border:0px #000000 solid;
font-size:11px;
}
.site-frame-r { /* right column container */
float:right;
display:inline;
width:210px;
border:0px #000000 solid;
padding-top:10px;
text-align:left;
font-size:10px;
}
.site-frame-r-padder { /* right-most column padder : for cross browser layout control */
width: 200px;
margin:0px 5px 0px 5px;
font-size:10px;
}
.site-frame-r-padder p { /* left-most column padder : for cross browser layout control */
margin:0px 0px 10px 0px;
font-size:10px;
}
.site-frame-r-padder a { /* left-most column padder : for cross browser layout control */
font-size:10px;
}
.site-frame-r-padder a:hover { /* left-most column padder : for cross browser layout control */
font-size:10px;
}
.site-frame-r-padder a:visited { /* left-most column padder : for cross browser layout control */
font-size:10px;
}
/* ------------------------------------------------------------------------- */
/* ----------------- NAVIGATION CONTAINER & LAYOUT SECTION --------------------- */
.site-nav { /* site navigation: left-hand nav definition */
padding:0px;
text-align:left;
margin:0px 0px 5px 0px;
border:0px dotted #000000;
float:none;
}
/* please note that for IE all three elements of an 'a' tag must be defined in order for the CSS to be valid.
Firefox assumes all is the same unless otherwise defined, but IE needs explicit definitions */
/* side nav CSS controls are found in the theme.css file for the ThemeNemWwwSiteNav
.site-nav a { font-size:9px; color:#333333; border:none;}
.site-nav a:visited { font-size:9px; color:#333333; border:none;}
.site-nav a:hover { font-size:9px; color:#333333; text-decoration:underline; border:none;}
*/
.site-nav table {
margin-bottom:0px;
border:0px dotted #000000;
padding: 0px;
}
/* ------------------------------------------------------------------------- */
/* ----------------- SANDBOX CONTAINER & LAYOUT SECTION -------------------- */
/* the following defines the center column content section */
.site-sandbox { /* site content sandbox: this is the container for the content in the center column */
width:487px;
font-size:11px;
border:0px #003366 solid;
text-align:left;
margin:10px 10px 10px 10px;
}
/*
.site-sandbox p {
font-size:11px;
margin: 0px 0px 10px 0px;
}
.site-sandbox p.footnote {
font-size:10px;
font-style:italic;
}
.site-sandbox table {
margin-bottom:10px;
padding: 0px 0px 0px 0px;
clear:both;
}
*/
/* please note that for IE all three elements of an 'a' tag must be defined in order for the CSS to be valid.
Firefox assumes all is the same unless otherwise defined, but IE needs explicit definitions */
/*.site-sandbox a { site content sandbox link (href) definition
font-size:11px;
}*/
/*.site-sandbox a:hover { site content sandbox link (href) hover definition
font-size:11px;
}*/
/*.site-sandbox a:visited { site content sandbox link (href) visited definition
font-size:11px;
}*/
.site-spacer { /* This spacer is required to handle the IE
issue if needed */
margin: 0px;
padding: 0px;
border: 0px;
clear: both;
height:0px;
font-size:1px;
line-height:1px;
}
.site-quicklaunch {
margin:0px 0px 5px 0px;
}
/* ------------------------------------------------------------------------- */
/* ----------------------- SITE TOOLS ITEMS SECTION ------------------------ */
/* the following defines the options for the SITE TOOLS widget for all site
templates. it uses the left/right column box container as its wrapper */
.site-tools { /* site tools tile container */
width:175px;
border:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin:0px 0px 0px 0px;
}
.site-tools a { /* left-most column padder : for cross browser layout control */
font-size:10px;
text-transform:capitalize;
}
.site-tools a:hover { /* left-most column padder : for cross browser layout control */
font-size:10px;
text-transform:capitalize;
}
.site-tools a:visited { /* left-most column padder : for cross browser layout control */
font-size:10px;
text-transform:capitalize;
}
.site-tools table { /* site tools tile table style */
border:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin-bottom:5px;
clear:both;
float:none;
}
.site-tools img { /* site tools tile image style */
margin-top:1px;
}
/* ------------------------------------------------------------------------- */
/* ----------------------- FEATURED LINKS ITEMS SECTION ------------------------ */
/* the following defines the options for a FEATURED ITEMS widget for all site
templates. it uses the left/right column box container as its wrapper */
/* NOTE: list item options are defined in the NEMOURS-LAYOUT.CSS file */
/* ------------------------------- END ------------------------------------- */
/* ---------------------- SITE PAGE AND TAG STYLES ------------------------- */
/* ------------------------------- BEGIN ----------------------------------- */
/* --------------------------- ERROR PAGE STYLES --------------------------- */
/* the following defines the error page elements and layout control definitions */
.site-frame-main-1c { /* 1-column main frame container: USE ONLY FOR STATIC FULL PAGE ERROR/SPECIALTY PAGES */
width:933px;
background:#FFFFFF;
border: 0px #000000 solid;
padding:10px 0px 10px 0px;
}
.site-frame-1c-sandbox { /* 1-column main frame sandbox: USE ONLY FOR STATIC FULL PAGE ERROR/SPECIALTY PAGES */
width:913px;
margin: 0px 10px 0px 10px;
font-size:11px;
border:0px #003366 solid;
text-align:left;
}
.site-frame-1c-sandbox p { /* 1-column main frame sandbox: USE ONLY FOR STATIC FULL PAGE ERROR/SPECIALTY PAGES */
font-size:11px;
text-align:left;
}
/* ------------------------------ BEGIN ------------------------------------ */
/* --------------------------- PROGRAM & SERVICE FINDER (PSF) TILE ------------------------ */
.hp-psf-alphabet { /* PSF: alphabet list */
font-size: 11px;
line-height:18px;
width:auto;
}
/* please note that for IE all three elements of an 'a' tag must be defined in order for the CSS to be valid.
Firefox assumes all is the same unless otherwise defined, but IE needs explicit definitions */
.hp-psf-alphabet a { /* PSF: alphabet list; link */
font-size: 11px;
line-height:18px;
}
.hp-psf-alphabet a:hover { /* PSF: alphabet list; link hover */
font-size: 11px;
line-height:18px;
}
.hp-psf-alphabet a:visited { /* PSF: alphabet list; visited link */
font-size: 11px;
line-height:18px;
}
/* --------------------------------- END ----------------------------------- */
/* ------------------------------------------------------------------------- */
/* -------------------------- BANNER IMAGE STYLES -------------------------- */
/* the following defines the banner image container */
.site-banner-cms { /* site banner - the 933px banner above all content */
width:933px;
height:66px;
border-bottom: 1px #3399cc solid;
margin-bottom:0px;
font-size:45px;
color:#ffffff;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url(../image/banner/ban-cms.jpg) no-repeat top left;
letter-spacing:-2px;
padding:0px 0px 0px 0px;
line-height:62px;
text-indent:10px;
}
#login-l {
display:inline;
float:left;
width:45%;
margin-left:25px;
}
#login-r {
display:inline;
float:right;
width:45%;
margin-right:25px;
}
/* -------------------------------- END ------------------------------------ */
/* --------------------------- ERROR PAGE STYLES --------------------------- */
/* ------------------------------------------------------------------------- */
/* ------------------------- PRINTER FRIENDLY STYLES --------------------- */
#content-print { /* the area for text of content */
background-color:#ffffff;
margin-top:10px;
margin-bottom:15px;
font-size:11px;
text-align:left;
}
#content-print p { /* the area for text of content */
font-size:11px;
}
#content-print p.footnote { /* the area for text of content */
font-size:10px;
}
#ftr-copyright-text-print { /* copyright information style */
font-size: 9px;
text-align:left;
color:#333333;
}
#breadcrumb-url-print { /* breadcrumb URL text */
font-size:9px;
margin: 5px 0px 5px 0px;
}