/* CSS Document */

body {margin:0 0 0 0; background: url(images/tile.jpg) repeat-x top center #4d5633; font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:20px; color:#333333;}
#footer a {color:#000;}
a:hover {text-decoration:none;}
* #col2 p, h2, h3, ul {padding-right:20px;}
a {color:#FFF;}
li {color:#FFF;}
hr {width:500px; margin-left:-10px;}

/* LAYOUT ---------- */
* #wrap {width:787px; margin:0 auto; background:url(images/tile-body.gif) repeat-y; overflow:auto;}
* #body {width:761px; background:url(images/bg.gif) no-repeat; overflow:auto; padding:0 13px 0 13px;}
* #col1 {float:left; width:213px; }
* #addresses {color:#404025; width:187px; line-height:13px; padding:30px 0 30px 12px;}
* #col2 {float:right; width:546px; }
* #footer {width:707px; margin:0 auto; background:url(images/bottom.gif) no-repeat; text-align:center; color:#000; line-height:18px; padding:20px 40px 20px 40px;}

/* HEADERS ---------- */
h1 {background-repeat: no-repeat; height: 85px; width:510px; text-indent: -999em; margin: 222px 0 0 0; padding:0;}
h2 {font-size:11px; font-style:italic;}
h3 {font-size:11px; color:#FFF;}
* #footer h2 {color:#c8d0b4; margin:0; padding:0; font-size:11px; font-style:normal;}
* #footer h3 {font-size:11px; margin:0; padding:0; color:#FFF; font-style:normal;}

/* CLASSES ---------- */
* #footer .sesame {color:#FFF; margin-left:20px;}
* .img {margin:0 10px 10px 10px;}
* .right {float:right;}
* .left {float:left;}
* .top  {color:#e4a732; font-size:11px; font-weight:bold;}
* .pgimg {float:right; padding-left:10px;}

/* NAVIGATION ---------- */


/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 20px 0 0 0; margin:0; width:207px;}

/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block;height: 25px; overflow: hidden; text-indent:-999em; width:207px}

/* Set the image for each nav item */
* #aboutouroffice {background: url(images/nav-about-our-office.gif); }
* #aboutorthodontics {background: url(images/nav-about-orthodontics.gif); }
* #smilegallery {background: url(images/nav-smile-gallery.gif); }
* #braces101 {background: url(images/nav-braces-101.gif); }
* #emergencycare {background: url(images/nav-emergency-care.gif); }
* #orthodontictechnologies {background: url(images/nav-orthodontic-technologies.gif); }
* #contactus {background: url(images/nav-contact-us.gif); }
* #home {background: url(images/nav-home.gif); }

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 
#nav li:hover #aboutouroffice, #nav li.sfhover #aboutouroffice, 
#nav li:hover #smilegallery, #nav li.sfhover #smilegallery,
#nav li:hover #aboutorthodontics, #nav li.sfhover #aboutorthodontics,
#nav li:hover #braces101, #nav li.sfhover #braces101, 
#nav li:hover #emergencycare, #nav li.sfhover #emergencycare, 
#nav li:hover #orthodontictechnologies, #nav li.sfhover #orthodontictechnologies, 
#nav li:hover #home, #nav li.sfhover #home, 
#nav li:hover #contactus, #nav li.sfhover #contactus {background-position:-207px 0pt;}

/* Set the cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}


ul#list {list-style:none; background:none;}
#list a {text-indent:0}
#list li a {background:none;}

/* NAVIGATION SUB ---------- */
ul#sub {list-style: none; padding: 5px 0 5px 0; margin:0 0 5px 0; width:172px; background:#8da978;}

/*  Sets styles for all links that are inside the ul id="nav" */
#sub a {display: block;height: 16px; overflow: hidden; text-indent:-999em; width:167px; padding: 0; margin:0;}

/* Set the image for each nav item */
* #meettheorthodontist {background: url(images/nav-meet-the-orthodontist.gif); }
* #meettheteam {background: url(images/nav-meet-the-team.gif); }
* #officetour {background: url(images/nav-office-tour.gif); }
* #officepolicies {background: url(images/nav-office-policies.gif); }
* #seniorhighschoolscholarship {background: url(images/nav-senior-high-school-scholarship.gif);}
* #localsponsorship {background: url(images/nav-local-sponsorship.gif); }
* #whatshappeningnow {background: url(images/nav-whats-happening-now.gif); }
* #whybraces {background: url(images/nav-why-braces.gif); }
* #forchildren {background: url(images/nav-orthodontics-for-children.gif); }
* #twophasetreatment {background: url(images/nav-two-phase-treatment.gif); }
* #foradults {background: url(images/nav-orthodontics-for-adults.gif); }
* #orthodictionary {background: url(images/nav-ortho-dictionary.gif); }
* #asktheorthodontist {background: url(images/nav-ask-the-orthodontist.gif); }
* #resources {background: url(images/nav-resources.gif); }
* #lifewithbraces {background: url(images/nav-life-with-braces.gif); }
* #typesofbraces {background: url(images/nav-types-of-braces.gif); }
* #typesofappliances {background: url(images/nav-types-of-appliances.gif); }
* #bracesdiagram {background: url(images/nav-braces-diagram.gif); }
* #oralcarevideo {background: url(images/nav-oral-care-video.gif); }
* #retainers {background: url(images/nav-retainers.gif); }
* #invisalign {background: url(images/nav-invisalign.gif); }
* #thedamonsystem {background: url(images/nav-the-damon-system.gif); }
* #surgicalorthodontics {background: url(images/nav-surgical-orthodontics.gif); }
* #location {background: url(images/nav-location.gif); }
* #commentform {background: url(images/nav-comment-form.gif); }
* #referafriend {background: url(images/nav-refer-a-friend.gif); }
* #appointmentrequestform {background: url(images/nav-appointment-request-form.gif); }

/* Shift the image position up to show the active state */
#sub a:hover, #sub .active, #sub li:hover, #sub li.sfhover, 
#sub li:hover #meettheorthodontist, #sub li.sfhover #meettheorthodontist, 
#sub li:hover #meettheteam, #sub li.sfhover #meettheteam, 
#sub li:hover #officetour, #sub li.sfhover #officetour, 
#sub li:hover #officepolicies, #sub li.sfhover #officepolicies, 
#sub li:hover #seniorhighschoolscholarship, #sub li.sfhover #seniorhighschoolscholarship,
#sub li:hover #localsponsorships, #sub li.sfhover #localsponsorships, 
#sub li:hover #whatshappeningnow, #sub li.sfhover #whatshappeningnow, 
#sub li:hover #whybraces, #sub li.sfhover #whybraces, 
#sub li:hover #forchildren, #sub li.sfhover #forchildren, 
#sub li:hover #twophasetreatment, #sub li.sfhover #twophasetreatment,
#sub li:hover #foradults, #sub li.sfhover #foradults, 
#sub li:hover #orthodictionary, #sub li.sfhover #orthodictionary, 
#sub li:hover #asktheorthodontist, #sub li.sfhover #asktheorthodontist, 
#sub li:hover #resources, #sub li.sfhover #resources, 
#sub li:hover #lifewithbraces, #sub li.sfhover #lifewithbraces, 
#sub li:hover #typesofbraces, #sub li.sfhover #typesofbraces, 
#sub li:hover #typesofappliances, #sub li.sfhover #typesofappliances, 
#sub li:hover #bracesdiagram, #sub li.sfhover #bracesdiagram, 
#sub li:hover #oralcarevideo, #sub li.sfhover #oralcarevideo, 
#sub li:hover #retainers, #sub li.sfhover #retainers, 
#sub li:hover #invisalign, #sub li.sfhover #invisalign, 
#sub li:hover #thedamonsystem, #sub li.sfhover #thedamonsystem, 
#sub li:hover #surgicalorthodontics, #sub li.sfhover #surgicalorthodontics, 
#sub li:hover #location, #sub li.sfhover #location, 
#sub li:hover #commentform, #sub li.sfhover #commentform, 
#sub li:hover #referafriend, #sub li.sfhover #referafriend, 
#sub li:hover #appointmentrequestform, #sub li.sfhover #appointmentrequestform {background-position:-167px 0pt;}

/* Set the cursor to default arrow so link does not appear clickable */
#sub .active {cursor: default}


/* LOGO NAVIGATION ---------- */
ul#logo { list-style: none; padding: 0; margin:0; width:205px;}

/*  Sets styles for all links that are inside the ul id="nav" */
#logo a {display: block; height: 129px; width:205px; overflow: hidden; text-indent:-999em;}

/* Set the image for each nav item */
* #logolink {background: url(images/spacer.gif);}

/* Set the cursor to default arrow so link does not appear clickable */
#logo .active {cursor: default}


* .left {
float:left;
margin:0 10px 10px 0;}
* img.right {
float:right;
margin:0 0 10px 10px;}
* .clear {
clear:both;}
* h2.media-center {
background:#000033;
color:#FFF;
margin:0;
padding:5px; width:500px;}
* div.media-center {
background:#336699;
color:#FFF;
display:inline-block;
margin-bottom:10px;
overflow:auto;
padding:10px; width:490px;}
* div.media-center a {
color:#FFF;}
* div.media-center img {
border:1px solid #FFF;}

ul, ol {
	margin-top:0px;
	margin-bottom:0px;
}

.DarkGreenText {
	color: #404025;
	font-size: 11px;
}
a:link.DarkGreen { color: #404025; text-decoration: none}
a:visited.DarkGreen { color: #404025; text-decoration: none}
a:hover.DarkGreen { color: #404025; text-decoration: underline}
a:active.DarkGreen { color: #404025; text-decoration: none}

.LightGreenText {
	color: #C8D0B4;
	font-size: 11px;
}

.WhiteText {
	color: #FFF;
	font-size: 11px;
}

.NormalText, body, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
    text-decoration: none;
	font-weight: normal;
	text-transform: none;
	font-style:normal;
}

.PageTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 34px;
	color: #333;
    text-decoration: none;
	font-weight: normal;
	text-transform: none;
	font-style: italic;
	line-height: 36px;
}

* td.staff { padding-right: 10px; }
* table.policies { width: 95%; }

div.pt { margin-top: -70px; }