/* browser reset controls */

/******************************************************/

html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {margin:0px; padding:0px; border:0px; outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}

table, caption, tbody, tfoot, thead, tr, th, td {outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;}

/* ol, ul {list-style: none;} */

/* remember to define focus styles! */

:focus {outline:0;}

caption {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

/*mos reformatted styles */

h1, h2, h3, h4, h5, h6, strong {margin:0px; padding:0px; border:0px; outline:0px; font-size:100%; font-family:inherit; font-weight:bold;}

em {margin:0px; padding:0px; border:0px; outline:0px; font-size:100%; font-family:inherit; font-style:italic;}

code {margin:0px; padding:0px; border:0px; outline:0px; font-size:100%; font-family:"Courier New", Courier, monospace;}

blockquote {padding:0px 15px;}

/******************************************************/

/* end browser reset controls */

a{text-decoration: underline; color: #00688b;}

a:Hover{text-decoration: none; color: #333;}

ul{list-style: none;}

.clear{clear: both; height: 0px; overflow: hidden;}

body {background: url(images/bg.gif) top center #577c2f repeat-y; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333;}

/**Site**/

#site{width: 792px; margin: auto; background: #6f9744; padding-bottom: 50px;}

#site .sitePadding{background: #fff; margin: 0px 2px;}

/**Header**/

#header{height: 183px; background: url(images/header-bg.gif); width: 788px;}

#headerLeft{float: left;}

#headerRight{float: right; width: 530px; height: 183px;}

#headerRight p{display: none;}

.home #headerRight{background: url(images/header-photo-home.jpg);}

.about #headerRight{background: url(images/header-photo-about.jpg);}

.smile #headerRight{background: url(images/header-photo-smile.jpg);}

.care #headerRight{background: url(images/header-photo-patient.jpg);}

.directions #headerRight{background: url(images/header-photo-directions.jpg);}

/**Flash Video**/

#flashVideo{background: #fff; text-align: center;}

/**Main Content**/

#mainContent{background: url(images/content-bg.gif) no-repeat top center #fff; font-size: 1.2em; line-height: 1.6em; width: 788px;}

#mainContent .padding{padding: 10px 20px;}

#mainContent p{padding-bottom: 1em;}

/**Sub Content on Home Page**/

#subContent{padding: 0px 7px; clear: both;}

#subContent .columnLeft{float: left; width: 521px;}

#threeColumn{background: url(images/home-module-bg.jpg) no-repeat; height: 167px; overflow: hidden;}

#threeColumn .column{float: left; font-weight: bold;}

#threeColumn .columnOne{width: 227px; text-align: center;}

#threeColumn .columnOne .columnPadding{padding: 48px 13px 0px 86px;}

#threeColumn .columnOne .columnPadding h3{color: #fff; font-size: 18px; font-style: italic;}

#threeColumn .columnTwo{width: 139px; text-align: center; margin-right: 9px;}

#threeColumn .columnThree{width: 139px; text-align: center; margin-right: 0px;}

#threeColumn .columnPadding{padding: 12px 0px;}

#threeColumn .title{margin-bottom: 17px;}

#threeColumn .content{padding: 0px 6px;}

#threeColumn h4{font-size: 13px; color: #fff;}

#threeColumn .title{width: 139px; text-align: center;}

.linksContent li{margin-bottom: 4px; font-size: 12px; line-height: 15px; }

.linksContent li a{background: url(images/button-bg.jpg); width: 127px; display: block; text-decoration: none; padding: 2px 0px;}

.linksContent li a:Hover{background: url(images/button-bg.jpg) 0px -19px;}

.threeColumnTwo{background: url(images/home-module-bottom-bg.jpg); height: 148px; padding: 0px 21px;}

.threeColumnTwo .column{float: left; text-align: center; color: #545454; font-size: 16px; font-style: italic; width: 139px; margin-right: 31px; padding-top: 112px;}

.threeColumnTwo .columnThree{margin-right: 0px;}

#subContent .columnRight{float: right; width: 241px;}

#subContent .columnRight .title{background: url(images/title-bg-241x28.gif) no-repeat; height: 28px; text-align: center;}

#subContent .columnRight h4{color: #fff; font-size: 16px; line-height: 14px; padding: 7px;}

#subContent .columnRight .content{padding: 10px;}

.textinput, .selectinput, .textarea{font-size: 12px; color: #333; border: 1px solid #ddd; background: #ccc !important; padding: 2px 5px;}

.columnRight .textinput, .columnRight .textarea{margin-bottom: 3px; width: 135px;}

.columnRight .textarea{height: 70px;}

.columnRight .selectinput{margin-bottom: 3px;}

.columnRight p{font-size: 11px; float: left; margin-right: 5px; width: 50px;}

.columnRight .formRight{float: left;}

/**Inside Page Content Styles**/

#mainContent h1.pageTitle {font-size: 22px; color: #00688b; font-weight: bold; margin: 6px 0px 16px 0px; line-height: 22px;}

.insideLinks{background: url(images/i-linkmodule-bg.gif); overflow: hidden; width: 157px; height: 331px; float: left; margin: 5px 20px 10px 0px; text-align: center;}

.insideLinksPadding{padding: 10px 9px;}

#mainContent .insideLinks h4{font-size: 13px; color: #fff; margin-bottom: 0px;}

.insideLinks .title{width: 139px; text-align: center; margin-bottom: 15px;}

.insideLinks .linksContent{margin-bottom: 17px; padding: 0px 6px;}

#mainContent .insideLinks ul{list-style-position: outside; list-style: none;}

#mainContent .insideLinks a{font-weight: bold; color: #00688b; }

.pageintro{float: left; width: 570px;}

#mainContent div.imageContainer{padding: 3px; background: #00688b;}

#mainContent div.imageContainer.floatLeft{float: left; margin: 5px 10px 5px 0px;}

#mainContent div.imageContainer.floatRight{float: right; margin: 5px 0px 5px 10px;}

#mainContent .imageContainer img, #mainContent .imageContainer a img{border: 1px solid #fff;}

#mainContent .imageContainer a img:Hover{border: 1px solid #577c2f;}

#mainContent h1, #mainContent h2, #mainContent h3{font-size: 16px; margin-bottom: 10px;}

#mainContent h4, #mainContent h5, #mainContent h6{font-size: 14px; margin-bottom: 10px;}

#mainContent ul, #mainContent ol{margin-bottom: 10px; font-weight: bold; list-style-position: inside; color: #577c2f;}

#mainContent ul a, #mainContent ol a{color: #577c2f;}

#mainContent ul{list-style: disc;}

#mainContent a img{border: 2px solid #00688b;}

#mainContent a img:Hover{border: 2px solid #577c2f;}

/**Footer**/

#footer{background: url(images/footer-bg.gif) top center no-repeat #6f9744; padding: 20px 0px; text-align: center; color: #fff;}

#footer p.links{font-size: 1.3em; font-weight: bold; margin-bottom: 10px;}

#footer a{color: #fff; padding: 0px 10px;}