/*style.css*/

body { 
margin:0;
padding:0;
background: #cccccc;
}

a {
color: #ff9900;
font-weight: bold;
}

a:hover {
color: #666666;
}

a.backtotop {
text-align: right;
font-weight: normal;
display: block;
}

h1 {
font-family: verdana, geneva, arial, helvetica, san-serif;
font-size: 16px;
line-height: 18px;
color: #ff9900;
}

h2, #mainSubPage_miscPgs #content .pageSection h2 a {
font-family: verdana, geneva, arial, helvetica, san-serif;
font-size: 14px;
line-height: 16px;
color: #666666;
margin-top: 20px;
}

h3 {
font-family: verdana, geneva, arial, helvetica, san-serif;
font-size: 12px;
line-height: 16px;
color: #000000;
margin-top: 20px;
}

h4 {
font-family: verdana, geneva, arial, helvetica, san-serif;
font-size: 11px;
line-height: 16px;
color: #666666;
margin-top: 20px;
}

/* FLAG */

#flag {
position: absolute;
top: 0px;
left: 0px;
padding: 4px 2px 4px 4px;
margin: 0;
background: #ffffff;
z-index: 5;
}

/* PAGE */

#page {
width: 800px;
margin: 0 auto;
}

/* HEADER */

#header {
/*border: 1px solid red;*/
position: absolute;
top: 0px;
width: 800px;
height: 326px;
margin: 0;
padding: 0;
background: #ffcc66 url("../images/BGheader.gif") no-repeat;
}

#headerContactInfo {
/*border: 1px solid black;*/
margin-left: 500px;
margin-top: 48px;
width: 240px;
height: 65px;
text-align: center;
font-family: verdana, geneva, arial, helvetica, san-serif;
font-size: 11px;
line-height: 14px;
color: #000000;
}

#logo {
/*border: 1px solid red;*/
position: absolute;
top: 2px;
width: 400px;
height: 73px;
margin-left: 90px;
margin-top: 57px;
}

#logotext {
/*border: 1px solid blue;*/
padding-left: 15px;
margin-top: -5px;
font-family: verdana, geneva, arial, helvetica, san-serif;
font-size: 14px;
letter-spacing: .5px;
font-weight: normal;
font-style: italic;
}

#headerPhotos {
/*border: 1px solid #000000;*/
position: absolute;
top: 130px;
width: 800px;
height: 162px;
margin: 0;
}

/* SITENAV */

#siteNav {
/*border: 1px solid red;*/
position: absolute;
top: 292px;
width: 800px;
height: 34px;
background: #666666 url("../images/BGnav.gif") repeat-y;
}

#siteNavLinks {
padding-left: 70px;
padding-top: 7px;
}

a.sitenav {
font-family: verdana, geneva, arial, helvetica, san-serif;
color: #ffffff;
font-size: 14px;
font-weight: normal;
}

a.sitenav:hover {
color: #ffcc00;
font-weight: normal;
}

/* SUB PAGE NAV */

#subPageNav {
/*border: 1px solid red;*/
position: absolute;
top: 326px;
width: 800px;
height: 265px;
background: #ffffcc url("../images/BGsubNav.gif") no-repeat;
}

#subPageNavText {
padding-left: 85px;
padding-top: 9px;
}

#subPageNavCol2 {
position: absolute;
left: 370px;
top: 42px;
z-index: 15;
margin-top: -8px;
}

#subPageNav ul li {
list-style: url("../images/bulletSubPageNav.gif") disc;
margin-bottom: 7px;
margin-left: -20px;
line-height: 12px;
}

#subPageNav ul { margin-top: 3px; }

#subPageNav a, a.topPageLinks, #mainSubPage_miscPgs #content .pageSection ul li a  {
font-family: verdana, geneva, arial, helvetica, san-serif;
color: #000000;
line-height: 12px;
font-size: 11px;
font-weight: normal;
}

#subPageNav a:hover  {
color: #ff9900;
}

#subPageNav h1 {
font-family: verdana, geneva, arial, helvetica, san-serif;
font-size: 18px;
line-height: 18px;
color: #ff9900;
margin-top: 0px;
margin-bottom: 7px;
}

#mainSubPage_miscPgs #content h1 {
font-family: verdana, geneva, arial, helvetica, san-serif;
font-size: 18px;
line-height: 18px;
color: #ff9900;
margin-top: 0px;
margin-bottom: 0px;
}


#subPageNav img {
border: 1px #ff9900 solid;
float: right;
margin-right: 340px;
margin-left: 15px;
margin-top: -10px;
}

/* MAIN */

#mainHome {
/*border: 1px solid red;*/
position: absolute;
top: 326px;
width: 800px;
background: #ffffff url("../images/BGpage.gif") repeat-y;
}

#mainSubPage {
/*border: 1px solid red;*/
position: absolute;
top: 491px;
width: 800px;
background: #ffffff url("../images/BGpage.gif") repeat-y;
}

#mainSubPage_miscPgs {
/*border: 1px solid red;*/
position: absolute;
top: 326px;
width: 800px;
background: #ffffff url("../images/BGpage.gif") repeat-y;
}

#content {
/*border: 1px solid blue;*/
width: 630px;
margin-left: 85px;
padding-top: 10px;
}

#content, p, .pageSection {
font-family: verdana, geneva, arial, helvetica, san-serif;
font-size: 11px;
line-height: 18px;
color: #000000;
}

.pageSection {
margin-right: 250px;
}

.pageSection img {
margin: 5px 0px 10px 20px;
float: right;
}

.pageSection img.stacked {
margin: 5px 0px 10px 20px;
float: right;
clear: both;
}

.pageSection img.normal {
margin: 5px 0px 10px 20px;
float: none;
clear: none;
}


.pageSection img.products {
margin: 0px 0px 10px 20px;
float: none;
}

.pageSection img.h3bullet {
margin-right: 10px;
margin-left: 0px;
float: left;
}

li.emphasize {
list-style: url("../images/bulletYellowArrow.gif") disc;
}

li.emphasize li {
list-style: circle;
}

/* SIDE COLUMNS*/

.sideCol {
/*border: 1px solid red;*/
float: right;
width: 210px;
margin: 15px 0px 0px 20px;
}

.sideCol_subpage {
/*border: 1px solid red;*/
position: absolute;
top: -142px;
left: 500px; 
width: 210px;
margin: 15px 0px 0px 20px;
}

.sideCol_subpage_products {
/*border: 1px solid red;*/
position: absolute;
top: 17px;
left: 500px; 
width: 210px;
margin: 15px 0px 0px 20px;
}

.sideColBoxes {
border: 1px solid #999999;
background: #ffffcc;
margin-bottom: 15px;
}

.sideColBoxes_subpage {
border: 1px solid #666666;
background: #ffcc66;
margin-bottom: 15px;
}

.sideColBoxesContent, .sideColBoxesContent_subpage {
margin: 10px 18px 10px 18px;
}

.sideColBoxesContent h1 {
font-family: verdana, geneva, arial, helvetica, san-serif;
font-size: 17px;
line-height: 20px;
font-weight: normal;
color: #ff9900;
margin-bottom: 0px;
}

.sideColBoxesContent_subpage h1 {
font-family: verdana, geneva, arial, helvetica, san-serif;
font-size: 17px;
line-height: 20px;
font-weight: normal;
color: #000000;
margin-bottom: 0px;
}

.sideColBoxesContent h2 {
font-family: verdana, geneva, arial, helvetica, san-serif;
font-size: 12px;
line-height: 24px;
font-weight: bold;
color: #000000;
margin-bottom: 0px;
margin-top: 5px;
}

.sideColBoxesContent_subpage h2 {
font-family: verdana, geneva, arial, helvetica, san-serif;
font-size: 14px;
line-height: 24px;
font-weight: normal;
color: #cc6600;
margin-bottom: 0px;
margin-top: 0px;
}


.sideColBoxesContent ul, .sideColBoxesContent_subpage ul {
margin-top: 0px;
}

.sideColBoxesContent ul li {
/*border: thin black solid;*/
font-family: verdana, geneva, arial, helvetica, san-serif;
font-size: 11px;
line-height: 13px;
font-weight: normal;
color: #000000;
list-style: url("../images/bulletYellowArrow.gif") disc;
margin-left: -22px;
margin-right: -10px;
margin-bottom: 5px;
}

.sideColBoxesContent_subpage ul li {
/*border: thin black solid;*/
font-family: verdana, geneva, arial, helvetica, san-serif;
font-size: 11px;
line-height: 13px;
font-weight: normal;
color: #000000;
list-style: url("../images/bulletBlackArrow.gif") disc;
margin-left: -22px;
margin-right: -10px;
margin-bottom: 5px;
}

.sideColBoxesContent a, .sideColBoxesContent_subpage a {
color: #000000;
font-weight: normal;
}

.sideColBoxesContent ul li .listDetails {
/*border: thin black solid;*/
color: #666666;
margin-left: 10px;
margin-top: 0px;
margin-bottom: 0px;
}

.sideColBoxesContent_subpage ul li .listDetails {
/*border: thin black solid;*/
color: #000000;
margin-left: 10px;
margin-top: 0px;
margin-bottom: 0px;
}

/* FOOTER */

#footerTop {
/*border: 1px solid green;*/
width: 800px;
margin-top: 40px;
padding: 0;
text-align: center;
}

#footerBottom {
/*border: 1px solid green;*/
width: 800px;
height: 52px;
margin-top: 0px;
padding: 0;
background: #ffcc66 url("../images/BGfooter.gif") no-repeat;
}

#footerBottom p {
text-align: center;
margin-top: 0px;
padding-top: 8px;
}

#footerBottom p, #footerTop p {
font-family: verdana, geneva, arial, helvetica, san-serif;
font-size: 10px;
line-height: 16px;
color: #000000;
}

a.footer {
color: #000000;
font-weight: normal;
}