/*--------------------------------------------------------------
Reset CSS
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* This is where you set your desired font size. The line-height 
   and vertical margins are automatically calculated from this. 
   
   You have to add an extra calculation here because of IE, so that 
   all users may resize text manually in their browsers.
   
   The top one is for IE: The percentage is of 16px (default IE text size)
   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
   The second value is what all other browsers see (the wanted font size).

	 percentage / 8.3333333 = font size in px
*/
   
body          { font-size: 75%; }   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */
/*--------------------------------------------------------------
Page Setup 
--------------------------------------------------------------*/
body {
	background: #fff url(/img/oldboys/bg.gif) repeat-x;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	}
/*--------------------------------------------------------------
 Main Link Styles 
--------------------------------------------------------------*/
a { text-decoration: none; color: #0070e6; }
a:hover { text-decoration:underline; }
img { border:0; }
/*--------------------------------------------------------------
 Text formatting styles 
--------------------------------------------------------------*/
p           { margin: 0 0 1em 0; text-align:left; line-height: 1.55; font-size: 90%; }
p.date			{ color: #999; text-transform: uppercase; font-size: 80%; }
ul      		{ margin: 0 0 1.5em 0; }
li					{ line-height: 1.5; font-size: 90%; }
ul li				{ background: url(/img/bullet.gif) no-repeat 1px 6px; color: #043d83; padding:0px 0px 0px 15px; }
ol					{ margin: 0 0 1.5em 2em; }
ol li				{ list-style: decimal; }
/*--------------------------------------------------------------
 Heading Styles 
--------------------------------------------------------------*/
h1 { 
	font-size: 1.7em;
	color: #003e7e;
	font-weight: normal;
	margin-bottom: 1em;
	padding: 0.5em 0;
	border-bottom: 1px solid #d9e2ec;
}
h2 {
	font-size: 1.4em;
	border-bottom:1px dashed #D9E2EC;
	color:#003E7E;
	font-weight: normal;
	margin: 0 0 0.5em;
	padding-bottom:5px;
	clear: both;
}
#home h2 {
	font-size: 1.4em;
	color:#003E7E;
	border-bottom:none;
	font-weight: normal;
	padding: 9px 19px;
	margin: 0;
}
#home .news h2 {
	background-color:#F0F9FF;
	color:#003E7E;
}
h2 a {
	color:#000;
}
h3 {
	font-size: 90%; 
	color:#053E83;
}
.padFix h3 {
	margin-bottom: 1em;
}
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }
/*--------------------------------------------------------------
 Table Styles 
--------------------------------------------------------------*/
table   { margin-bottom: 1.5em; line-height: 1.5; width: 100%; }
table.wide   { width: 100%; }
th,td   { padding:1em; border:0.1em solid #ddd; vertical-align: top; }
th, td.bold, thead td  { font-weight:bold; }
thead tr { background: #fbfbfb; }

.sporting-tables td {
	width:120px;
}
.sporting-tables {
	margin:0 0 30px 0;
}
.padFix > p {
	margin-bottom:20px;
}
/*--------------------------------------------------------------
 Layout element styles 
-------------------------------------------------------------*/
#container {
	margin:0 auto;
	width:960px;
	text-align:left;
	}
#header {
	position: relative;
	height: 156px;
	background:url(/img/oldboys/bg-header.jpg) top right no-repeat;
	margin-bottom: 12px;
	z-index: 2;
	}
#content {
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	background: #fff url(/img/content-bg.gif) repeat-y;
	padding: 0 1px;
}
#left {
	float:left;
	width: 238px;
	background:#F9F9F9;
	}
#main {
	float: left;
	width: 313px;
	margin: 0 1px;
}
#right {
	float:right;
	width:398px;
	}
#footer {
	padding-top: 10px;
	}
.padFix {
	padding: 20px 30px;
}
#left-col {
	float: left;
	width: 578px;
	margin-right: 20px;
}
#right-col {
	float: left;
	width: 280px;
}
.sub-box {
	background:#f8fbff;
	padding:10px;
	margin-bottom:20px;
}

.padFix img {
	border: 1px solid #e4e4e4;
	padding:1px;
}
#left-col .header-img {
	border: 1px solid #e4e4e4;
	padding:1px;
	margin: 0px;

}

#header p a {
	color: #3C6997;
}

/*--------------------------------------------------------------
 Text Area styles 
-------------------------------------------------------------*/
.text h3 {
	color: #0070e6;
	font-size: 120%;
	padding: 0 19px;
	margin-top: 2em;
}
.text p {
	padding: 0 19px;
	font-size: 90%;
	margin-top: 0;
}
.text cite {
	font-style: normal;
	color: #003e7e;
}
/*--------------------------------------------------------------
 Header styles 
-------------------------------------------------------------*/
#logo {
	position: absolute;
	left: 13px;
	top: 25px;
	}
#search {
	position: absolute;
	right: 0;
	top: 42px;
}
#search-field {
	width: 144px;
	float: right;
	margin: 0;
	border: 1px solid #fff;
}
#search-button {
	float: right;
	border: 0;
	width: auto;
	margin: 0;
	padding: 0;
}
#header p {
	float: right;
	margin: 1.2em 0 0 0;
	font-size: 90%;
}
/*--------------------------------------------------------------
 Top Nav styles 
--------------------------------------------------------------*/
#top-nav {
	position: absolute;
	top: 126px;
	left: 0;
	width: 100%;
	height: 30px;
	background: url(/img/oldboys/bg-nav.gif) repeat-x;
}
#top-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#top-nav li {
	float: left;
	padding: 0;
	background: 0;
	list-style: none;
	}
#top-nav a {
	display: block;
	height: 30px;
	color: #fff;
	background: url(/img/bg-nav.gif) repeat-x;
	cursor: pointer;
	float: left;
	}
#top-nav ul li.current a {
	background-position: 0px -60px;
	text-decoration:none;
	}
#top-nav span {
	background: url(/img/bg-nav-left.png) no-repeat;
	display: block;
	float: left;
	}
#top-nav span span {
	background: url(/img/bg-nav-right.png) no-repeat 100% 0;
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	padding: 0 22px;
	float: left;
	}
#top-nav ul ul a { width: 100%; }
#top-nav ul ul span { background: 0; }

#top-nav a:hover {
	background-position: 0 -30px;
}
#top-nav li.hover > a { background-position: 0 -30px; }

#top-nav li li a {
	background: #003e7e;
	height: auto;
	border-top: 1px solid #0054ab;
	border-bottom: 1px solid #002953;
}
#top-nav li li a:hover {
	background: #0070e6;
	border-top: 1px solid #0098ef;
}
#top-nav li li span span {
	line-height: normal;
	padding: 5px 22px;
	height: auto;
}
#top-nav li li.parent > a {
	background-image: url(/img/parent-arrow.gif);
	background-repeat: no-repeat;
	background-position: 95% 9px;
}
#top-nav li li.parent > a:hover,
#top-nav li li.parent.hover > a {
	background: #0070e6 url(/img/parent-arrow-hover.gif) no-repeat 95% 9px;
}
/*--------------------------------------------------------------
 Sub Nav styles 
--------------------------------------------------------------*/
ul.subnav {
	margin: 0 0 0.5em;
	padding: 0;
	list-style: none;
	margin-bottom:20px;
	}
.subnav li {
	border-top: 1px dashed #d9e2ec;
	padding: 5px 0;
	font-size: 90%;
	line-height: normal;
	background: 0;
	padding-left: 19px;
	}
.subnav a {
	display:block;
	background: url(/img/subnav-bullet.gif) no-repeat 1px 4px;
	padding-left: 13px;
}
#right-col .subnav li .sub-on {
	display:block;
	background:#003e7e;
	color:#ffffff;
	padding:3px 3px 3px 10px;
	border:none;
	text-decoration:none;
}
.subsubnav  {
	margin-bottom:5px;
}
.subsubnav li a {
	background:none;
	padding-left:10px;
}
.subsubnav li {
	border:none;
	padding-bottom:0;
}
.download li {
	background: #f0f9ff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e4e4e4;
	padding: 5px 10px;
}
.download a {
	font-size: 90%;
	font-weight: bold;
	background: url(/img/icon-pdf.gif) no-repeat;
	padding-left: 26px;
	display: block;
	line-height: 16px;
}
#right-col h2 {
	border:none;
	padding:0 0 9px 0px;
	margin:0;
}
#right-col li {
	padding-left:3px;
}
/*--------------------------------------------------------------
 Footer specific styles 
--------------------------------------------------------------*/
#footer {
	background: #f9f9f9 url(/img/watermark-footer.gif) no-repeat 100% 0;
	padding: 15px 20px;
	margin: 10px 0;
	float: left;
	width: 920px;
}
#footer p {
	float: left;
	color: #7d7d7d;
	font-size: 90%;
	padding-right: 65px;
	margin: 0;
	line-height: 1.65;
}
#footer ul {
	float: right;
	font-size: 90%;
}
#footer li {
	background: 0;
	font-size: 100%;
}
/*--------------------------------------------------------------
 News styles 
--------------------------------------------------------------*/
.news {
	background: #e9f6ff;
}
.news h2 {
	margin: 0;
	border-bottom: 1px solid #D1E3EF;
}	
.item {
	padding:8px 10px 8px 40px;
	border-bottom: 1px solid #D1E3EF;
	border-top: 1px solid #fff;
	background: url(/img/icon-news.png) no-repeat 18px 11px;
}
.item:nth-child(even) {
	background-color: #f0f9ff;
}
.item:last-child {
	border-bottom: 0;
}
.item h3 {
	margin-bottom: 0.3em;
}
.item p {
	font-size: 90%;
	line-height: 1.5;
	margin: 0;
}
/*--------------------------------------------------------------
 Events styles 
--------------------------------------------------------------*/
.events {
	background: #fbfbfb;
}
#home .events h2 {
	background:none;
	color:#003E7E;
}
.events ul {
	margin: 0;
}
.events li {
	color: #89b1db;
	border-bottom: 1px solid #e4e4e4;
	padding: 8px 0 8px 20px;
	line-height: normal;
	background: 0;
}
.events li span {
	font-size:90%;
}
.events li:last-child {
	border: 0;
}
.events li:nth-child(even) {
	background: #fbfbfb;
}
.events strong {
	position:relative;
	float:left;
	color: #89b1db;
	font-weight: normal;
}
.event-detail {
	width:195px;
	float:right;
}



/*--------------------------------------------------------------
 Details styles 
--------------------------------------------------------------*/
.details {
	background: #fef6e5;
	padding-bottom: 1em;
}
#home .details h2 {
	background-color:#FEF6E5;
	color:#003E7E;
	padding-top:14px;
	}
.details p {
	float: left;
	padding: 0 19px;
	margin: 0;
}
.details ul {
	float: left;
	margin: 0;
}
.details li {
	padding-left: 25px;
	line-height: 1.9;
	font-size: 100%;
}
.details .envelope { background: url(/img/icon-envelope.gif) no-repeat 0 6px; }
.details .magnify { background: url(/img/icon-magnify.gif) no-repeat 0 3px; }
.details .info { background: url(/img/icon-info.gif) no-repeat 0 3px; }
.details .crest { background: url(/img/icon-crest.gif) no-repeat 0 3px; }
/*--------------------------------------------------------------
 Headlines styles 
--------------------------------------------------------------*/
.headlines {
	position: relative;
	height: 239px;
	top: 0;
	left: 0;
	z-index: 1;
}
.headlines.small {
	margin-bottom: 0.5em; 
	height: 170px;
}
.small .caption h3 {
	font-size: 100%;
}
.small .caption h3 a:hover {
	text-decoration: underline;
}
.home-text {
	padding: 0 20px;
}

.caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(/img/bg-headlines.png);
	width: 100%;
}
.caption .wrapper {
	padding: 12px 18px;
}
.caption h3 {
	color: #fff;
	font-size: 116%;
}
.caption p {
	color: #fff;
	margin: 0;
	font-size: 90%;
}
.caption a {
	color: #fff;
	text-decoration: underline;
	
}
/*--------------------------------------------------------------
 Grades styles 
--------------------------------------------------------------*/
#grades {
	margin: 0;
}
#grades li {
	border-top: 1px solid #fff;
	padding:0px;
}
#grades a {
	padding: 4px 20px 5px;
	display: block;
	color:#FFF;
}
#grades a:hover {
	text-decoration: underline;
}
#grades h3 {
	color: #fff;
	font-size: 116%;
	margin: 0;
}
#grades p {
	color: #fff;
	font-size: 90%;
	margin: 0;
}
#grades .elc {
	background: #dda244 url(/img/grades-elc.jpg) 100% 0 no-repeat;
}
#grades .k2 {
	background: #81a659 url(/img/grades-k2.jpg) 100% 0 no-repeat;
}
#grades .prep {
	background: #5ba1d8 url(/img/grades-prep.jpg) 100% 0 no-repeat;
}
#grades .high {
	background: #7294b5 url(/img/grades-high.jpg) 100% 0 no-repeat;
}

/*--------------------------------------------------------------
 Home Promo Button styles 
--------------------------------------------------------------*/
#home-promo {
	margin:0;
	padding:19px 0 0 0;
}
#home-promo li {
	border-top: 1px solid #fff;
	padding:0;
}
#home-promo a {
	padding: 4px 20px 5px;
	display: block;
	color:#FFF;
}
#home-promo a:hover {
	text-decoration: underline;
}
#home-promo h3 {
	color: #fff;
	font-size: 116%;
	margin: 0;
}
#home-promo p {
	color: #fff;
	font-size: 90%;
	margin: 0;
}
#home-promo .fee-payments {
	background: #dda244 url(/img/promo-fee.jpg) 100% 0 no-repeat;
}
#home-promo .crested-goods {
	background: #81a659 url(/img/promo-crested.jpg) 100% 0 no-repeat;
}
#home-promo .head-welcome {
	background: #5ba1d8 url(/img/promo-head.jpg) 100% 0 no-repeat;
}
#home-promo .old-boys {
	background: #7294b5 url(/img/grades-high.jpg) 100% 0 no-repeat;
}

/*--------------------------------------------------------------
 Form styles 
--------------------------------------------------------------*/
#lampada {
	padding: 0 15px 1em 15px;
}
#lampada fieldset {
	background: #ececec;
	padding: 10px;
	margin: 0;
}
#lampada p {
	font-size: 90%;
	line-height: 27px;
	margin: 0;
	float: left;
}
#lampada input {
	margin: 0 0 10px 0;
}
#lampada #login-button {
	border: 1px solid #bababa;
	background: #0b4585;
	color: #fff;
	width: 65px;
	float: right;
	margin: 0;
}
input, textarea {
	border: 1px solid #bababa;
	color: #003e7e;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 8px;
	width: 170px;
}
input {
	color: #000;
}
#message {
	height:180px;
	width:400px
}

input.button {
	border: 0;
	padding: 0;
	width: auto;
	vertical-align: bottom;
}
.button.indent {
	margin: 10px 0 0 70px;
}
.std-form {
	background: #ececec;
	padding: 10px 10px 0;
	margin-bottom: 1.5em;
}
.std-form input {
	margin-right: 5px;
}
.std-form fieldset {
	padding-bottom: 10px;
}
.std-form label {
	font-weight: bold;
	float: left;
	margin-top: 6px;
	width: 70px;
}


/*--------------------------------------------------------------
 Crested Store 
--------------------------------------------------------------*/
.crested-table td {
	padding:0px 20px 20px 0;
	margin:0px;
	border:0;
}
.crested-table img {
	margin:0 0 10px 0;
}
.crested-table h3 {
	margin:0 0 5px 0;
}


/*--------------------------------------------------------------
 Miscellaneous styles 
--------------------------------------------------------------*/
.center {text-align:center;}
.float-right {float:right;margin:0 0 14px 14px;}
.float-left {float:left;margin:0 14px 14px 0;}
.float-fix {overflow:hidden;clear:both;height:0;font-size:0;}
.hide { display: none; }
.fade { color: #999; }
p.divider { margin: 20px 0; border-bottom: 1px dashed #ccc; height: 1px; font-size: 0; clear: both; }
#alaress {
	float: right;
	margin-top: 20px;
	clear: right;
}
#alaress a {
	display: block;
	width: 18px;
	height: 19px;
	text-indent: -9999px;
	background: url(/img/alaress.gif) no-repeat;	
}
#alaress a:hover {

	background-position: 0 -19px;
}
#top-nav li a {
	background-image: url(/img/oldboys/bg-nav.gif);
}

/*--------------------------------------------------------------
 Extra Styles
--------------------------------------------------------------*/
.oldabout td {
	width:270px;
}
#contactForm {
	padding:20px;
	
}
fieldset {
	position:relative;
}
#contactForm .janitor {
	right:440px;
	top:-40px;
}
#top-nav .parent ul span span {
	font-size:11px;
}

/*--------------------------------------------------------------
 Search Results
--------------------------------------------------------------*/
.search-results li {
	background-image:none;
	border-top:1px solid #E4E4E4;
	padding:20px 20px 20px 20px;
	margin:0;
}
.search-results h3 {
	font-size:14px;
	margin-bottom:0px;

}
.search-results a {
	color:#000;
}
.search-results li:hover {
	background:#E9F6FF;
}



/*--------------------------------------------------------------
 Potentiality Login
--------------------------------------------------------------*/

.potentiality {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	margin-bottom:20px;
}
.potentiality form {
	padding-left:20px;
}
.potentiality form div {
	margin-bottom:10px;
}
.potentiality form a {
	font-size:10px;
}
.potentiality .loginButton input {
	background:#3e6d9d;
	color:#fff;
	cursor:pointer;
}
.potentiality input {
	padding:5px;
}
.potentiality input.submit-home {
	height:30px;
	width:182px;
}
.submit-poten {
	width:182px;
}


ul.sitemap li {
	list-style:none;
	background:none;
}
ul.sitemap li a {
	font-size:1.4em;
	display:block;
	color:#003E7E;
	border-bottom:1px dashed #D9E2EC;
}
ul.sitemap li li a {
	font-size:10px;
	display:block;
	padding:5px 0 0 0;
	border-bottom:0;
	color:#0070E6
	}
ul.sitemap>li {
	margin-bottom:20px;
}
#full-col {
	float:left;
	width:890px;
}