/* Layout */
body {margin: 0; background: #fff;}
* #container {width: 800px; position: relative;}
* #head {background: url(images/head-bg.jpg); width: 800px; height: 218px;}
* #logo {margin-left: 24px;}
* #content {width: 560px; min-height: 570px; margin: 0 0 10px 233px;}
* html #content {height: 570px;}
* #footer {background: url(images/footer-bg.jpg); width: 790px; height: 77px; padding: 45px 0 0 10px;}
* #address {margin: 20px 0 0 15px; font-size: 12px; line-height: normal; font-weight: bold;}
* .clear {clear: both;}
* .sidebar {background: #e6e4e5; width: 130px; display: block; text-align: center; border: solid 1px #013366; float: right; margin: 5px 0 15px 15px; padding: 5px;}
* .right {float: right;}
* .left {float: left;}
* #office_games td {vertical-align: top; text-align: center;}

* .clear {clear: both;}
* .cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* .cf {display: inline-block;} /*this trips hasLayout for ie7*/
* .cf {display: block;} /*this returns it back to normal*/
* html .cf {height: 1px;}

/* Images */
img {border: 0; display: block;}
* .img_left {border: 0; margin: 5px 15px 15px 0; float: left; clear: left;}
* .img_right {border: 0; margin: 5px 0 15px 15px; float: right; clear: right;}
* .img_center {margin: 10px auto; display: block;}
* .img_center_border {border: solid 1px #21396d; margin: 10px auto; display: block;}
* .img_left_border {border: solid 1px #21396d; margin: 5px 15px 15px 0; float: left; clear: left;}
/* * .border {border: solid 1px #21396d; margin: 5px 0 15px 15px; float: right; clear: right;} */
* #office_games img {border: solid 1px #21396d;}

/* Text */
p {margin: 0 0 10px 0;}
body {font: 12px/18px Georgia, "Times New Roman", Times, serif; color: #032153;}
* #footer {font-size: 11px; line-height: normal; color: #fff;}


/* Links */
a {color: #032153;}
a:hover {color: #82a3cf;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/* Lists */
ol, ul {margin-bottom: 10px; margin-top: 0;}
dl.logos, dl.logos dt, dl.logos dd {list-style: none; margin: 0; padding: 0;}
dl.logos {border: 1px solid #CCC; border-width: 0 0 1px 1px; margin-top: 10px; padding: 10px 0 5px 10px; width: 50%;}
dl.logos dd {margin-bottom: 10px; padding: 10px 0 5px 0;}
dl.logos span {font-size: 14px; font-weight: bold; line-height: normal;}

/* Flash */
* #flash_home {background: url(images/flash_bg.jpg); border: solid 1px #032153; width: 548px; height: 238px; margin: 0 0 15px 0; padding: 0;}
* #flash-tour-oxnard {width: 400px; margin: 10px auto;}
* p.upgrade {width: 70%; height: 100px; background: #e4e4e4; font: 10px "Trebuchet MS", Verdana, Arial; text-align: left; margin: 20px auto; padding: 5px; border: solid 1px #000;}

h1 {font-size: 22px; font-weight: bold; font-style: italic; margin: 0 0 15px 0;}
h2 {font-size: 17px; font-weight: bold; color: #032153; margin: 0 0 7px 0;}
h3 {font-size: 14px; font-weight: bold; color: #5f8cbd; margin: 0;}
h1.home {font-size: 18px; font-weight: bold; font-style: italic; margin: 0 0 7px 0;}

/* Top Links */
* #top-nav {margin: 0; padding: 0; position: absolute; z-index: 2; top: 0; right: 56px;}
#top-nav a {display: block; text-decoration: none; text-indent: -999em; overflow: hidden;}
#top-nav a {float: left; height: 33px;}
* #pt-login {background: url(images/nav/pt-login.jpg); width: 153px;}
* #dt-login {background: url(images/nav/dt-login.jpg); width: 158px;}
#top-nav a:hover, #top-nav a.active {background-position: 0 -33px;}

/* Side Navigation */
* #nav {margin: 0; padding: 0; left: 0; top: 243px; position: absolute; z-index: 2;}
#nav a {width: 221px; height: 30px; display: block; text-decoration: none; text-indent: -999em; overflow: hidden;}

* #about-office {background: url(images/nav/about-office.gif);}
* #about-ortho {background: url(images/nav/about-ortho.gif);}
* #braces-101 {background: url(images/nav/braces-101.gif);}
* #braces-101 {background: url(images/nav/braces-101.gif);}
* #ortho-tech {background: url(images/nav/ortho-tech.gif);}
* #emergency {background: url(images/nav/emergency.gif);}
* #fun-games {background: url(images/nav/fun-games.gif);}
* #contact {background: url(images/nav/contact.gif);}
* #home {background: url(images/nav/home.gif);}

#nav a:hover, #nav a.active,
#nav li:hover #about-office, #nav li.sfhover #about-office,
#nav li:hover #about-ortho, #nav li.sfhover #about-ortho,
#nav li:hover #braces-101, #nav li.sfhover #braces-101,
#nav li:hover #ortho-tech, #nav li.sfhover #ortho-tech,
#nav li:hover #fun-games, #nav li.sfhover #fun-games,
#nav li:hover #contact, #nav li.sfhover #contact {background-position: 0 30px;}
#nav a.active {cursor: default;}

/* Drop Down */
#nav ul {line-height: 1; list-style: none; margin: 0; padding: 0; border: 0;}
#nav li {display: inline;}
#nav li ul {background: #e4e5e6; border: solid 1px #21396d; font-size: 12px; left: -9999px; position: absolute; z-index: 2; padding: 3px;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -30px 0 0 221px;}
#nav ul li a {color: #071e68; padding: 2px 0 2px 10px; width: 150px; height: 18px; line-height: 18px; text-indent: 0;}
#nav ul li a:hover {background: #adc2e5;}

/* SureSmile */
h2.media-center {background:#000033; color:#FFF; margin:0; padding:5px;}
* div.media-center {background:#336699; color:#FFF; display:inline-block; margin-bottom:10px; overflow:auto; padding:10px;}
* div.media-center a {color:#FFF;}
* div.media-center img {border:1px solid #FFF;}

/* The Game Room */
* div#sesame-game {background: #000; line-height: 0; margin: 10px auto; text-align: center; width: 400px;}
ul#sesame-games {list-style: none; margin: 0; padding: 0;}
ul#sesame-games li {clear: both; display: inline;}
ul#sesame-games img {border: 0; float: right; margin: 0 0 10px 10px;}
ul#sesame-games p {padding-bottom: 1em;}

/* EDIT.COM */
ul, ol {
	margin-top:0px;
	margin-bottom:0px;
}


.WhiteText {
	font-family: Georgia, serif;
	font-size: 12px;
	color: #FFF;
    text-decoration: none;
	font-weight: normal;
	text-transform: none;
	font-style:normal;
}

.NormalText, body, td {
	font-family: Georgia, serif;
	font-size: 12px;
	color: #032153;
    text-decoration: none;
	font-weight: normal;
	text-transform: none;
	font-style:normal;
}

.LargeBlueText {
	color: #032153;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}

.SubHeader {
	color: #5F8CBD;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}

.SubjectHeader {
	font-family: Georgia, serif;
	font-size: 17px;
	color: #032153;
    text-decoration: none;
	font-weight: bold;
	text-transform: none;
	font-style:normal;
}

.PageTitle {
	font-family: Georgia, serif;
	font-size: 22px;
	line-height: 26px;
	color: #032153;
    text-decoration: none;
	font-weight: bold;
	text-transform: none;
	font-style: italic;
}

img.border { border: solid 1px #21396d; }

* table.contests { width: 560px; }
* table.resources { width: 280px; }

* td.maps { width: 330px; }
* td.pad { padding-right: 10px; }
* td.resourcescell { border-left: solid 1px #CCC; border-bottom:  solid 1px #CCC; width: 280px; padding-left: 10px; }
#thedoctors { width:200px; float:right; position:absolute; top:50px; right:100px; color:#FFFFFF; text-align:center; overflow:hidden}
#thedoctors a { color:#FFFFFF; overflow:hidden}
#thedoctors a: { color:#FFFFFF; text-decoration:none}
#thedoctors img{ padding-left:50px;}

.map { 
	border: solid 1px #21396d;
	margin-right: 15px;
	}
