/* this is for a firefox problem */
 
html {
 height: 100%;
}

/* clears margins in paddings that are applied in old browsers such as Opera */ 

html, body, ul, li {
 margin: 0;
 padding: 0;
}

/* will set padding and margins on all elements to zero */

 * {
 margin: 0;
 padding: 0;
}

a {
 text-decoration: none;
}

/* ads */

.ads {
 width: 225px;
 float: left;
 margin: 20px 0 0 10px;
}

div.ad {
 margin: 15px 0 20px 0;
}

div.ad p {
 font-size: .8em;
}

div.ad p.one {
 font-size: 1em;
}

div.ad a {
 font-size: .8em;
 color: blue;
 text-decoration: underline;
}

p.three {
 color: green;
}

.wrapper {
 width: 760px;
 float: left;
 background-color: #ffffff;
 border: 1px solid #dfdfdf;
 border-top: none;
}
 
body {
 font-family: arial, sans-serif;
 font-size: 100%;
 background-color: #ffffff;
}

div.head {
 background-image: url('lightorangegradient.jpg');
 background-repeat: repeat-x;
}

h1 {
 text-align: left; 
 font-weight: lighter;
 letter-spacing: 2px;
 padding: 50px;
 background-image: url('oie_smiles3.jpg');
 background-repeat: no-repeat;
 background-position: 98% 25%;
}

span.Dentures {
 color: #0000CC;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
 
span.Direct {
 color: #FF0000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

span.com {
 color: #0000CC;
 font-size: .6em;
}

p.indexwelcome {
 text-align: center;
 font-size: .54em; 
 font-style: italic;
 color: #003366;
 letter-spacing: 2px;
 padding: 15px 16px 16px 16px;
 margin-bottom: -22px;
}

p.Welcome {
 text-align: center;
 font-size: .54em; 
 color: #003366;
 letter-spacing: 2px;
 padding: 15px;

}

span.Welcome2 {
 font-size: .83em;
 letter-spacing: 3px;
 color: #003399;
 font-family: "century gothic", "gill sans", arial, sans-serif;
 font-weight: light;
 font-style: normal;
}

ul.navigation {
 list-style-type: none;
 margin-top: -30px;
 float: left;
 width: 100%;
 border-bottom: dashed 1px #dfdfdf;
}

ul.navigation li {
 list-style-type: none;
 float: left;
 margin-left: 0;
 padding-left: 0;
}

ul.navigation a {
 border: 1px solid #dfdfdf;
 border-bottom: none;
 background-color: #fff;
 text-decoration: none;
 color: #003399;
 font-size: .71em;
 padding: 5px 0 5px 0;
 margin-left: 4px; 
 font-family: "century gothic", "gill sans", arial, sans-serif;
 font-weight: bold;
 text-align: center;
 display: block;
 width: 9em;
}

ul.navigation a:hover {
 text-decoration: underline;
}

body#home a#homeLink,
body#services a#servicesLink,
body#locations a#locationsLink,
body#aboutus a#aboutusLink,
body#rewards a#rewardsLink,
body#opportunity a#opportunityLink,
body#contact a#contactLink {
 background-image: url('redcheckmark.png');
 background-repeat: no-repeat;
 background-position: 95% center;
}

ul.indexul {
 width: 220px;
 list-style-type: none;
 padding-left: 0;
 margin-left: 0;
 margin-top: 50px;
 margin-left: 110px;
}

ul.indexul li { 
 display: inline;
}

ul.indexul a {
 display: block;
 width: 12em;
 height: 2.25em;
 line-height: 2.25em;
 text-decoration: none;
 color: #003399;
 text-align: center;
 font-size: .9em;
}

* html ul.indexul a {
 height: 1px;
}

ul.indexul a:hover {
  color: orange;
 }

p.wadenturists {
 margin: 5px 150px -25px 150px;
}

p.wadenturists a {
 font-size: .9em;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
 padding: 3px;
 background-color: #ffffff;
 background-image: url(gradient8.jpg);
 background-repeat: repeat-y;
 border: solid 1px rgb(85, 0, 0);
}

span.spec {
 color: rgb(0,43, 85);
 font-weight: normal;
 font-size: .8em;
 letter-spacing: 1px;
}

p.wadenturists a:hover {
 color: #ffffff;
 border: dotted 1px;
}

/* index page */

div.banner {
 width: 140px;
 margin-top: 60px;
 margin-left: 40px;
}

div.riteside {
 float: right;
 margin: 65px 10px 0 0;
 width: 400px;
}

div.riteside p {
 padding-bottom: 15px;
}

p.RightPanel1 {
 font-size: .9em;
 line-height: 22px;
 font-weight: bold;
 color: #003366;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin-bottom: 7px;
 background-image: url('lightorangegradient.jpg');
 background-repeat: repeat-x;
 padding: 5px 10px 0px 10px;
}

p.RightPanel2 {
 line-height: 20px;
 font-size: .9em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #003366;
}
 
div.quotes {
 margin-top: 30px;
 width: 400px;
 text-align: center;
 background-image: url('lightbluegradient.jpg');
 background-repeat: repeat-x; 
 border-style: solid;
 border-color: #dfdfdf;
 border-width: 1px;
 font-size: .9em;
}

h2.exp {
 font-size: 22px;
 font-variant: small-caps;
 letter-spacing: 7px;
 color: #FFF;
 padding: 10px;
 background: #003366;
}

div.quotes p {
 padding: 10px;
 color: #003366;
}

div.quotes p.quotename {
 text-align: right;
 font-style: italic;
 font-size: .7em;
 margin-top: -5px;
}

p.majorcities {
 margin-top: 65px;
 margin-bottom: 10px;
 color: #F60;
 font-weight: normal;
 font-size: .9em; 
 text-align: center;
}

span.findstate {
 text-align: left;
 font-style: italic;
 color: #003399;
 font-weight: bold;
 font-size: 1em;
}

/* service page */
 
ul.nav {
 float: left;
 list-style-type: none;
 width: 180px;
 margin: 60px 0 0 10px;
 padding-left: 0;
 border: dotted 1px #dfdfdf;
 border-top: none;
 background-image: url('lightorangegradient.jpg');
 background-repeat: no-repeat;
}

ul.nav li {
 display: inline;
}

* html ul.nav a {
 height: 1px;
}

ul.nav a {
 display: block;
 border-top: dotted 1px #dfdfdf;
 padding: 14px 10px 13px 10px;
 text-align: center;
 color: #3d3d3d;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: .8em;
}
 
ul.nav a:hover {
 text-decoration: underline;
}

div.CenterPanel {
 width: 300px;
 margin: 60px 0 0 220px;
 line-height: 20px;
 font-size: .9em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #003366;
}
 
div.CenterPanel p {
 margin-bottom: 20px;
}

ul.services {
 float: right;
 width: 190px;
 margin: 60px 10px 0 0;
 font-family: verdana, sans-serif;
 padding: 7px 0 7px 30px;
 font-size: .8em;
 border: 1px solid #dfdfdf;
 background-image: url('lightorangegradient.jpg');
 background-repeat: no-repeat;
}

span.regular {
 color: #3d3d3d;
}

ul.services li {
 list-style-type: circle;
 color: orange;
 line-height: 19px;
}

/* locations page */

ul.StatesA, ul.StatesB, ul.StatesC {
 float: left;
 width: 120px;
 list-style-type: none;
 font-size: .9em;
 font-weight: bold;
 background-color: white;
 margin: 50px 1px 0px 5px;
}

ul.StatesA li, ul.StatesB li, ul.StatesC li {
 list-style-type: none;
 display: inline;
}

ul.StatesA a, ul.StatesB a, ul.StatesC a {
 text-decoration: none;
 display: block;
 color: #003366;
 font-size: .9em;
 height: 2.50em;
 line-height: 2.50em;
}

* html ul.StatesA, ul.StatesB, ul.States C {
 height: 1px;
}

ul.StatesA a:hover, ul.StatesB a:hover, ul.StatesC a:hover {
 text-decoration: underline;
}

ul.StatesA a:visited, ul.StatesB a:visited, ul.StatesC a:visited {
 color: #003399;
}

p.locations {
 float: left;
 width: 357px;
 padding: 10px;
 font-size: .9em;
 background-image: url('xtralongbluegradient.jpg');
 background-repeat: repeat;
 color: #FFFFFF;
 font-style: arial narrow;
 margin: 55px 5px 5px 0;
 line-height: 20px;
}

p.locationsdisclaimer {
 clear: both;
 margin: 50px 7px 0 5px;
 font-size: .6em;
 font-weight: bold;
 color: #003366;
}

div.alladdresses {
 width: 740px; 
 text-align: center;
 margin-left: 10px;
 padding-left: 2.5px;
}

div.addresses1 {
 width: 238px;
 margin-right: 5px;
 float: left;
 font-size: .8em;
 background-color: white;
}

div.addresses2 {
 border: dotted orange 1px;
 border-top: none;
 border-bottom: none;
 width: 240px;
 margin-right: 5px;
 padding: 0 2px 0 2px;
 float: left;
 font-size: .8em;
 background-color: white;
}

div.addresses3 {
 width: 238px;
 float: left;
 font-size: .8em;
 background-color: white;
}
 
h2.city {
 font-size: 1.2em;
 font-weight: bold;
 color: orange;
 text-decoration: underline;
 font-variant: small-caps;
 padding-bottom: 20px;
}

address {
 font-style: normal;
 margin-bottom: 30px;
}

span.City {
 font-weight: bold;
}

div.aboutus {
 margin: 60px 15px 0px 15px;
}
 
div.aboutus p {
 font-size: .9em;
 line-height: 20px;
 margin-bottom: 20px;
 color: #3d3d3d;
}

.aboutus:first-letter {
 color: #003366;
 font-weight: bold;
 font-size: 23px;
}

p.sign {
 font-style: italic;
}

p.disclaimer {
 clear: both;
 margin: 0 7px 0 7px;
 padding: 5px;
 font-size: .6em;
 font-weight: bold;
 color: #494949;
}

/* rewards page */

div.Rewards {
margin: 60px 15px 0px 15px;
}

div.rewards p {
 margin-bottom: 20px;
 font-size: .9em;
 line-height: 20px;
 color: #3d3d3d;
}

span.reward {
 font-weight: bold;
 color: #003366;
}

/* opportunity page */

div.opportunity {
margin: 60px 15px 0px 15px;
}

p.opportunity {
 margin-bottom: 20px;
 font-size: .9em;
 line-height: 20px;
 color: #3d3d3d;
}

p.opportunity a {
 color: #003366;
 border-bottom: dashed 1px;
}

p.opportunity a:hover {
 color: #003399;
}


span.dear {
 font-style: italic;
 font-size: 1.25em;
 margin-bottom: 8px;
 color: #003366;
}

span.opportunity {
 color: #003366;
 font-weight: bold;
}

/* contact page */

div.contact {
margin: 60px 15px 0px 15px;
}

p.contact {
 margin-bottom: 20px;
 font-size: .9em;
 line-height: 20px;
 color: #494949;
}
 
p.contact a {
 color: #003366;
 border-bottom: dashed 1px;
}

p.contact a:hover {
 color: #003399;
}

div.eaddress {
 margin-top: 40px;
 text-align: center;
}

div.abbrestates {
 margin: 60px 0 30px 0;
 text-align: center;
}

div.abbrestates p {
 margin-bottom: 5px;
 font-style: italic;
 color: #003399;
 font-weight: bold;
 font-size: .85em;
}

ul.abbrestates {
 margin-left: 5px;
}

ul.abbrestates li {
 display: inline;
 padding: 0 5px 0 5px;
}


div.abbreviation {
 text-align: center;
 background: #fff;
 padding: 10px;
 padding-bottom: 0px;
}


div.abbrestates ul.abbrestates a {
 font-size: .7em;
 text-decoration: none;
 color: #003366;
}

div.abbrestates a:hover {
 color: orange;
}

div.abbrestates a:visited {
 color: #003399;
}

div.abbrestates1 {
 margin-left: 125px;
}

div.abbrestates1 a {
 text-decoration: none;
 font-size: 10px;
}

div.abbrestates1 a:hover {
 color: orange;
}

p.faq {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 padding: 10px;
}

p.faq a {
 text-decoration: none;
 color: #0000cc;
}

p.faq a:visited {
 color: purple;
}

p.faq a:hover {
 text-decoration: underline;
}

p.questions {
 margin: 20px 0 10px 10px;
 font-size: 18px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #0000cc;
}

p.answers {
 padding: 10px;
}

ul.faq {
 padding-left: 0;
 margin-left: 0;
 text-align: center;
 border: 1px dashed orange;
 border-right: none;
 border-left: none;
 padding: 0px;
 margin-top:;
 padding: 5px 0 5px 0;
 background-color: snow;
}

ul.faq li{
 display: inline;
 font-size: 13px;
}

ul.faq a {
 text-decoration: none;
}

ul.faq a:visited {
 color: purple;
}

ul.faq a:hover {
 color: #F60;
 border-bottom: solid 1px;
}
 
ul.bottomnav {
 list-style-type: none;
 float: left;
 border: 1px solid #dfdfdf;
 margin: 0 0 10px 25px;
}

ul.bottomnav li {
 list-style-type: none;
 float: left;
 margin-left: 0;
 padding-left: 0;

}

ul.bottomnav a {
 padding: 5px 0 5px 0;
 color: #003399;
 font-weight: bold;
 text-decoration: none;
 font-size: .7em;
 text-align: center;
 width: 9em;
 display: block;
 background-color: #F7FBFC;
}

ul.bottomnav a:hover {
 text-decoration: underline;
 background-image: url('lightbluegradient2.jpg');
 background-repeat: repeat;
}

p.top {
 font-family: "century gothic", "gill sans", arial, sans-serif;
 font-size: .75em;
 text-align: center;
 margin-top: 70px;
 margin-bottom: 25px;
 clear: both;
}

p.top a {
 color: #003399;
 text-decoration: underline;
}
 
p.top a:hover {
 color: orange;
}

span.bold {
 font-weight: bold;
}
 
div.copyright {
 clear: both;
 margin-bottom: 10px;
 text-align: center;
 font-size: .8em;
 letter-spacing: 1px;
 color: silver;
}


/* this is for an IE problem for clickable areas around the links in ul */

* html ul.nav a {
 height: 1px;
}

/* clearing method for floats - pg 295 of css bk - ck if it makes difference in firefox */

.Front:after {
 content: ".";
 display: block;
 height: 0;
 font-size: 0;
 clear: both;
 visibility: hidden;
}

/* makes IE 5, 6 & 7 have layouts. ck if it makes difference in firefox */

.clear {
 min-height: 1px;
}

* html .clear {
 height: 1px;
}