@import url("/webfonts/DJbow/stylesheet.css");
@font-face {
	font-family: 'DJbow';
	src: url('/webfonts/DJbowtie/dj-bowtie-webfont.eot');
	src: url('/webfonts/DJbowtie/dj-bowtie-webfont.eot?#iefix') format('embedded-opentype'), url('/webfonts/DJbowtie/dj-bowtie-webfont.woff2') format('woff2'), url('/webfonts/DJbowtie/dj-bowtie-webfont.woff') format('woff'), url('/webfonts/DJbowtie/dj-bowtie-webfont.ttf') format('truetype'), url('/webfonts/DJbowtie/dj-bowtie-webfont.svg#dj_bowtieregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
html, body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	color: #333;
	text-decoration: none;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	background-repeat: repeat;
}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	background: #FFFFFF url(/chapman_hills/safa/images/colorDots.png) repeat left top;
}
article, aside, figure, footer, header, hgroup, nav, section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	background: transparent;
}
ins {
	background-color: #ff9;
color #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input, select {
	vertical-align: middle;
	margin: auto;
}
pre {
	padding: 15px;
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
input[type="checkbox"] {
	vertical-align: bottom;
*vertical-align:baseline;
}
label, input[type=button], input[type=submit], button {
	cursor: pointer;
}
header {
}
#topdots {
	width: 100%;
	padding: 0;
	background: #000000 url(/chapman_hills/safa/images/dots-BW.png) repeat-x 0 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	position: absolute;
	top: 0px;
	height: 300px;
	z-index: 1;
	display: inline-block;
}
a:visited, a:link {
	color: #003CDA;
	text-decoration: none;
	font-weight: 700;
}
a:hover {
	color: #F48E33;
	text-decoration: underline;
	font-style: normal;
}
h2 {
	text-decoration: none;
	margin: 15px 0;
}
h3 {
	font-weight: 700;
	text-decoration: underline;
	font-family: 'Alegreya', serif;
	font-size: 1.5em;
}
.sub_sub_title, h4 {
	text-decoration: none;
}
ul li {
	margin-left: 20px;
	list-style-type: disc;
	text-align: left;
}
form {
	margin: 0;
	padding: 0;
}
a img {
	text-decoration: none;
	border-style: none;
}
video {
	margin: 0px auto;
	padding: 5px;
	z-index: 1;
}
.font {
	font-family: 'Alegreya', Arial, serif;
	text-shadow: -1px 0px #999;
}
.NEWSdetail {
	font-size: 12px;
	font-weight: 400;
}
.boldbluenotital {
	font-weight: bold;
	text-decoration: none;
	color: #354435;
}
.REDitalicBOLD {
	color: #CB0000;
	font-weight: 700;
	font-style: italic;
}
.underline {
	text-decoration: underline;
}
.center {
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
}
.top {
	vertical-align: top;
	margin: 0;
	padding: 0;
}
.textRight {
	text-align: right;
}
.left {
	float: left;
	margin-right: 10px;
	text-align: left;
}
.justify {
	text-align: justify;
	font-weight: 400;
	vertical-align: top;
}
.xxsmall {
	font-size: xx-small;
}
.xsmall {
	font-size: x-small;
}
.nowrap {
	white-space: nowrap;
}
.imageLEFT {
	float: left;
	padding: 10px;
	display: block;
	margin-right: 15px;
}
.imageRIGHT {
	float: right;
	padding: 10px;
	margin-left: 15px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-right: auto;
	margin-left: auto;
	vertical-align: top;
	background-color: #FFF;
	display: block;
}
td {
	vertical-align: middle;
	padding: 5px;
}
.text_box {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
}
.tableALT tr:nth-child(odd) td {
	background-color: #F8F8F8;
}
.tableALT tr:nth-child(even) td {
	background-color: #E0E0E0;
}
.tableL {
	text-align: left;
	vertical-align: top;
	border: none;
	margin-right: auto;
	margin-left: auto;
	width: 85%;
	margin-top: 15px;
}
.tableC {
	text-align: center;
	vertical-align: top;
	border: none;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	margin-top: 15px;
}
.border_double2px {
	border: 1px solid #556C55;
	border-spacing: 2px;
	vertical-align: top;
}
.border_double2px td {
	border: 1px solid #ccc;
}
.width100 {
	width: 100%;
}
.table_half {
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 1px;
	width: 50%;
}
.table_third {
	width: 33%;
}
.table_quarter {
	width: 25%;
}
.thBW, th {
	font-size: medium;
	color: #FFF;
	text-decoration: none;
	background-color: #354435;
	text-align: center;
	font-weight: 700;
	padding: 5px;
}
td {
	vertical-align: middle;
	padding: 5px;
}
.thg, .thBB {
	font-size: medium;
	font-weight: 700;
	color: #354435;
	background-color: #D6D6D6;
	text-align: center;
}
.trltblue {
	background-color: #EAEAEA;
	padding-right: 5px;
}
.trltgrey {
	background-color: #F8F8F8;
}
.mdgrey {
	background-color: #CCC;
}
.dkBKG {
	background-color: #4E4E4E;
}
#nav_l {
	width: 220px;
	top: 0;
	vertical-align: top;
	text-align: left;
	float: left;
	margin: 5px auto 20px;
	padding: 5px 1em 5px 5px;
	display: inline;
}
footer {
	text-align: center;
	color: #003BD8;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 15px;
	vertical-align: top;
	display: block;
	width: 100%;
	margin-top: 0px;
	border-top: 3px inset #FFF;
	font: 700 x-large 'Alegreya', Arial, serif;
	position: relative;
	top: -50px;
}
footer a[href^=tel] {
	font-size: small;
	font-weight: 700;
	color: #FFF;
}
#subfooter {
	font-size: x-small;
	font-weight: 700;
	color: #333;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#subfooter a, #subfooter a:visited {
	color: #333;
	font-size: x-small;
}
#subfooter a:hover {
	text-decoration: underline;
	font-size: x-small;
}
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}
#frame {
	background-color: #F00;
	width: 932px;
	padding: 25px;
	font-weight: bold;
	color: #FFF;
}
#frame a {
	color: #FF0;
}
p {
	padding-top: 5px;
	padding-bottom: 15px;
	line-height: 1.3em;
}
/*top shadow*/
body:before {
	content: "";
	position: fixed;
	top: -10px;
	left: 0;
	width: 100%;
	height: 10px;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	z-index: 100;
}
#search {
	float: none;
	margin-top: 15px;
	height: 50px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#social {
	float: right;
	margin-top: 0px;
	display: inline-block;
	height: 50px;
	width: 350px;
	text-align: right;
}
/* RESPONSIVE */
#logo {
	float: left;
	margin: 15px 1em 10px .5em;
	height: 129px;
	width: 130px;
	display: inline;
}
#TopNav li ul li a {
}
#header {
	width: 1000px;
	margin: 0 auto;
	height: 170px;
	padding-top: 5px;
	padding-bottom: 0px;
	display: block;
	z-index: 100;
	border-radius: 25px;
}
#bottom {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	padding-top: 15px;
background: hsla(0, 0%, 100%, ..4);
}
#middle {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 0;
background: #000000 url(/chapman_hills/safa/images/dots-BW.png) !important repeat left top;
	height: auto;
	display: block;
	background: #000 url(/chapman_hills/safa/images/BWdots.png) repeat;
	top: -50px;
	position: relative;
}
#headLinks {
	margin: 0px auto;
	width: 830px;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 10px;
	font-size: x-small;
	font-weight: bold;
	color: #CCCCCC;
}
#headLinks a img {
	margin: -10px 18px 0px 5px;
	vertical-align: middle;
}
.lowermid {
	margin: 0 auto;
	width: 990px;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
	display: inline-block;
}
.midcontent {
	width: 80%;
	margin: 0 auto;
}
.sub_ctrXS {
	background-image: url(/images/smdots.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: 'Alegreya', Georgia, serif;
	color: #6B6B6B !important;
	text-shadow: 0 1px 0 #FFF;
	display: block;
	font-weight: bold;
}
.bottomRightsection .sub_ctrXS {
	font-size: xx-large;
	height: 1.5em;
	display: block;
}
.color {
	color: #A7BAA7
}
.header {
	text-align: center;
	color: #6B6B6B !important;
	vertical-align: middle;
	display: block;
	width: 100%;
	clear: both;
	text-shadow: 0 1px 0 #FFF;
	text-transform: none;
	text-decoration: none;
	padding: 10px 0;
	background: url(/images/smdots.png) no-repeat center bottom;
	font: bolder normal 40px/100% 'Alegreya', Georgia, serif;
}
.subhead {
	font-size: xx-large;
	background-image: url(/images/smdots.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 10px;
	margin-bottom: 5px;
	font-family: DJbow;
	color: #6B6B6B !important;
	text-shadow: 0 1px 0 #FFF;
	display: block;
	font-weight: bold;
	padding-bottom: 7px;
}
.subtitle {
	font-size: medium;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 2px #CCC;
	color: rgb(28,55,29);
}
.seperator {
	height: 10px;
	background-repeat: repeat-x;
	background-image: url(/images/seperator.png);
	margin: 0 auto;
	padding: 0px;
	text-align: center !important;
	background-position: center center;
}
h1 #page_header, .sub_ctr, #page_header {
	font-size: 40px;
	background-image: url(/images/smdots.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 0.7em;
	margin-bottom: 0.5em;
	font-family: DJbow;
	color: #6B6B6B !important;
	text-shadow: 0 1px 0 #FFF;
	display: block;
	font-weight: normal;
	line-height: 36px;
	padding-bottom: 10px;
	text-align: center;
}
#headinfo {
	display: block;
	width: 90%;
	margin-bottom: 10px;
	margin-top: 0em;
	text-align: center;
	float: none;
	height: auto;
	padding: 15px 5px 5px;
	line-height: normal;
	overflow: visible;
}
#header a h1 {
	text-shadow: 2px 2px 3px #FC0;
	display: block;
	margin-left: 0em;
	color: #003BD8;
	font: bold 30pt/1.5em 'DJbow', 'Alegreya', Arial;
	overflow: visible;
}
#header a h2 {
	display: block;
	clear: both;
	color: #FF6600;
	font: bold large Georgia, "Times New Roman", Times, serif;
	text-shadow: 1px 1px 4px #FFF;
	margin: 0 auto;
}
#widget_google_translate {
	font-size: small;
	color: #FFFFFF;
	width: 90%;
	margin: 5px auto;
}
.desktop {
	display: block;
}
.mobile {
	display: none;
}
.lowermid {
	margin: 0 auto;
}
.midcontent {
	width: 80%;
	margin: 0 auto;
}
ol li {
	margin-left: 40px;
	margin-top: .5em;
	margin-bottom: .5em;
}
.event a img {
	float: right;
	padding: 2px;
}
#header #search #headLinks a {
	font-size: x-small;
}
#header #headLinks a:hover {
	color: #333;
	text-decoration: underline;
}
#main {
	margin: 0 auto;
	height: 100%;
	width: 995px;
	background-color: #FFF;
	color: #333;
	display: block;
	padding-top: 50px;
}
.underlined {
	font-weight: bold;
	text-decoration: underline;
	color: #000;
}
#school img, #photo img {
	border-radius: 15px;
}
a .topArrow {
	background: url(/images/totop.png) no-repeat center center;
	display: block;
	float: right;
	margin-right: 2em;
	height: 40px;
	width: 40px;
	clear: both;
	margin-bottom: 0.5em;
	margin-left: 750px;
	margin-top: 0.5em;
}
a .button, a .leftButton, a .rightButton, a.button, a.leftButton, a.rightButton {
	background: #F48E33 url(/images/gradient.png) repeat-x center -100px;
	border: 5px solid #666666;
	border-radius: 50px;
	width: 250px;
	margin: 1em auto;
	padding: 0.5em 1em;
	display: block;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	font-family: 'Alegreya';
	font-size: 1.2em;
	line-height: 1em;
	text-shadow: 1px 1px 1px #FFFFFF;
}
a .button:hover, a .leftButton:hover, a .rightButton:hover, a.button:hover, a.leftButton:hover, a.rightButton:hover {
	text-decoration: none !important;
	background: #666666 url(/images/gradient.png) repeat-x center -100px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000;
}
a .button2, a.button2 {
	background: #666666 url(/images/gradient.png) repeat-x center -100px;
	border: 5px solid #999999;
	border-radius: 50px;
	width: 150px;
	margin: 1em;
	padding: 0.5em;
	display: inline-block;
	text-align: center;
	float: left;
	color: #FFFFFF;
}
a .button2:hover, a.button2:hover {
	text-decoration: none !important;
	background: #F37434 url(/images/gradient.png) repeat-x center -100px;
	color: #333333;
}
a .rightButton, a.rightButton {
	float: right;
	margin-right: 10%;
}
a .leftButton, a.leftButton {
	float: left;
	margin-left: 10%;
}
.linebreak {
	display: block;
	height: 5px;
	clear: both;
}
.text p {
	text-align: justify;
}
section {
	width: 95%;
	margin: 20px auto;
	padding: 15px 25px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	text-align: justify;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: #FFFFFF;
}
img.frame, .frame img, #main a img {
	padding: 10px;
	border: 1px solid #BFBFBF;
	background-color: white;
	box-shadow: 2px 2px 3px #aaaaaa;
	margin: 5px 10px;
	transition: all .2s ease-in-out;
}
#main a img:hover
{transform:scale(1.2);}
.large {
	font-size: large;
	line-height: normal;
}
.xlarge {
	font-size: x-large;
}
.xxlarge {
	font-size: xx-large;
	line-height: 1em;
}
.smdots {
	height: 20px;
	width: 186px;
	display: block;
	clear: both;
	background: url(/images/smdots.png) no-repeat center center;
	margin: 0.5em auto;
}
#google_translate_element {
	font-size: x-small;
	margin: 0 auto;
	width: 300px;
}
#goog-gt-tt {
	display: none;
}
body.goog-te-banner {
	width: 1000px !important;
}
#right {
	float: right;
	width: 730px;
	margin-bottom: 1.5em;
	margin-top: 0.5em;
}
.center p {
	text-align: center;
}
.text .box3.font p {
	text-align: center;
}
.grey {
	color: #333333;
}
img, .png {
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true));
}
.event a {
	line-height: 1.2em;
}
video {
	-webkit-transform-style: preserve-3d;
	margin: 0 auto;
}
#smNavBk {
	width: 100%;
	border-bottom: 2px inset #FFF;
}
#headLinks a {
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
}
#subfooter a:hover {
	color: #FF9933;
}
#headLinks a:hover {
	color: #F48E33;
}
.gradientBox {
	margin: .5em auto 1.5em;
	padding: 1em 0;
	width: 100%;
	background: #FFF url(/images/gradientGR.png) repeat-x 0px 100px;
border-radius 15px 0 15px 0;
	text-align: center;
	vertical-align: top;
	display: block;
	border-radius: 15px;
	box-shadow: 1px 1px 4px 1px rgba(102,102,102,.5);
}
.top td, .top tr td p .underlined {
	vertical-align: top;
}
.thBB td {
	background: #DFDFDF;
	color: #000000;
}
table.white {
	background-color: white;
}


table {
	display: table;
	border-collapse: separate;
}
.box {
	width: 230px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2em;
}
.box {
	width: 230px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2em;
}

table table {
	background: #F5F4F1;
}
.title {
	font-family: DJbow;
	font-style: normal;
	font-size: x-large;
	font-weight: 700;
	text-align: center;
	margin-top: 10px;
	line-height: 1.1em;
	text-shadow: 1px .5px 3px #ccc;
	margin-bottom: 20px;
}
a .title {
	text-decoration: none;
}
a .title:hover {
	text-decoration: underline;
}
.title.underline a {
	font-size: large;
}
.bottomRightsection .font .grey {
	font-size: medium;
}
.bottomRightsection h4.font {
	font-size: medium;
	color: #666666;
	font-style: italic;
}
.phone {
	display: none;
}
.small {
	font-size: small;
}
.strikeout {
	text-decoration: line-through;
}
#eClassHeadLinks {
	width: 950px;
	margin: 7px auto;
	height: auto;
}
#eClassHeadLinks li {
	float: left;
	margin-right: 5px;
	font-size: small;
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
	margin-left: 0px;
	list-style: none !important;
	font-family: Arial, Helvetica, sans-serif;
}
#eClassHeadLinks li a {
	font-size: small;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px 8px;
	list-style: none !important;
}
#eClassHeadLinks ul li a:hover {
	color: #000000;
	text-decoration: underline;
	background: #FFFFFF;
	border-radius: 15px;
}
.tabbing-open ul li {
	margin-bottom: 1em;
}
.subhead {
	text-align: left;
}
#header a {
	color: #FFFFFF;
}
#header a:hover {
	color: #000;
}
.indent {
	text-indent: 2em;
}
.oat {
	background: #EFECE7;
}
.help {
	width: 480px;
	margin: 0 auto;
	height: 40px;
	display: block;
	font-size: 12pt;
}
.red {
	color: #CC0000;
}
.leftButton.dkOrange, .dkOrange {
	background: #DE500C;
}
a.leftButton.dkOrange {
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000;
}
.boldLtBlue {
	font-weight: bold;
	color: #6891B9;
}
#container {
	margin: 0 auto;
	width: 100%;
}
#topsec {
	height: 170px;
	margin: 0;
	padding: 0;
}
@media print {
* {
	width: 100% !important;
	background: transparent !important;
	background-color: #FFF !important;
	color: #000 !important;
	text-shadow: none;
	box-shadow: none !important;
	border: none !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: medium !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	margin: 0 auto !important;
	padding: 0px !important;
	text-decoration: none !important;
}
a, a:visited {
	color: #444 !important;
	text-decoration: underline;
}
/*a:after { content: " (" attr(href) ")"; }
abbr:after { content: " (" attr(title) ")"; }
.ir a:after { content: ""; }*/
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
h2, h3 {
	page-break-after: avoid;
}
#main {
	width: 8in;
	height: 10in;
	border: none
}
nav, #TopNav, #nav_l, #SideNav, #sideSub, footer, #subfooter, header, img, form, .noprint, .noprint p, .button, .crumbs, video, #headLinks, #smNavBk, #apSurveyRibbon, #header, #logo, hr, iframe {
	display: none !important;
}
= img[alt] {
 visibility: visible !important;
}
.example_menu ul a {
	border: none !important;
}
.tabbing {
	padding-bottom: 5px;
	margin: 0 auto;
}
.tabbing-title {
	display: block;
	background-image: none;
	color: #000 !important;
	text-shadow: none;
	font-size: large;
	margin: .5em auto;
}
.tabbing-content {
	display: block !important;
	padding-left: 0px;
	padding-bottom: 1em;
	margin: 0 auto;
}
.tabbing-open {
	display: block;
	margin: 0 auto;
}
.box2 {
	padding: 0;
	border: none;
}
}
.right {
	text-align: right;
}
#container #middle #main .text_box a .frame.imageRIGHT {
	margin-right: 15px;
	margin-left: 15px;
}
#container #middle #main .text_box a .frame.imageLEFT {
	margin-right: 15px;
	margin-left: 15px;
}
#container #middle #main a .frame.imageRIGHT {
	margin-right: 10px;
	margin-left: 10px;
}
#container #middle #main a .frame.imageLEFT {
	margin-right: 10px;
	margin-left: 10px;
}