@charset "utf-8";
/* CSS Document */

body { background: url(../images/bg.gif) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
a img { border: none; }
a.external { background: url(../images/external.png) no-repeat right; padding-right: 12px; }


#container { margin: auto; width: 580px; }
#nav { background: #00D2FF; height: 31px; }
#nav ul { margin: 0 auto; height: 31px; text-align: center; }
#nav ul li { font-size: 1.2em; font-weight: bold; display: inline; }
#nav a { color: #000; display: block; float: left; height: 31px; line-height: 31px; margin: 0 1.2em; text-decoration: none; }
#nav a.current, #nav a:hover { background: url(../images/main_nav_mo_bg.gif) repeat-x bottom; color: #FFF; text-decoration: none; }
#homeBanner { background: url(../images/home_banner.jpg) no-repeat #333; color: #FFF; font-weight: bold; height: 20px; overflow: hidden; padding-top: 216px; text-align: center; }
#bracesEduBanner { background: url(../images/edu_banner.jpg) no-repeat #333; height: 289px; overflow: hidden; }
#bracesEduBanner #eduCall { position: relative; bottom: -236px; }
#bracesEduBanner #eduCall img:hover { background: url(../images/edu_call.jpg) no-repeat; }
#bracesEduBanner #bannerMenu { position: relative; right: -285px; top: -30px; width: 282px; }
#bracesEduBanner #bannerMenu li { font-size: 12px; height: 24px; line-height: 24px; list-style: none; }
#bracesEduBanner #bannerMenu li a { color: #CCC; display: block; height: 22px; line-height: 22px; padding: 1px 15px; text-decoration: none; width: auto; }
#bracesEduBanner #bannerMenu li a:hover { border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; color: #FFF; font-weight: bold; padding: 0 15px; }
#bracesEduBanner #bannerMenu li a.current { background: #00D2FF; color: #FFF; font-weight: bold; }
#needBraces { height: 53px; }
#contactBanner { background: url(../images/contact_banner.jpg) no-repeat #333; height: 289px; overflow: hidden; }
#contactBanner h4 { color: #CCC; margin: 3px 0 0 0; }
#contactBanner form { position: relative; right: -285px; top: 40px; width: 282px; }
#contactBanner form input, #contactBanner form textarea, #contactBanner form select { margin: auto; width: 280px; }
#contactBanner form input, #contactBanner form select { font-size: 14px; height: 20px; }
#contactBanner form textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; height: 70px; }
#contactBanner form #submitButton { height: 40px; }
#content .twoColumns { float: left; width: 50%; }
#content .contentBlock h2 { font-size: 1.5em; font-weight: bold; margin: 1em 0 0.5em 0; }
#content .contentBlock h3 { font-size: 1.2em; font-weight: bold; margin: 1em 0 0.5em 0; }
#content .contentBlock p { font-size: 1.2em; margin: 1em 0; margin-right: 10px; }
#content .contentBlock p img.centered { margin: 0 35px; }
#content .contentBlock p em { font-style: italic; }
#content .contentBlock blockquote { font-size: 1.2em; padding: 1em 2em; }
#content .contentBlock ul, #content .contentBlock ol { padding-left: 3em; }
#content .contentBlock ul li { font-size: 1.2em; list-style-type: square; margin: 0.5em; }
#content .contentBlock ol li { font-size: 1.2em; list-style-type: decimal; margin: 0.5em;}
#footer { border-top: 3px solid #00D2FF; clear: both; text-align: right; margin: 1.2em auto;  padding-top: 1em;}
#contentWrapper .style25 {font-size: 10px; color: #999; }
#contentWrapper .style25 a {text-decoration: none; color: #999;}
#contentWrapper .style25 a:hover {background: none; color: #999; text-decoration: none;}