body {background-color:#8D93A8; margin:0px; padding:0px; font:12px Arial, sans-serif;}

/* main site div's defined below */
* html #container {width:761px; w\idth:760px;} /* IE5 box hack courtesy of: http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html */
#container {background-color:#999; position:relative; border:1px solid #000; width:760px;}
#topNav {background-color:#CCC; font-size:.9em; padding:10px 0px; width:760px; text-align:center; background-image:url(../images/bg_topNav.gif); border-bottom:1px solid #292B3B;}
#subSection {position:absolute; top:36px; left:470px; width:290px; padding:0px; color:#FFF;}
* html #search {width:250px; w\idth:220px;} /* IE5 Box hack */
#search {width:220px; padding:5px 10px 10px 20px;}
#subInterest {background-color:#4F5370; color:#FFF;}
.subInterestSection {position:relative; background-image:url(../images/bg_subInterest.gif); height:125px; width:273px; margin:10px auto;}
.top {margin-top:0;}
.bottom {margin-bottom:0;}
/* apply the .subInterestSection and .small to main interest areas in top right corner on sub-pages */
.small {background-image:url(../images/bg_subInterestSmall.gif); height:40px; margin:5px auto;}
#subNav {position:relative; background-color:#4F5370; margin-top:10px; color:#FFF;}
* html #content {width:760px; w\idth:450px;} /* IE5 box hack */
#content {background-color:#FFF; width:450px; padding:10px 300px 10px 10px; font-size:1.0em;}
#flash {background-color:#D89453; width:760px; height:175px;}
#breadCrumbs {font-size:0.8em;}
*html #footer {width:760px; w\idth:290px;} /* IE5 box hack */
#footer {background-color:#D89453; background-image:url(../images/bg_footer.gif); height:32px; width:290px; font-size:.8em; padding-left:470px; text-align:right;}

/* specific element formatting */
p.first {margin-top:0px;}
p.last {margin-bottom:0px;}
p.nospace {margin-top:0px; margin-bottom:0px;}
sup {font:.6em "Small Fonts", sans-serif; vertical-align:70%;}
.left {float:left;}
.nopad {padding:0px; margin:0px;}
.nopad td {vertical-align:top;}
a sup {text-decoration:none;}
form {margin:0px; padding:0px;}

/* styles for top navigation */
#topNav ul {margin:0; padding:0; white-space:nowrap;}
#topNav li {display:inline; list-style-type:none;}
#topNav a {font:.8em Verdana, Arial, sans-serif; color:#FFF; text-decoration:none; padding:10px 5px 10px 5px; border-right:1px solid #292B3B; border-left:1px solid #9395A6;}
#topNav a:link, #topNav a:visited {background-color:transparent;}
#topNav a:hover, #topNav a:active, #topNav a.selected, #topNav a.selected:hover {background-color:#670337;}
#topNav a.first, #topNav a.first:visited {border-left:none;}
#topNav a.last, #topNav a.last:visited {border-right:none;}

/* styles for content area */
h1, h2, h3 {font-family:Verdana, Arial, sans-serif;}
#content ul {margin-top:0;}
#content li {list-style-type:square; padding:2px 0;}
#content li span {font-weight:700; font-style:italic;}
#content h1 {font-size:1.2em;}
#content h2 {font-size:1em; padding-bottom:0; margin-bottom:0; margin-top:3em; color:#000; clear:both;}
#content h2 span {}
/* #content p {margin:5px 0;} */
#content p {margin:.5em 0;}
#content p.first {border-top:1px solid #D89453; margin-top:.5em;}
#content a {color:#36384A; text-decoration:none; border-bottom:1px solid #36384A;}
#content a:hover {color:#D89453; border-bottom:1px solid #D89453;}
#home {float:right;}
#home a {text-decoration:underline;}
#home a span {text-decoration:none;}
#highlightContainer {height:71px;}
.highlight {background-image:url(../images/bg_highlight.gif); background-repeat:none; width:208px; height:71px; float:left; margin-left:5px;}
.highlight img {float:left; margin:8px;}
.highlight .title {font-size:1.1em; font-weight:700; color:#36384A; margin:5px 0 0 0;}
.highlight .text {font-size:.9em; line-height:1.0em; margin:0 0 0 65px;}
.space {padding:0 1em;}
#content a.thumb, #content a.thumb:link, #content a.thumb:hover, #content a.thumb:active, #content a.thumb:visited, {border:1px solid #FFF;}
#content img.thumb {margin-right:2em; color:#FFF; border:1px solid #FFF;}
#contact {margin-left:10px; margin-top:10px;}
#contact th {text-align:left; font-size:.9em; vertical-align:top; padding-right:20px;}
.spreadOut {margin:.8em .8em .8em 0;}
.spreadOutLeft {margin:.8em 0 .8em .8em;}
.spaceLeft {margin-left:2em;}
.elProducts {border-collapse:collapse;}
.elProducts th {text-align:left; border-bottom:1px solid #000;}
.elProducts td {border-bottom:1px solid #D89453;}

/* styles for footer */
* html #footer div {width:290px; w\idth:280px;} /* IE5 box hack */
#footer div {background-color:#D89453; height:32px; padding-right:10px; width:280px;}
#footer img {margin-right:10px;}
#footer a {color:#36384A; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* styles for subSection */
#subSection li a {color:#FFF;}
#subSection h1 {background-color:#802C43; padding:3px 10px; font-size:1.1em; margin:0px;}
#subSection h2 {font-size:1em; margin:8px 0 10px 100px;}
#subSection div.subInterestSection h2 {font-size:1em; margin:10px 0 8px 100px;}
#subSection div.small h2 {margin:10px 0 8px 50px;}
#subSection div.subInterestSection a {color:#FFF; text-decoration:none;}
#subSection div.subInterestSection a:hover {color:#D89453;}
#subSection div.subInterestSection img {position:absolute; top:3px; left:7px; border:0;}
#subSection p {font-size:.8em; margin:0 0 0 100px;}
.subInterestImage {position:absolute; top:-3px; left:-7px;}
.subInterestLink {position:absolute; bottom:0px; right:0px; width:113px; height:14px; background-image:url(../images/bg_subInterestLink.gif); margin:0px; padding:5px 0;}
#subSection div.subInterestLink a {color:#000; text-decoration:none; font-size:.8em; margin:5px 0 0 10px;}
#subSection div.subInterestLink a:hover {color:#4F5370;}
.subInterestLink span {}
#subNav ul {margin-top:30px; margin-bottom:0px;}
#subNav li {margin-left:18px; padding-left:10px; list-style-image:url(../images/btnArrowLI.gif);}
#subNav li.selected {list-style-image:url(../images/btnArrowLISelect.gif);}
#subNav li.subSelected {list-style-image:url(../images/btnArrowLISubSelect.gif);}
#subNav li a {font-weight:500; text-decoration:none;}
#subNav li a:hover {color:#FF0;}
#subNav li.selected a {color:#FF0;}
#subNav li ul {margin:5px 0px;}
#subNav li li {margin:0px;}
#subNav li.selected li a {color:#FFF;}
#subNavImg {position:absolute; top:10px; left:10px;}
#subNavHead {position:absolute; top:10px; left:40px;}
#subNavHead h2 {font-size:1.2em; margin:0;}
#ad {margin:0 20px;}

/* styles for breadCrumbs */
#breadCrumbs a {text-decoration:none; border:none;}