@charset "UTF-8";
@import "css/reset.css";
/*
Theme Name: O'Neill Orthodontics
Theme URI: http://www.oneillortho.com
Description: Site for O'Neill Orthodontics 
Version: 1
Author: Kevin Wick
*/

body { font-family: "Myriad Pro", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; background: #47668f; text-align: center; color: #000000; }
#container { width: 962px; margin: 0 auto; text-align: left; }
#header { background: url(images/topperAndLogo.jpg) top left no-repeat; position: relative; width: 962px; height: 120px; margin: 30px 0 0 0; }
#flashArea { background:url(images/flashArea.jpg) top left no-repeat; position: relative; width: 962px; height: 182px; margin: 10px 0 0 0; }
#containerContent { background: #FFF url(images/containerBG.gif) top left repeat-x; width: 942px; margin: 10px 0 0 0; padding: 10px; }
#sidebar1 { float: right; width: 282px; background: #FFF url(images/mainContentBG.gif) top left repeat-x; padding: 15px 10px; min-height: 218px; }
#sidebar1 img {margin: 0 0 0 5px;}
#mainContent { margin: 0 320px 0 0; padding: 10px 20px; background: #FFF url(images/mainContentBG.gif) top left repeat-x; min-height: 218px; font-family: "Myriad Pro", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-size: 14px; }
#footer { padding: 0 10px 0 20px;  }
#footer p { text-align: center; font-size: 11px; }
.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
h1 { font-family: times, Times New Roman, times-roman, georgia, serif; color: #000; margin: 0; padding: 10px 0px 6px 0px; font-size: 24px; line-height: 22px; letter-spacing: 1px; font-weight: 200; }
h2 { font-family: times, Times New Roman, times-roman, georgia, serif; color: #000; margin: 0; padding: 15px 0px 6px 0px; font-size: 18px; line-height: 22px; letter-spacing: 1px; font-weight: 300; }
#mainContent p { margin-top: 0.5em; color: #000; line-height: 19px; }
.imgBorder {border: 2px solid #6595d7;}
#mainContent ul {list-style-type: disc; list-style-image: url(bullet.gif); list-style-position: inside; margin: 5px 15px 0 35px; text-indent: -11px;}
#mainContent li {line-height: 15px; margin-bottom: 6px;}
table { margin: 20px 0 10px 0;}
td {line-height: 15px; padding-bottom: 25px; padding-right: 15px; vertical-align: top;}
td img {border: 1px solid #6595d7;}
h3 { font-family: times, Times New Roman, times-roman, georgia, serif; color: #000; margin: 0; padding: 0px 0px 6px 0px; font-size: 15px; line-height: 13px; letter-spacing: 1px; font-weight: 200; text-decoration:underline; }
/****************jQuery Menu*****************/
.jqueryslidemenu { font: bold 12px Verdana;  position: absolute; top:0px; right:0px; background: url(images/menuBG.png) top left repeat-x; }
.jqueryslidemenu ul {list-style-type: none; }
/*Top level list items*/
.jqueryslidemenu ul li { position: relative; display: inline; float: left; }
/*Top level menu link items style*/
.jqueryslidemenu ul li a { display: block; color: white; padding: 4px 10px; border-right: 1px solid #5f7898; color: #2d2b2b; text-decoration: none; }
* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited { color: white; }
.jqueryslidemenu ul li a:hover { background: black; /*tab link background during hover state*/ color: white; }
/*1st sub level menu*/
.jqueryslidemenu ul li ul { position: absolute; right: 0; display: block; visibility: hidden; }
/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li { display: list-item; float: none; }
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul { top: 0; }
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a { font: normal 13px Verdana; width: 160px; /*width of sub menus*/ padding: 4px; margin: 0; border-top-width: 0; border-bottom: 1px solid #47668f;  background: url(images/menuBG.png) top left repeat-x;}
.jqueryslidemenuz ul li ul li a:hover { /*sub menus hover style*/ background: #eff9ff; color: black; }
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass { position: absolute; top: 8px; right: 7px; }
.rightarrowclass { position: absolute; top: 6px; right: 5px; }

.pNav { font: bold 12px Verdana;  position: absolute; bottom:0px; right:0px; background: url(images/menuBG.png) top left repeat-x; }
.pNav ul {list-style-type: none; }
/*Top level list items*/
.pNav ul li { position: relative; display: inline; float: left; }
/*Top level menu link items style*/
.pNav ul li a { display: block; color: white; padding: 4px 10px; border-right: 1px solid #5f7898; color: #fff; text-decoration: none; }
* html .pNav ul li a { /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }
.pNav ul li a:link, .jqueryslidemenu ul li a:visited { color: white; }
.pNav ul li a:hover { background: black; /*tab link background during hover state*/ color: white; }