body
{
font-family: Tahoma;
font-size: 80%;
color: #4E4E4E;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
background-color:#E9EDF1
}
td
{
font-size: 70%;
}
/* headers */
h1 {
font-size: 140%;
font-weight: bold;
margin-top:0px;
margin-bottom:0px;
}
h2 {
font-size: 120%;
margin-top: 25px;
margin-bottom:10px;
}
/*
look carefully at basecss.html for the top two headers H1 and H2
this is to define the spacing between two titles, and to override
the normal H2 spacing that we need in the text to define sections.
use the following protocol in your HTML :
main title second title
*/
h1 h2
{
font-size: 80%;
margin-top: 15px;
}
p {
margin-top:0px;
margin-bottom:10px;
line-height:18px;
}
/*
inline image definition of spacing within a paragraph
requires a fairly large paragraph of text for nice wrapping
and requires a
before the tag. if the image is
too large, and no
is placed, the follwing paragraphs and
headers (H2,H1) will wrap around image.
*/
p img
{
margin-left:0px;
margin-right:5px;
margin-bottom:1px;
margin-top:4px;
}
/* lists */
ul {
margin-top:15px;
margin-left:10px;
margin-right:0px;
}
ul ul{
margin-top:10px;
margin-left:20px;
margin-bottom:0px;
}
ul li {
list-style-position:inside;
list-style-type:disc;
line-height:12px;
font-size:100%;
font-weight:bold;
color:#7FA2B7;
margin-top:0px;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
}
.Main ul li {
list-style-position:inside;
list-style-type:disc;
line-height:12px;
color: #4E4E4E;
font-weight:normal;
font-size:100%;
margin-top:0px;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
}
li li {
list-style-type:disc;
font-size:100%;
}
li li li {
}
/* image title class */
img.ImageTitle {
display:block;
margin-top:0px;
margin-bottom:10px;
}
img.InnerTitle {
display:block;
margin-top:16px;
margin-bottom:10px;
}
/*_________________
| |
| Home |
|_________________|
*/
.page {
background-color:#ffffff;
}
.vline {
background-image:url('/images/bg/vdots.gif');
background-position:left;
background-repeat:repeat-y;
}
.HomeBreathe p
{
margin-left:33px;
margin-right:35px;
line-height:120%;
}
.HomeBreath img {
display:block;
}
.Products p
{
margin-left:10px;
padding:0px;
}
.products ul{
margin-right:50px;
}
.Products li{
margin-left:0px;
margin-bottom:15px;
font-size:100%;
color:#7FA2B7;
font-weight:bold;
list-style-position:inside;
list-style-type:disc;
}
.News p
{
margin-left:40px;
margin-right:20px;
}
/*______________________
| |
| All Layouts |
|______________________|
*/
.Footer, .Footer td {
background-color:#9EB9CA;
color:#ffffff;
}
.Footer a, .Footer a:link, .Footer a:visited, .Footer a:active, .Footer a:hover{
color:#ffffff;
text-decoration:none;
}
.Footer a:hover{
text-decoration:underline;
}
.ParaNav {
padding-right:20px;
color:#848586;
font-size:11px;
}
.ParaNav a, .ParaNav a:link, .ParaNav a:visited, .ParaNav a:active, .ParaNav a:hover {
font-size:11px;
padding-left:2px;
color:#848586;
text-decoration:none;
}
.ParaNav a:hover{
text-decoration:underline;
}
/*______________________
| |
| Content |
|______________________|
*/
.LeftNav {
padding-left:35px;
}
.Main {
}
.News a, .News a:link, .News a:visited, .News a:active, .News a:hover,
.Main a, .Main a:link, .Main a:visited, .Main a:active, .Main a:hover {
color:#848586;
}
.Main p {
margin-left:2px;
margin-right:45px;
}
.Main img {
display:block;
}
.Menu a, .Menu a:link, .Menu a:visited, .MenuSelected2 .Menu a, .MenuSelected2 .Menu a:link, .MenuSelected2 .Menu a:visited {
color:848586;
display:block;
text-decoration:none;
padding:5;
padding-left:18px;
padding-bottom:10px;
}
.Menu a:hover, .Menu a:active, .MenuSelected2 .Menu a:hover, .MenuSelected2 .Menu a:active{
color:#84A439;
display:block;
text-decoration:none;
padding:5;
padding-left:18px;
padding-bottom:10px;
}
.MenuSelected a {
color:#84A439;
display:block;
font-weight:bold;
background-image:url('/images/bg/menu_on_bullet.gif');
background-position:left 10;
background-repeat:no-repeat;
padding:5;
padding-left:18px;
padding-bottom:10px;
}
.MenuSelected2 a {
color:#84A439;
display:block;
font-weight:bold;
background-image:url('/images/bg/menu_on_bullet.gif');
background-position:left 10;
background-repeat:no-repeat;
padding:5;
padding-left:18px;
}
.xmlIsland {display:none}
/*______________________
| |
| photo gallery |
|______________________|
*/
/* overall photo gallery container */
.photoGallery{
}
/* each "page" of the photo gallery */
.photoGallery_page{
display:none;
text-align:left;
}
.photoGallery_page table{
display:inline;
}
/* overall controls */
.controls {
text-align:left;
}
.controls div{
display:inline;
}
/* gallery links*/
a.photoGallery_next,
a.photoGallery_next:link,
a.photoGallery_next:visited,
a.photoGallery_next:active,
a.photoGallery_next:hover,
a.photoGallery_prev,
a.photoGallery_prev:link,
a.photoGallery_prev:visited,
a.photoGallery_prev:active,
a.photoGallery_prev:hover,
.photoGallery_paging a,
.photoGallery_paging a:link,
.photoGallery_paging a:visited,
.photoGallery_paging a:hover {
font-weight:bold;
text-decoration:none;
color:#84A439;
}
a.photoGallery_next_disabled, a.photoGallery_next_disabled:link, a.photoGallery_next_disabled:visited, a.photoGallery_next_disabled:active, a.photoGallery_next_disabled:hover, a.photoGallery_prev_disabled, a.photoGallery_prev_disabled:link, a.photoGallery_prev_disabled:visited, a.photoGallery_prev_disabled:active, a.photoGallery_prev_disabled:hover {
color:#cccccc;
font-weight:bold;
text-decoration:none;
}
/* individual gallery elements */
table.galleryImage {
margin-right:15px;
margin-bottom:10px;
}
div.gallery{
border-width:1px;
border-style:solid;
border-color:#f3f3f3;
}
img.gallery{
border-width:1px;
border-style:solid;
border-color:#ffffff;
}
/*____________________
| |
| Forms & Errors |
|____________________| */
.fieldError, .formError{
color:#cc3300;
}
input.text {
border:1px solid #7FA2B7;
width:200px;
}
label {
color:7F7F7F
}
label em{
color:#84A439;
font-style:normal;
font-size:175%;
}
input.submit {
border-style:solid;
border-width:2px;
border-left-color:#93BCD4;
border-right-color:#658192;
border-top-color:#93BCD4;
border-bottom-color:#658192;
background-color:#7FA2B7;
color:#FFFFFF;
}