@charset "utf-8";
/* -- 1AffordableDental.com - Main CSS file, Last Updated - 11/13/09 - WG -- */

html {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
body {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}

/* body layout */

body {color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80.1%; line-height: normal; margin: 0; padding: 0; text-align: center; background: #3E89A8 url(../images/body_bkg.jpg) repeat-x left top;}

/* Elements */

a {color: #0000CC; font-weight: bold; text-decoration: underline;}
a:link {color: #004C7F; font-weight: bold; text-decoration: underline;}
a:visited {color: #004C7F; font-weight: bold; text-decoration: underline;}
a:hover {color: #00A8DF; text-decoration: underline;}
a:focus {color: #00A8DF;}
a:active {color: #3E89A8;}

a.link-exchange {font-weight: bold; color: #000000; text-decoration: underline;}
a:hover.link-exchange {font-weight: bold; color: #000000; text-decoration: none;}

h1 {color: #0099CC; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 220%; font-weight: bold; line-height: normal; margin-top: 18px;}
h2 {color: #0099CC; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 180%; font-weight: bold; line-height: normal;}
h3 {color: #0099CC; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 160%; font-weight: bold; line-height: normal;}
h4 {color: #0099CC; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; line-height: normal;}
h5 {color: #0099CC; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; margin: 0; padding: 0;}

hr {height: 1px; width: 98%; color: #CCCCCC;}

img {border: 0px;}
img.smiles {padding: 10px; border: 1px #CCCCCC solid; border-collapse: collapse;}

table {margin: 0; padding: 0; border: none;}
td {margin: 0; padding: 0; border: none;}

/* --- Class Styles --- */

.background1 {background-color: #DADADA;}
.background4 {padding: 2px 0px 2px 4px; background-color: #E6E6FF; border: 0px; border-style: solid; border-color: #CCCCCC; border-collapse: collapse; margin-right: 10px;}

.fontlarge {font-size: 25px; font-weight: 600; text-align: center; margin-top: 20px; margin-bottom: 8px;}
.font220 {font-size: 220%;}
.font18px {font-size: 18px;}
.font14px {font-size: 14px; font-weight: bold;}
.font10px {font-size: 10px;}

.fontsmall {font-size: small;}
.fontxsmall {font-size: x-small;}

.fontred {color: #CC0000; font-weight: bold;}
.fontblue {color: #0099CC; font-weight: bold;}

.fontsuper {font-size: x-small; vertical-align: super;}

.highlight {background-color: #FFFF99;}
.highlight2 {background-color: #E6E6FF;}
.highlight3 {background-color: #CCFFFF;}

.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.top {font-size: 85.1%; text-align: right; padding-right: 5px;}

.marginleft1 {margin-left: 20px;}
.imgmargin_r {margin-right: 10px;}

.stepbystep {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 190%; text-align: center;}

/* ------------------  IDs  ------------------*/

#outerWrapper {background-color: #FFFFFF; margin: 8px auto 5px auto; text-align: left; width: 780px; border-right: 1px solid #6D6D76; border-left: 1px solid #6D6D76; border-top-style: none; border-bottom-style: none;}

#outerWrapper #header {margin: 0; padding: 10px 0 0 0; height: 145px; background: #FFFFFF;}
#outerWrapper #header h1 {color: #0099CC; margin: 0; padding: 0;}
#outerWrapper #header h5 {color: #0062A7;}

#outerWrapper #topNavigation {background-color: #004C7F; color: #FFFFFF; height: 24px; margin: 0; padding: 0;}

#outerWrapper #contentWrapper {background-color: #FFFFFF; margin: 0; padding: 0;}

#outerWrapper #contentWrapper #leftColumn1 {float: left; width: 150px; padding: 0; margin: 0;}
#outerWrapper #contentWrapper #leftColumn1 p {padding: 0 0px 0 10px;}

#outerWrapper #contentWrapper #content {background-color: #FFFFFF; margin: 5px 0 0 172px; padding: 0 15px 0 20px; border-left: 1px #CCCCCC double;}

/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#outerWrapper #contentWrapper .clearFloat {clear: left; display: block; margin: 0; padding: 0;}

#outerWrapper #bottomNavigation {background-color: #004C7F; color: #FFFFFF; height: 24px; margin: 0; padding: 0;}

#outerWrapper #footer {background-color: #FFFFFF; height: 84px; margin: 0; padding: 5px 0 0 0; border-top: solid 1px #3D803D; text-align: center;}
#outerWrapper #footer td {line-height: 140%;}
#outerWrapper #footer a {font-weight: normal; font-size: 95%}

/* Table Styles ....................... */

caption {font-weight: bold; text-align: center;}
table {width: 100%; border-collapse: collapse; border: 0px #666 solid; text-align: center; font-size: 12px; margin-left: -8px;}
table td {border: 1px solid #666; margin: 0; height: 35px; padding: 0 1px 0 1px;}
table img {margin-top: 8px;}

caption.sampletablecap {font-size: 18px; color: #0099CC; font-weight : bold; text-align: center; padding-bottom: 8px; padding-top: 3px;}
table.sampletable {width: 92%; border-collapse: collapse; border: 0px #666 solid; text-align: center; font-size: 12px; margin-left: 8px;}

caption.join {font-size: 100%; font-weight: 600; text-align: center; padding-bottom: 6px; padding-top: 12px; border-top: 1px dashed; border-collapse: collapse;}

table.join {width: 96%; border: 3px #CCCCCC ridge; text-align: center; font-size: 17px; margin-left: auto; margin-right: auto;}
.join_td {background-color: #E6E6FF; padding: 6px 0px 6px 0px;}
.join_td2 {background-color: #CCFFFF; padding: 6px 0px 6px 0px;}