/* American Orthodontics - Eric Liebe */

/* Reset
--------------------------------------------------------------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, h7, p, p1, p2, p3, p4, blockquote, pre, a, code, em, font, img, small, strong, ol, ul, li, dl, fieldset, form, label {
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles!
--------------------------------------------------------------------------------------------------------------------------------------------------*/

:focus {
	outline: 0;
}

a {
	text-decoration: underline;
	color: #00154a;
}

a2 {
	text-decoration: none;
	color: #ccc;
}

a:hover {
	text-decoration: underline;
}

p  {
	line-height: 20px;
	font-size: 12px;
	font-family:Verdana, Arial, sans-serif;
	color:#bcbec0;
	margin: 0 0 1em 0;
}

p2 {
	line-height: 10px;
	font-size: 12px;
	font-family:Verdana, Arial, sans-serif;
	color:#bcbec0;
	margin: 0 0 1em 0;
}

p3 {
	line-height: 25px;
	font-size: 12px;
	font-family:Verdana, Arial, sans-serif;
	color: #666;
	margin: 0 0 1em 0;
}

p4 {
	line-height: 20px;
	font-size: 12px;
	font-family:Verdana, Arial, sans-serif;
	color: #666;
	font-style: italic;
}

h1 {
	line-height: 25px;
	font-size: 14px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #002172;
}

h2 {
	line-height: 25px;
	text-indent: 5px;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #002172;
	border-bottom: 1px solid #ffffff;
	margin: 0 0 5px 0;
}

h3 {
	line-height: 25px;
	text-indent: 5px;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #002172;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	margin: 5px 0 5px 0;
}

h4 {
	line-height: 25px;
	text-indent: 5px;
	font-size: 14px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #AF292E;
}

h5 {
	line-height: 20px;
	font-size: 13px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #5370B9;
}

h6 {
	line-height: 25px;
	font-size: 13px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #5370B9;
	border-bottom: 1px solid #5370B9;
	margin-bottom: 10px;
}

h7 {
	line-height: 6em;
	font-size: 13px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #5370B9;
	margin-bottom:3em;
}

strong {
	color: #333;
}


/* Main Styles
--------------------------------------------------------------------------------------------------------------------------------------------------*/

html {
	background: url(../img/bkg.gif) repeat;
}

body {
	background-color: #5370b9;
}

#container {
	width: 918px;
	margin: auto;
	background: url(../img/img_shadow-s2.jpg) repeat-y;
}

#header {
	background: url(../img/header.gif);
	width:900px;
	height:105px;
	z-index:1;
	margin: auto;
	visibility: inherit;
}

#hdrShw {
	background: url(../img/header-shdw.jpg) no-repeat;
	width:918px;
	height: 10px;
	z-index:1;
	margin: auto;
	visibility: inherit;
}

#hdrtxt {
	padding: 20px;
}

#hdrtxt p {
	color: #F00;
}

#hdrtxt a {
	color: #FF0;
}

#aonet {
	margin: 10px 15px 0px 0px;
	width: 120px;
	float: right;
}

#aonet p {
	line-height: 12px;
	font-size: 10px;
	font-family:Verdana, Arial, sans-serif;
	color: #FFF;
	margin: 15px 0px 5px 3px;
}

#aonet a {
	color: #FFF;
}

#aonet2 {
	width: 240px;
	float: right;
}

#aonet2 p {
	font-size: 14px;
	font-family:Verdana, Arial, sans-serif;
	color: #000;
	margin: 15px 0px 5px 3px;
}

#aonet2 a {
	color: #00154a;
}

#searchBar {
	background: url(../img/img_searchBar.gif);
	width:900px;
	height:35px;
	z-index:1;
	margin: auto;
	visibility: inherit;
}


/* Content
--------------------------------------------------------------------------------------------------------------------------------------------------*/

#content	{padding: 0px 0px 0px 9px; width: 890px; margin: auto;}

#content p {font-size: 12px; font-family: Verdana, Arial, sans-serif; color:#666;}

/* #textSpace ul {list-style-type: circle; line-height: 20px; font-size: 12px; font-family: Verdana, Arial, sans-serif; color:#666;} */

#content p2 {line-height: 20px; font-size: 12px; font-family: Verdana, Arial, sans-serif; color:#AF292E;}

#imgMain { width: 600px; height: 250px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #002172; background: url(../img/img_main.jpg) no-repeat;}

#flash { float: right; margin: 10px 0px 10px 20px; width: 300px;}

/* #sidebar {float: right; margin: 20px 25px 0px 0px; width: 225px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #bcbec0; background-color: #0FF;} */

#wrapper {
	width: 890px;
}

#sideNav {
	width: 145px;
	margin-right: 5px;
	margin-bottom: 1em;
}

#sideNav li {
	line-height: 17px;
	text-indent: 5px;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	color: #002172;
}

#sideNav li:hover {
	background-color: #E8F4FB;
}

#sideNav a:hover {
	text-decoration: none;
}

#mainContent {
	width: 685px;
	right: 20px;
	top: 20px;
}

#mainImage, #mainText {
	margin-top: 5px;
}

#mainText {
	margin-right: 10px;
	_margin-right: 5px;
	margin-top: 20px;
}

#section {
	border-bottom: 2px solid #AF292E;
	margin-bottom: 1em;
}

#section p {
	line-height: 6px;
	text-indent:5px;
	font-size: 10px;
	font-family:Verdana, Arial, sans-serif;
	color:#bcbec0;
	margin: 0 0 .8em 0;
}

#section p3 {
	line-height: 20px;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	color:#414042;
}

#subSection {
	border-bottom: 2px solid #002172;
	margin-bottom: 1em;
}

#textSpace {
	margin-right: 1em;
	_margin-right: .5em;
}

#textSpace ul, li {
	list-style: disc;
	line-height: 20px;
	font-size: 12px;
	font-family:Verdana, Arial, sans-serif;
	color:#414042;
	margin: 0 0 0 25px;
}

#column {
	margin: 15px;
	_margin-right: 5px;
	padding: 5px 25px 0px 25px;
}

#columnIMG {
	margin: 15px;
}

#column p {
	line-height: 20px;
	font-size: 12px;
	font-family:Verdana, Arial, sans-serif;
	color: #666;
}

#columnBox {
	margin: 15px;
	_margin-right: 5px;
	padding: 10px 25px 10px 25px;
	background-color: #E8F4FB;
	border: 1px solid #BEE0F4;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-radius-topleft: 15px;
}

#columnBox p {
	line-height: 20px;
	font-size: 12px;
	font-family:Verdana, Arial, sans-serif;
	color: #666;
	font-style: italic;
}

#columnBox p2 {
	line-height: 15px;
	font-size: 10px;
	font-family:Verdana, Arial, sans-serif;
	color: #666;
	font-style: normal;
}

#columnBox h5 {
	line-height: 15px;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #5370B9;
	padding-bottom: 5px;
}

#columnBox2 {
	margin: 15px;
	_margin-right: 5px;
	padding: 10px 25px 0px 25px;
	background-color: #5370B9;
	border: 1px solid #002172;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-radius: 15px;
}

#columnBox2 p {
	line-height: 20px;
	font-size: 12px;
	font-family:Verdana, Arial, sans-serif;
	color: #fff;
}

#columnBox2 a {
	line-height: 20px;
	font-size: 12px;
	font-family:Verdana, Arial, sans-serif;
	color: #fff;
}

#scheduleBox {
	height: 300px;
	overflow: auto;
	margin: 0px 15px 0px 15px;
	_margin-right: 15px;
	_margin-left: 15px;
	padding: 10px;
	background-color: #6f81b0;
	border: 1px solid #002172;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-radius: 10px;
}

#scheduleBox p {
	line-height: 15px;
	font-size: 12px;
	font-family:Verdana, Arial, sans-serif;
	color: #fff;
	margin: 5px 0px 0px 15px;
}

#scheduleBox strong {
	line-height: 15px;
	font-size: 13px;
	font-family:Verdana, Arial, sans-serif;
	color: #fff;
}

#scheduleBox h1 {
	line-height: 15px;
	font-size: 14px;
	font-weight: bold;
	font-family:Verdana, Arial, sans-serif;
	color: #fff;
}
	

/* Footer
--------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer {
	background: url(../img/footer-cap.gif) no-repeat;
	width:918px;
	height: 43px;
	z-index:1;
	margin: auto;
	visibility: inherit;
}

/* Form Design
--------------------------------------------------------------------------------------------------------------------------------------------------*/

.textInput {
	margin: 1px;
	border: 1px solid #002172;
	background: url(../img/btn_gradient.gif) repeat-x;
	/* background: #e6e7e7; */
	color: #002172;
	font-size: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 2px;
}

.textInput2 {
	/* margin: 1px; */
	border: 1px solid #002172;
	/* background: url(../img/btn_gradient.gif) repeat-x; */
	background: #BEE0F4;
	color: #002172;
	font-size: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 4px;
}

.submit {
	margin: 2px;
	border: 1px solid #002172;
	background: url(../img/btn_gradient.gif) repeat-x;
	color: #002172;
	font-size: 10px;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	padding: 2px;
}

.submit:hover {
	background:url(../img/btn_gradientO.gif) repeat-x;
}

.searchInput {
	margin: 1px;
	border: 1px solid #002172;
	background: url(../img/img_searchbox.jpg) no-repeat;
	/* background: #bee0f4; */
	color: #002172;
	font-size: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3px 3px 3px 25px;
}
	
/*  HOVERS
--------------------------------------------------------------------------------------------------------------------------------------------------*/

acronym: hover {
	font-weight:bold;
	cursor: help;
}

/* Modal pop-up
--------------------------------------------------------------------------------------------------------------------------------------------------*/

 /* Z-index of #mask must lower than #boxes .window */  
 #mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color: #000;
  display:none;
}  
     
 #boxes .window {
   position:absolute; 
   width:386px;  
   height:237px;  
   display:none;  
   z-index:9999;
   padding: 75px 20px 20px 30px;
 }  
   
   
 /* Customize modal window here, you can add background image */  
 #boxes #dialog {
	 background: url(../img/bkg_contact.gif) no-repeat;
	 /* background-color:#fff; */
	 /* border: 1px solid #666; */
	 width:386px;   
     height:237px;
 }
 
#dialog .picture {
	background: url(../img/logo_ao-horiz.gif) no-repeat;
	border: 1px solid #666;
	/* width: 300px;
	height:67px; */
 }
 
 #dialog .picture2 {
	background: url(../img/img_eric2.jpg) no-repeat;
	border: 1px solid #666;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
 }
 
 #dialog p {
	 line-height: 2px;
	 color: #666;
 }
 
 #dialog1 .d-header {
  background:url(../img/login-header.jpg) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:35px;
  left:80px;
  border:2px solid #bee0f4;
  height:20px;
  width:200px;
  font-size:14px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(../img/login-blank.jpg) no-repeat 0 0 transparent;
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

#dialog1 .window {
   position:absolute; 
   width:350px;  
   height:100px;  
   display:none;  
   z-index:9999;
 }  


/* Google Search
--------------------------------------------------------------------------------------------------------------------------------------------------*/

#search {
	float: right;
	padding-top:6px;
	padding-right:20px;
}

/* Spacers
--------------------------------------------------------------------------------------------------------------------------------------------------*/

#topSpacer {
	padding-top:40px;
}

/* Events and Seminars
--------------------------------------------------------------------------------------------------------------------------------------------------*/

#darkBox {
	background-color: #E8F4FB;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#darkBox p, #liteBox p {
	line-height: 14px;
	font-size: 12px;
	font-family:Verdana, Arial, sans-serif;
	color:#666;
	margin: 0px 10px 5px 0px;
}

#darkBox h1, #liteBox h1 {
	line-height: 16px;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #002172;
	margin: 0px 10px 5px 0px;
}

#liteBox h2 {
	line-height: 14px;
	text-indent: 0px;
	font-size: 10px;
	font-family:Verdana, Arial, sans-serif;
	color: #6f81b0;
	font-weight: bold;
	border-bottom: 0p;
	margin: 0 0 0 0;
}

#liteBox {
	background-color: #fff;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#greyBox {
    border:2px solid #bee0f4;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#greyBox p {
	line-height: 12px;
	font-size: 10px;
	font-family:Verdana, Arial, sans-serif;
	color: #CCC;
	margin: 10px;
}

#greyBox a {
	line-height: 12px;
	font-size: 10px;
	font-family:Verdana, Arial, sans-serif;
	color: #ccc;
}

#greyBox h1 {
	line-height: 12px;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #666;
	margin: 10px 0px 0px 10px;
}

#blueStroke {
	background-color: #BEE0F4;
	/* border-bottom: 1px solid #002172; */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* Captions and Footnotes
--------------------------------------------------------------------------------------------------------------------------------------------------*/

.footnote {
	position: relative;
	bottom: 0.5em;
	color: #BEE0F4;
	font-size: 0.8em;
}

/* Floating flag
--------------------------------------------------------------------------------------------------------------------------------------------------*/

.flag { position:absolute; right:0; top:250px; z-index:200; }


/* Coarse Objectives Pop-Ups
--------------------------------------------------------------------------------------------------------------------------------------------------*/

#container-course {
	width:auto;
	height:auto;
	margin: 20px 0px 0px 0px;
	padding-left:10px;
	padding-bottom: 20px;
	background-color:#FFF;
/*	background: url(../img/img_course.gif) repeat-y;*/
}

#container-course body {
	background-color:#FFF;
}

#wrapper-course {
	width: 450px;
}

#content-course	{padding: 0px 0px 0px 9px; width: 450px; margin: auto;}

#coarse-textSpace {
	margin-right: 1em;
	_margin-right: .5em;
}

#course-textSpace ul, li {
	list-style: disc;
	line-height: 20px;
	font-size: 12px;
	font-family:Verdana, Arial, sans-serif;
	color:#414042;
	margin: 0 20px 0 25px;
}

/* Registration Pages
--------------------------------------------------------------------------------------------------------------------------------------------------*/

#hdrShwREG {
	background: url(../img/header-shdwREG.jpg) no-repeat;
	width:918px;
	height: 10px;
	z-index:1;
	margin: auto;
	visibility: inherit;
}

#containerREG {
	width: 918px;
	margin: auto;
	background: url(../img/img_shadowREG.jpg) repeat-y;
}

#content2	{padding: 0px 0px 20px 30px; width: 890px; margin: auto;}

#content2 p {font-size: 12px; font-family: Verdana, Arial, sans-serif; color:#666;}

#contentREG {
	float:left;
	width: 870px;
	margin-left: 1.5em;
}

#contentREG p {
	line-height: 6px;
	text-indent:5px;
	font-size: 10px;
	font-family:Verdana, Arial, sans-serif;
	color:#bcbec0;
	margin: 0 0 .8em 0;
}

#columnPOLICY {
	width:260px;
	float:right;
	margin-top:3em;
	margin-right:2em;
	background-color:#BEE0F4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#columnPOLICY p {
	line-height: 12px;
	font-size: 10px;
	font-family:Verdana, Arial, sans-serif;
	color:#414042;
	margin: 1.2em;
}

#columnPHOTO {
	width:180px;
	float:right;
	margin-top:.5;
	margin-left:1em;
	margin-botom:1em;
}

#footerREG {
	background: url(../img/footer-cap.gif) no-repeat;
	width:918px;
	height: 43px;
	margin: auto;
}

#regBOX {
	width:555px;
}

/* Form Design */

.textInputREG {border: 2px solid #414042; background: #BEE0F4; color: #414042; font-size: 14px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 6px;}

.dropdownREG {border: 2px solid #414042; background: #BEE0F4; color: #414042; font-size: 14px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 6px; width:280px;}

.submitREG {border: 2px solid #414042; background: #BEE0F4; color: #000000; font-size: 14px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; padding: 2px;}

.submitREG:hover {border: 2px solid #414042; background: #414042; color: #BEE0F4; font-size: 14px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; padding: 2px;}

formREG {
	margin:0px 0px 20px 0px;
}