html, body { background-color: #333; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-style: normal; font-weight: 400; font-variant: normal; color: #000; text-decoration: none; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; background-image: url(/images/fabric.jpg); 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; }
@font-face { font-family: 'BernardMTCondensedRegular'; src: url('/webfonts/bernhc-webfont.eot'); src: url('/webfonts/bernhc-webfont.eot?#iefix') format('embedded-opentype'), url('/webfonts/bernhc-webfont.woff') format('woff'), url('/webfonts/bernhc-webfont.ttf') format('truetype'), url('/webfonts/bernhc-webfont.svg#BernardMTCondensedRegular') format('svg'); font-weight: normal; font-style: normal; }
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; font-weight: bold; }
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; }

a:visited, a:link { color: #354435; 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 { font-size: small; 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;
	padding: 0;
	margin: 0;
	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; text-align: center; }
.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; }
.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; }
.imageRIGHT { float: right; padding: 10px; }
table { border-collapse: collapse; border-spacing: 0; margin-right: auto; margin-left: auto; vertical-align: top; background-color: #FFF; }
td { vertical-align: middle; padding: 5px; }
.text_box { width: 85%; 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: 85%; margin-top: 15px; }
.border_double2px { border: 1px solid #556C55; border-collapse: separate; border-spacing: 2px; vertical-align: top; }
.border_double2px td { border: 1px solid #ccc; }
.width100 { width: 100%; }
.table_half { margin: 0 auto; border: 1px solid #98B7E2; 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: #D7D7D7; 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; font-size: small; font-weight: 700; color: #FFF; margin-right: auto; margin-left: auto; padding-top: 15px; padding-bottom: 15px; vertical-align: top; display: block; width: 100%; background: url(/images/gradient.png) repeat-x 0px -110px; margin-top: 10px; border-top: 2px inset #FFF; font-family: Georgia, "Times New Roman", Times, serif; }
footer a[href^=tel] { font-size: small; font-weight: 700; color: #FFF; }
#subfooter { font-size: x-small; font-weight: 700; color: #FFF; text-align: center; padding-top: 10px; padding-bottom: 10px; font-family: Arial, Helvetica, sans-serif; }
#subfooter a, #subfooter a:visited { color: #FFF; font-size: x-small; }
#subfooter a:hover { color: #354435; 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: 10px; line-height: 1.1em; }
/*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 { margin-top: 7px; display: inline-block; height: 50px; width: 350px; }
/* RESPONSIVE */



#middle { width: 100%; margin: 0 auto; text-align: center; background-color: #FFF; background-color: rgba(100%,100%,100%,0.9); background-image: url(/images/eggshell.jpg); background-repeat: repeat; padding: .5em 0 2em 0; border-top: 2px inset #FFF; border-bottom: 1px inset #000; }

.lowermid { margin: 0 auto; width: 990px; }
.floatRight { float: right; }
.floatLeft { float: left; }
.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: normal; }
.bottomRightsection .sub_ctrXS { font-size: xx-large; height: 1.5em; display: block; }
.color { color: #A7BAA7 }

.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:'Alegreya', Georgia, serif; color: #6B6B6B !important; text-shadow: 0 1px 0 #FFF; display: block; font-weight: normal; 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: 20px;
	margin-bottom: 0.5em;
	font-family: 'Alegreya', Georgia, serif;
	color: #6B6B6B !important;
	text-shadow: 0 1px 0 #FFF;
	display: block;
	font-weight: normal;
	line-height: 36px;
	padding-bottom: 10px;
}
#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; }

#main { width: 990px; margin: 0 auto; height: 100%; }
.underlined { font-weight: bold; text-decoration: underline; color: rgb(51,51,51); }
#school img, #photo img { border-radius: 15px; }
a .topArrow { background: url(/images/totop.png) no-repeat center center; display: block; float: right; margin-right: 5em; height: 40px; width: 40px; clear: both; margin-bottom: 0.5em; margin-left: 900px; margin-top: .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%; }
#breadcrumb { }
#breadcrumb ul { list-style: none; margin-left: 0; padding-left: 13px; }
.crumbs { display: block; }
.crumbs li { display: inline; }
.crumbs li.first { padding-left: 0px; }
.crumbs li a, .crumbs li a:link, .crumbs li a:visited { color: #666; display: block; float: left; font-size: 12px; margin-left: -20px; padding: 7px 17px 11px 25px; position: relative; text-decoration: none; margin-bottom: 1em; }
.crumbs li a { background-image: url('/images/bg-crumbs.png'); background-repeat: no-repeat; background-position: 100% 0; position: relative; }
.crumbs li a:hover { color: #333; background-position: 100% -48px; cursor: pointer; }
.crumbs li a:active { color: #333; background-position: 100% -96px; }
.crumbs li.first a span { height: 29px; width: 3px; border-left: 1px solid #d9d9d9; position: absolute; top: 0px; left: 0px; }
.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;  -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;background: #FFFFFF; }
img.frame { padding: 10px; border: 1px solid #BFBFBF; background-color: white; box-shadow: 2px 2px 3px #aaaaaa; }

.large { font-size: large; }
.xlarge { font-size: x-large; }
.xxlarge { font-size: xx-large; }
.smdots {background-image: url(/images/smdots.png); height: 20px; width: 186px; display: block; clear: both; background: url(/images/smdots.png) no-repeat center center; margin: 0.5em auto; }

#goog-gt-tt { display: none; }
body.goog-te-banner { width: 1000px !important; }
#right { float: right; width: 738px; margin-bottom: 1.5em; margin-top: 1em; }
.center p { text-align: center; }
.text .box3.font p { text-align: center; }
.grey { color: #333333; }
img, .png { position: relative; 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.1em; }
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; }
.gradientBox {margin: .5em auto 1.5em; padding: 1em 0; width: 100%; background: #FFF url(/images/gradientGR.png) repeat-x 0px 100px;  text-align: center; vertical-align: top; display: block; border-radius: 15px; border-radius 15px 0 15px 0; box-shadow: 1px 1px 4px 1px rgba(102,102,102,.5);}
.contact h3 { font: bold x-large 'Alegreya'; color: #333333; }

#leftCol {
	width: 290px;
	margin-left: 0;
	float: right;
}
#rightCol {
	width: 650px;
	margin-right: 10px; float: left;
}
.wrap {margin: auto;
	}
h2.sub_ctr {
	font-size: 22pt;
	background-image: none;
	margin-top: 0.7em;
	margin-bottom: 0.5em;
	font-family: 'Alegreya', Georgia, serif;
	color: #6B6B6B !important;
	display: block;
	text-shadow: 0 1px 0 #FFFFFF;
	font-weight: normal;
	text-align: center;
	padding-bottom: 0;
	font-weight: bold;
}