/* v1.0 | 20080212 */
/* Eric Meyer's CSS Reset */

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;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family: "Lucida Sans Unicode", "Lucida Grande", san-serif;
	font-size: 62.5%;
	color: #000033;
}
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;
}

/* GLOBAL */
body {
	background: #b2b2b2 url(../images/bg.jpg) repeat-x
}
#wrapper {
	width: 955px;
	margin: 0 auto;
}

.page-title {
	position: relative;
	top: -10px;
	margin: 0 auto;
	height: 10px;
	text-indent: -9999px;
	z-index: 200;
}

div.hr {
	background: url(../images/hr-dashed.gif) no-repeat;
	margin: 0 auto;
	height: 2px;
	width: 917px;
}

a, a:visited {
	text-decoration: none;
	color: #000033;
}

a:hover {
	color: #ffcc00;
}

/* HEADER */
#header {
	background: url(../images/header-bg3.gif) no-repeat top left;
	height: 143px;
	width: 955px;
	display:block;
	overflow: hidden;
	text-align: center;
	z-index: 1;
}

#header h1 {
	background: url(../images/title-trans.png) no-repeat;
	text-indent: -9999px;
	height: 53px;
	width: 673px;
	margin: 14px auto 0;
}

#header ul {
	position: relative;
	background: url(../images/header-nav-bg.gif) repeat-x;
	text-align: center;
	width: 857px;
	height: 23px;
	margin: 12px auto 0;
}

#header ul li {
	display: block;
	float: left;
	height: 8px;
	margin: 7px 4px;
}

#header ul li a {
	display: block;
	float: left;
	height: 8px;
	text-indent: -9999px;
	overflow: hidden;
}

#header ul li a.home { width: 34px; background: url(../images/header-nav-home.gif) no-repeat; }

#header ul li a.about { width: 150px; background: url(../images/header-nav-about.gif) no-repeat; }

#header ul li a.media { width: 36px; background: url(../images/header-nav-media.gif) no-repeat; }

#header ul li a.scholarships { width: 85px; background: url(../images/header-nav-scholarships.gif) no-repeat; }

#header ul li a.contribution { width: 162px; background: url(../images/header-nav-contribution.gif) no-repeat; }

#header ul li a.achievements { width: 116px; background: url(../images/header-nav-achievements.gif) no-repeat; }

#header ul li a.contact { width: 74px; background: url(../images/header-nav-contact.gif) no-repeat; }

#header ul li a:hover {
	background-position: 0 -8px;
}

#header ul li.bullet {
	top: 0px;
	width: 8px;
	background: url(../images/header-nav-bullet.gif) no-repeat top center;
}

#header ul li.anchor-left {
	background: url(../images/header-nav-anchor-left.gif) no-repeat;
	padding: 8px 0;
	width: 24px;
	margin: 0;
	position: relative;
	left: -12px;
}

#header ul li.anchor-right {
	background: url(../images/header-nav-anchor-right.gif) no-repeat;
	padding: 8px 0;
	width: 24px;
	margin: 0;
	position: relative;
	right: -12px;
}

/* FOOTER */
#footer {
	font-size: .9em;
	color: #000033;
	text-transform: uppercase;
	clear: both;
}

#footer ul {
	text-align: center;
	margin: 14px auto 0;
}

#footer ul li {
	display: inline;
	margin: 0 2px;
}

#footer p {
	text-align: center;
}

/* INDEX */
h2.index {
	width: 114px;
	background: url(../images/index-title.jpg) no-repeat;
}
p#legacy-copy {
	text-indent: -9999px;
	background: url(../images/index-legacy-copy.gif) no-repeat;
	margin: 10px auto 19px;
	width: 687px;
	height: 7px;
}

#index-content {
	background: url(../images/vr-dashed.gif) repeat-y 58% top;
}

#index-sergio {
	margin: 0 0 0 50px;
	vertical-align: bottom;
}

#index-mission {
	margin: 0 0 15px;
}

div.map {
	position: relative;
	float: left;
}

div.map-eastern {
	position: relative;
	float: left;
}

div.popup {
	display: none;
	position: absolute;
	background: url(../images/popup-bg.gif) no-repeat left top;
	width: 540px;
	height: 347px;
}

div.popup-eastern {
	display: none;
	position: absolute;
	background: url(../images/popup-eastern-bg.gif) no-repeat left top;
	width: 540px;
	height: 347px;
}

div.popup div.popup-content {
	position: absolute;
	top: 20px;
	left: 127px;
	width: 412px;
	height: 310px;
	overflow: auto;
}

div.popup-eastern div.popup-content-eastern {
	position: absolute;
	top: 20px;
	left: 5px;
	width: 412px;
	height: 310px;
	overflow: auto;
}


div#hamburg {
	top: -48px;
	left: -6px;
}

div#england {
	top: -47px;
	left: -51px;
}

div#germany {
	top: -33px;
	left: -11px;
}

div#lazio {
	top: -2px;
	left: 2px;
}

div#berlin {
	top: -49px;
	left: 20px;
}

div#eindhoven {
	top: -46px;
	left: -27px;
}

div#foxboro {
	top: 1px;
	left: 238px;
}

div#newyork {
	top: 9px;
	left: 238px;
}

div#ohio {
	top: 9px;
	left: 199px;
}

div#philly {
	top: 1px;
	left: 210px;
}

div#nj {
	top:  24px;
	left: 228px;
}



/* SCHOLARSHIPS */
h2.scholarships {
	width: 156px;
	background: url(../images/scholarships-title.jpg) no-repeat;
}

#scholarships-content {
	width: 910px;
	margin: 0 auto 32px;
	background: url(../images/scholarships-vr-dashed.gif) repeat-y 50% 170px;
	overflow: auto;
}

#receipients {
	width: 414px;
	float: left;
	font-size: 1.2em;
	line-height: 1.8em;
}

#receipients strong {
	text-transform: uppercase;
}

#receipients li {
	text-transform: uppercase;
}

#receipients .hofstra3 {
	background: url(../images/scholarships-hofstra-bg.gif) no-repeat;
	padding: 20px 40px 20px 198px;
	height: 1%;
}

#receipients .hofstra3 ul {
	margin: 20px 0 0 -163px;
}

#receipients .hofstra2 {
	background: url(../images/scholarships-hofstra-bg.gif) no-repeat;
	padding: 30px 60px 20px 198px;
	height: 1%;
}

#receipients .hofstra2 ul {
	margin: 31px 0 0 -163px;
}

#receipients .hchs {
	background: url(../images/scholarships-hchs-bg.gif) no-repeat;
	padding: 20px 80px 20px 115px;
	height: 1%;
}

#receipients .hchs ul {
	margin: 31px 0 0 -80px;
}

#receipients li ul li {
	text-transform: none;
}

#quotes {
	font-size: 1.0em;
	line-height: 1.4em;
	width: 419px;
	float: right;
}

#quotes dl {
	clear: both;
	padding: 22px 0;
}

#quotes dt {
	float: left;
	padding: 0 10px;
}

#quotes dl.alt dt {
	float: right;
}

#quotes dd {
	margin: 0 12px;
}

#quotes dd.author {
	font-style: italic;
}

#clear {
	clear: both;
}

/* CONTACT */
h2.contact {
	width: 114px;
	background: url(../images/contact-title.jpg) no-repeat;
}

#contact-content {
	width: 911px;
	margin: 20px auto;
	background: url(../images/contact-details-bg.gif) no-repeat right top;
}

#contact-details {
	float: right;
	display: inline;
	width: 225px;
	font-size: 1.1em;
	line-height: 1.1em;
	margin: 5px 75px 0 0;
}

#contact-details p {
	margin: 8px 0;
}

#contact-details strong {
	text-transform: uppercase;
	display: block;
	margin: 6px 0;
}

/* CONTRIBUTE */
h2.contribute {
	width: 244px;
	background: url(../images/contribute-title.jpg) no-repeat;
}

div.contribute {
	width: 911px;
	margin: 20px auto;
	overflow: auto;
}

div.contribute div {
	width: 423px;
}

div.contribute .internet {
	float: left;
}

div.contribute .mail {
	float: right;
}

div.contribute h3 {
	background: url(../images/contribute-section-bg.gif) no-repeat;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	font-size: 1.8em;
	letter-spacing: .1em;
	padding: 35px 0 45px;
}

div.contribute p {
	text-transform: uppercase;
	font-size: 1.4em;
	color: #666666;
	text-align: center;
	margin: 35px 0 0 0;
}

div.content {
	background: url(../images/contribute-vr-dashed.gif) repeat-y 50%;
}

div.content div.internet strong {
	width: 305px;
	margin: 0 auto;
	line-height: 1.4em;
}

div.content div.internet form {
	margin: 25px auto;
	width: 284px;
}

div.content div.internet img {
	display: block;
	margin: 0 auto 25px;
}

div.content ul {
	margin: 0 0 0 30px;
}

div.content strong {
	text-transform: uppercase;
	font-size: 1.3em;
	display: block;
}

div.content li {
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 30px;
	height: 1%;
}

li.first {
	padding: 0 0 0 65px;
	background: url(../images/step1.gif) no-repeat;
}

li.second {
	padding: 0 0 0 65px;
	background: url(../images/step2.gif) no-repeat;
}

#contribute-disclaimer {
	clear: both;
	text-align: center;
	width: 740px;
	margin: 10px auto;
	line-height: 1.4em;
}

/* MEDIA */
h2.media {
	width: 70px;
	background: url(../images/media-title.jpg) no-repeat;
}

object {
	margin: 0 10px 10px 0;
}

img.empty-box {
	vertical-align: top;
}

.photos {
	margin: 10px 0;
	text-align: center;
}

.photos h3 {
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: .1em;
	float: left;
	padding-bottom: .5em;
}

.photos h3 em {
	font-style: normal;
	color: #003366;
}

.photos div {
	clear: both;
	margin: 10px auto;
	width: 882px;
	text-align: left;
}

.photos div img {
	margin: 0 2px 4px 0;
}

/* ACHIEVEMENTS */
h2.achievements {
	width: 200px;
	background: url(../images/achievements-title.jpg) no-repeat;
}

dl.achievements {
	width: 754px;
	margin: 10px auto 0;
	text-align: center;
}

dl dt {
	font-size: 1.3em;
	letter-spacing: .05em;
	text-transform: uppercase;
	font-weight: bold;
}

dl dd {
	font-size: 1.1em;
	line-height: 1.4em;
	margin-bottom: 18px;
}

h3.goals, h3.featured-media {
	width: 906px;
	margin: 0 auto 25px;
	text-indent: -9999px;
}

h3.goals {
	background: url(../images/achievements-goals.gif) no-repeat;
}

h3.featured-media {
	background: url(../images/achievements-featured-media.gif) no-repeat;
}

ul.goals, ul.featured-media {
	width: 754px;
	margin: 0 auto;
	text-align: center;
}

ul.goals li, ul.featured-media li {
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 18px;
}

/* ABOUT THE FOUNDATION */
h2.about {
	width: 244px;
	background: url(../images/about-title.jpg) no-repeat;
}

blockquote {
	font-size: 2.3em;
	width: 685px;
	margin: 25px auto;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

div.about-content {
	width: 920px;
	margin: 0 auto;
	text-align: right;
}

div.sergio, div.kanovsky, div.foundation {
	text-align: left;
	clear: both;
}

div.sergio h3, div.kanovsky h3, div.foundation h3 {
	font-size: 1.6em;
	margin-bottom: 5px;
}

div.sergio h4, div.kanovsky h4, div.foundation h4 {
	font-size: 1.4em;
	margin-bottom: 8px;
}

div.kanovsky strong, div.foundation strong {
	display: block;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	margin: 10px 0;
}

div.sergio p, div.kanovsky p, div.foundation p {
	font-size: 1.0em;
	line-height: 1.5em;
	margin-bottom: 7px;
}

div.sergio {
	float: left;
	width: 430px;
}

div.kanovsky {
	float: right;
	width: 445px;
}

div.foundation {
	float: left;
	width: 430px;
}

div.foundation h3 {
	text-transform: uppercase;
}

div.about-content img {
	padding: 0;
	margin: 0;
}

img.sergio-uniform {
	float: left;
}

img.sergio-portrait {
	position: relative;
}