* { margin:0; padding:0; }

html { width:100%; position:relative; top:0; left:0; }
body { position:relative; top:0; left:0; font-family:tahoma,arial,helvetica,sans-serif; font-size:80%; background:#fff; }

h1 { margin-bottom:.5em; font-family:georgia,times,serif; font-size:1.6em; color:#428ED5; }
h2 { margin-bottom:.5em; font-family:georgia,times,serif; color:#428ED5; }

address { font-size:11px; }
a, a:active, a:visited { color:#428ED5; text-decoration:none; }
a:hover { text-decoration:underline; color:#f00; background-color:#ffffe0; }
a.reg { text-decoration:underline; }
ul { margin-left:1em; }
header { position:relative; top:0; left:0; height:250px; background-image:url('images/GreatWall8x2t.jpg'); background-size:100% 100%;
 background-position:right bottom; background-repeat:no-repeat; }
footer { position:relative; top:0; left:0; padding:4px 0; background-color:#2980b9; font-size:.8em; color:#fff; }

footer a, footer a:active, footer a:visited, footer a:link, footer a[href^="tel"] { color:#fff; }


.stdtext { text-indent:2em; font-size:1.1em; text-align:justify; }
.stdtext a, .stdtext a:visited, .stdtext a:active { color:#428ED5; }
.smalltitle { font-size:1em; color:#666; font-weight:bold; }
.smalltext { font-size:10px; }
.biggertext { text-indent:2em; font-size:16px; }
.strongText, .boldText { font-weight:bold; }
.blocktext { font-size:12px; }
.shadowed { box-shadow:4px 4px 3px #404040; }
.quote { font-style:italic; }
.box20 { width:20%; }
.box33 { width:33%; }
.box40 { width:40%; }
.rounded1 { border-radius:1em; }
.rounded80 { border-radius:.8em; }
.centered { text-align:center; }
.center60 { margin-left:auto; margin-right:auto; width:60%; }
.center80 { margin-left:auto; margin-right:auto; width:80%; }
.nobr { white-space:nowrap; }
.bimg { padding:3px; background-color:white; border:solid 1px #c0c0c0; }
.limitImage img { max-width:98%; }
.redFont { color:#800; }
.lightBlue  { color:#428ED5; }
.beigeBG {  background-color:beige; }
.glowBlue { text-shadow:1px 1px 2px #1010e0;  }
.glowGray { text-shadow:2px 2px 2px #202020;  }
.glowBlack { text-shadow:2px 2px 2px #000;  }
.inset { text-shadow: -1px -1px 3px #666, 1px 1px 3px #fff; } 
.outset { text-shadow: 1px 1px 3px #666, -1px -1px 3px #fff; }
.clearleft { clear:left; }
.clearright { clear:right; }
.clearBoth, .clearboth { clear:both; }
.clearFix:after, .boxRow:after {
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
	line-height:0;
}
.learnMore img { margin-top:6px; }

#wrapper { position:relative; top:0; left:0; margin:.5em auto; width:90%; max-width:1000px; background-color:#fff; }
.leftImgBox { float:left; width:26%; margin:0 1em .25em 0; text-align:center; }
.leftImgBox img { width:96%; padding:4px; box-shadow:2px 2px 3px #444; }
.rightImgBox { float:right; width:26%; margin:0 0 .25em 1em; text-align:center; }
.rightImgBox img { width:96%; padding:4px; box-shadow:2px 2px 3px #444; }
.halfImgBox { float:left; width:46%; margin:0 0 .25em 1%; text-align:center; }
.halfImgBox img { width:96%; }
.centerImgBox { margin:.3em auto; width:80%; text-align:center; }
.centerImgBox img { width:96%; }
.halfImgBox span, .centerImgBox span { display:block; margin:-.3em auto; width:90%; max-width:400px; text-align:center; }
.blueBar { margin:.5em 0; height:1em; background-color:#3369a5; }

#home h1 { margin:2px 0; font-size:1.6em; color:#000; }
.mainBox { float:left; width:33.33%; height:200px; }
.mainBoxWrapper { height:100%; border-style:solid; border-color:#ccc; border-width:0 1px 0 1px; }
.mainBox .imgCenter { margin:6px 0; text-align:center; }
.mainBox .imgCenter img { max-width:99%; }
.mainBox .imgLeft { float:left; margin:3px 8px 0 6px; height:97%; text-align:center; overflow:hidden; }
.mainBox .imgRight { float:right; margin:3px 6px 0 8px; height:97%; text-align:center; overflow:hidden; }
.mainBox .imgLeft img, .mainBox .imgRight img { max-width:140px; max-height:84%; }
.mainBox h2 { margin-bottom:2px; padding:3px 0 4px 0; font-size:1.2em; color:#39c; text-align:center;
	      background-image:linear-gradient(to bottom, #fff, #ddd); border-width:1px 0 0 0; border-style:solid; border-color:#aaa; }
.mainBox a, .mainBox h2 a, .mainBox h2 a:active, .mainBox h2 a:visited { color:#39c; font-weight:bold; }
.mainBox h2 a:hover, .mainBox a:hover { color:#d35400; }
.mainBox p { margin:.5em 12px; font-size:.9em; }
.thirdBox { float:left; margin-left:1%; width:31%; }

#mission { margin:1em auto; padding:.5em 1em; border:solid 1px #eee; background-color:#ffffe0; box-shadow:2px 2px 3px #888; }

#topLogo #topLogoLink { float:left; margin-left:4px; }
#topLogo #topLogoPhone { float:right; margin-right:4px; }

#header {  }
#topTagline { display:block; font-family:times,serif; font-size:2em; color:#00c; font-weight:bold; text-align:center; }
#tagline { display:block; position:absolute; bottom:26px; left:8px; width:300px;
	   font-family:times,serif; font-size:2em; color:#fff; font-weight:bold; text-shadow:1px 0 0 #800; }
#bodyWrapper { margin-top:.5em; box-shadow:3px 0px 3px #888, -3px 0px 3px #888; }

#mainContent { }
#mainContent p { margin-bottom:.5em; }
#bodyContent { padding:.5em 1em; }

#creditLine a { color:#fff; }

#about .stdtext i { color:#444; }

#contact textarea[name=comments] { width:70%; }

nav { margin-bottom:-8px; }
#nav {
	margin: 0;
	padding: 0;
	background: linear-gradient(to bottom, #4577b6, #234b86);
	line-height: 1.3em;
	width:100%;
}
#nav li {
	margin: 0px;
	padding:0;
	float: left;
	display:inline-block;
	position: relative;
	list-style: none;
	width:16.3%;
}


/* main level link */
#nav li a {
	font-weight: bold;
	color: #fff;
	display: block;
	text-align:center;
	padding:6px 0 8px 0;
	transition:all .5s;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: #ffffe0;
	color: #000;
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	border: none;
	color: #fff;
	font-weight:bold;
}
#nav ul li a:hover {
	background: #ffffe0;
	color: #000;
}

/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */
#nav ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 220px;
	position: absolute;
	top: 30px;
	left: 0;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
	width:230px;
	background: #235590;
}

#nav ul li a {
	padding:6px 2px 8px 6px;
	text-align:left;
	font-weight: normal;
}

/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -6px;
}


/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	/* visibility: hidden; */
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}

@media screen and (max-width:820px) {
 #wrapper { width:98%; }
header { background-size:auto 100%; background-position:right top; }
 .boxRow .mainBox { width:50%; overflow:hidden; }
 .boxRow .mainBox:last-child { float:none; width:auto; }
}

@media screen and (max-width:770px) {
.nomobile { display:none; }
}

@media screen and (max-width:480px) {
h1 { font-size:1.6em; text-align:center; }
h2 { font-size:1.3em; }

.leftImgBox, .rightImgBox { width:33%; }

#topLogo #topLogoLink { max-width:48%; }
#topLogo #topLogoPhone { max-width:48%; }
#topLogo #topLogoLink img { width:98%; }
#topLogo #topLogoPhone img { max-width:98%; }

header { height:160px; background-size:auto 100%; }
#topTagline { font-size:1.25em; }
#tagline { bottom:20px; width:90%; font-size:1.4em; text-align:center; }

#aboutMY .imgLeft img { width:140px; }

#nav li { width:33%; }
.center80 { width:auto; margin:0 1%; }
.boxRow .mainBox { float:none; width:auto; height:auto; }
.thirdBox { float:none; width:auto; }
}