@import '/cms/styles/common.css';
@import '/style.css';

/* COMMON ---------------------------------------------------------------------- */

body {
	background-color: #1b648b;
}

#bg-x {
	background: #fff  url('/images/bg.gif') top repeat-x;
}

#bg-y {
	background: url('/images/bg-y.gif') center repeat-y;
}

#bg-top {
	background:  url('/images/bg-top.jpg') top center no-repeat;
	border-bottom:1px solid #fff;
	padding-top:20px;
}

.page {
	width:900px;
	margin:0 auto;
}
#bg-top .page {
	background-color:#fff;
}
	


/* HEADER ---------------------------------------------------------------------- */

#header {
	background:url('/images/header.jpg') top left no-repeat;
	height:98px;
	overflow:hidden;
}
#header #logo a {
	outline:none;
}
#header #logo img {
	height:90px;
	width:190px;
}

#header #menus {
	width: 710px;
}

#toplinks {
	padding-top:2px;
	width:204px;
	float:right;
}
#toplinks ul, #toplinks li {
	padding:0;
	margin:0;
	background:none;
}
#toplinks li {
	width:102px;
	float:right;
}
#toplinks a {
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	text-align:center;
	text-decoration:none;
	height:14px;
	outline:none;
}
#toplinks a:hover {
	text-decoration:underline;
}



/* MENU ------------------------------------------------------------------------ */

#menu {
	padding-top:54px;
	width:707px;
	float:right;
}
#menu ul, #menu li {
	padding:0;
	margin:0;
	background:none;
}
#menu li {
	width:101px;
	float:right;
}
#menu a {
	background:url('/images/menu-tab.gif') top left no-repeat;
	display:block;
	padding-top:7px;
	height:21px;
	font-weight:bold;
	font-size:13px;
	text-align:center;
	text-decoration:none;
	outline:none;
}
#menu a:hover, 
body.root_134 #menu .about a, 
body.root_138 #menu .curriculum a, 
body.root_139 #menu .registration a, 
body.root_140 #menu .school-life a, 
body.root_141 #menu .parents a, 
body.root_142 #menu .news a, 
body.root_177 #menu .alumni a {
	background-image:url('/images/menu-hover.gif');
	color:#fff;
}
	


/* SUBNAV ---------------------------------------------------------------------- */

#nav {
	width:171px;
	padding:0 1px 65px 0;
	margin-right:20px;
}

#nav ul, #nav li {
	padding:0;
	margin:0;
	background:none;
}
#nav ul {
	margin:10px 0;
}
#nav li {
	background:url('/images/nav-separator.gif') bottom right no-repeat;
	padding-bottom:2px;
}
#nav li a {
	color:#134662;
	font-weight:bold;
	display:block;
	text-decoration:none;
	padding:3px 5px 3px 20px;
	font-size:12px;
	outline:none;
}
	
#nav li a:hover, #nav li.navactive a {
	background:url('/images/nav-hover.gif') right repeat-y;
	color:#216400;
}

#nav ul ul{
	margin:0;
}
#nav li li{
	background:none;
	padding-bottom:1px;
}
#nav li li a, #nav li.navactive li a {
	color:#134662;
	font-size:11px;
	background:none;
	padding-left:40px;
	font-weight:normal;
}
#nav li li a:hover, #nav li li.navactive a {
	background:url('/images/nav-hover.gif') right repeat-y;
	color:#216400;
}



/* CONTENT --------------------------------------------------------------------- */

#banner {
	background:url('/images/banner.jpg') top left no-repeat;
	height:105px;
	overflow:hidden;
}
#rootname {
	margin:82px 0 0 62px;
	width:360px;
}
#rootname #unlink, #rootname a {
	color:#333;
	text-decoration:none;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	outline:none;
}
#rootname a:hover {
	text-decoration:underline;
	color:#216400;
}

#address-wrapper {
	background:url('/images/nav-separator.gif') bottom right no-repeat;
}	
#address {
	background:url('/images/nav-separator.gif') top right no-repeat;
	margin-top:80px;
	padding:15px 5px 15px 20px;
}	
#address h3 {
	margin-top:0;
	font-size:12px;
}
	
#content-wrapper {
	background:url('/images/nav-bg.gif') left repeat-y;
}
#content {
	margin-top:5px;
	background:url('/images/nav-bottom.jpg') bottom left no-repeat;
	padding-bottom:15px;
}

#left {
	width:485px;
	margin-right:20px;
}

#right {
	width:195px;
	margin-top:-12px;
}
#right h2 {
	color:#134662;
}
#right h3 a {
	font-size:11px;
}

#right .paddedbox {
	background:url('/images/home-rightbox.jpg') top right no-repeat;
	padding:5px 10px;
}

#right .paddedbox hr {
	margin:5px -10px;
	background:url('/images/hr3.gif') bottom repeat-x;
	height:2px;
}
#right ul li {
	margin-left:2px;
}



/* HOME ------------------------------------------------------------------------ */

#impact {
	background:url('/images/impact.jpg') top left no-repeat;
	height:28px;
	padding:187px 0 0 494px;
	margin-bottom:5px;
}

#impact #register-button img {
	height:28px;
	width:145px;
	margin-right:12px;
}
#impact #register-button a {
	outline:none;
}

#impact #register-text {
	padding-top:8px;
	width:235px;
}
#impact #register-text a {
	font-size:10px;
	font-weight:bold;
	color:#5C6929;
	text-decoration:none;
	outline:none;
}
#impact #register-text a:hover {
	color:#689101;
	text-decoration:underline;
}

body.homepage #content {
	height:auto !important;
	height:420px;
	min-height:420px;
	background:none;
	padding-bottom:10px;
	margin:0;
}

body.homepage #left {
	width:455px;
	margin-right:10px;
	padding:0 10px 0 20px;
}

body.homepage #right {
	width:395px;
	padding:0 10px 0 0;
	margin:0;
}

body.homepage #left .paddedbox {
	background:url('/images/home-leftbox-bg.gif') left repeat-y;
	padding:0 0 0 15px;
}
body.homepage #left .paddedbox .depad, body.homepage #left .paddedbox hr {
	margin-left:-15px;
}
body.homepage #left .paddedbox h1 {
	margin-left:-10px;
}

body.homepage #right h3 a {
	font-size:13px;
}
body.homepage #right .paddedbox {
	padding:5px 15px;
}
body.homepage #right .paddedbox hr {
	margin:5px -15px;
}

body.homepage #right ul li {
	margin-left:20px;
}

#eventslist {
	margin-top:5px;
}
#eventslist li {
	margin-left:10px;
}
#eventslist a {
	font-weight:bold;
}



/* FOOTER ---------------------------------------------------------------------- */

#footer {
	background-color:#1b648b;
}
#footer .page {
	background: url('/images/footer-bg.jpg') bottom right no-repeat;
	padding:10px 0 60px 20px;
	width:880px;
}
#footer ul, #footer li {
	padding:0;
	margin:0;
	background:none;
}
#footer ul {
	margin-bottom:8px;
}
#footer li a {
	font-weight:bold;
	float:left;
	color:#fff;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #3a7ea2;
	text-decoration:none;
	outline:none;
}
#footer li.last a {
	border:none;
}
#footer li a:hover {
	text-decoration:underline;
}

#copyright {
	color:#bbd1dc;
	font-size:10px;
}
#copyright a {
	color:#bbd1dc;
	font-size:10px;
	outline:none;
}
#copyright a.separated {
	margin:0 10px;
	padding-right:10px;
	border-right:1px solid #3a7ea2;
}
#copyright a:hover {
	color:#fff;
}

#credit {
	float:right;
	padding-right:20px;
}
#credit a {
	color:#bbd1dc;
	font-size:10px;
	text-decoration:none;
}
#credit a:hover {
	text-decoration:underline;
	color:#fff;
}



/* FORMS ----------------------------------------------------------------------- */

input.styled, textarea.styled {
  border:none;
  border-bottom:1px solid #e3e3e3;
  border-right:1px solid #e3e3e3;
  color:#999;
  padding:4px 2px 2px 4px;
  font-size:10px;
  background:url('/images/formfield-bg.gif') top left no-repeat;
}
select.styled {
  border:1px solid #ccc;
  color:#999;
  padding:0;
}
input.button {}  



/* SITE MAP ------------------------------------------------------------------- */

.sitemap ul {
  margin:0 0 0 50px;
}
.sitemap ul ul {
  padding:0 0 0 22px;
  margin:0;
}
.sitemap li {
  background:none;
  list-style-image:url('/images/bullet-page.gif');
  margin:0 0 10px 0;
  background:none;
  padding:0;
}
.sitemap li a {
  font-size:12px;
  font-weight:bold;
}
.sitemap li li {
  margin: 0 0 4px 0;
  list-style-image:none;
  list-style-type:circle;  
}
.sitemap li li a {
  font-size:10px;
  font-weight:normal;
}
.sitemap li li li {
  margin:0;
}
.sitemap a:visited {
  color: #9bb5c2;
}
.sitemap a:hover {
  color: #689101;
}



/* CUSTOMIZATIONS -------------------------------------------------------------- */

h1.withbullet, h1.pagetitle {
	background:url('/images/h1-bullet.gif') 0px 5px no-repeat;
	padding:0 0 0 20px;
	margin:0;
}
h1.greenbullet {
	color:#216400;
	background:url('/images/h1-bullet2.gif') 0px 5px no-repeat;
	padding:0 0 0 20px;
	margin:0;
}

.greenlist li {
	background-image:url('/images/bullet2.gif');
}
.greenlist a {
	color:#216400;
	text-decoration:none;
}
.greenlist a:hover {
	color:#689101;
	text-decoration:underline;
}
hr.green {
	background-image:url('/images/hr2.gif');
}

.morelink {
	margin:1em 0;
	background:url('/images/more-bg.gif') top right no-repeat;
}
.morelink .row {
	padding:0 5px 4px 390px;
	color:#999;
}
.morelink a {
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
.morelink a:hover {
	text-decoration:underline;
}


.bigletter:first-letter {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#134662;
	font-size:36px;
  float: left;
  padding-right: 5px;
}


body.homepage #left .morelink .row {
	padding-left:360px;
}
body.homepage #left .paddedbox .morelink .row {
	padding-left:345px;
}
