/* -------------------- basic properties */
h1, h2, h3 {
	font-family:   Optima, Verdana, Helvetica, sans-serif;
}

h1 { font-size: 1.5em;   margin: 0em 0em 0.5em 0em; /* trbl */ }
h2 { font-size: 1.17em;  margin: 0em 0em 0.5em 0em; /* trbl */ }
h3 { font-size: 1em;     margin: 0em 0em 0em   0em; /* trbl */ }

h3 + p { margin-top: 0; }

p {
	margin:        1em 0em 1em 0em; /* trbl */
	max-width:     40em;
}

/* note the li has a bottom margin, so the ol/ul shouldn't */
ol, ul {
	margin:        1em 0em 0em 0em; /* trbl */
	max-width:     40em;
	padding-left:  2em;
}

li {
	margin-bottom: 1em;
}

/* this blue color matches InterVarsity in the bannner */
a {
	color:           #0D3379;  /* med blue */
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border:        0;
}

table {
	border-collapse: collapse;
}

th {
	text-align:    left;
	white-space:   nowrap;
}

xxtr {
	vertical-align: top;
}

th, td {
	padding:       2px 4px;
}

hr {
	border:        0;
	border-top:    1px solid;
}


/* -------------------- generic styles */
.right {
	text-align:    right;
}

.center {
	text-align: center;
}

.required {
	color:         #cc0000;
}

.disabled {
	color:         #666666;
}

.border {
	border:        1px solid;
}

.indent {
	padding-left:  1em;
}

.inset {
	float:         right;
	margin-left:   0.5em;
}

.important {
	color:         #cc0000;
}


/* -------------------- body */
body {
	background:    #c5d5e6;  /* light blue */
	font:          11pt Trebuchet, serif;
	margin:        0;
}


/* -------------------- outer div centers page */
.outer {
	max-width:     760px;
	margin:        auto;    /* centered */
	margin-bottom: 1em;
	background:    white;
	border:        1px solid #0D3379;  /* dark blue */
	border-top:    0;
}


/* -------------------- top banner */
.banner {
	background:    url(img/ifl-banner-tag.png) no-repeat;
	height:        113px;
}

/* the anchor is empty; we pad it to cover the whole banner */
.banner a {
	position:      absolute;
	padding:       113px 760px 0px 0px;
}

/* ---------- top banner on home page */
.home .banner {
	background:    url(img/ifl-welcome-tag.png) no-repeat;
	height:        328px;
}

/* the anchor is empty; we pad it to cover the whole banner */
.home .banner a {
	position:      absolute;
	padding:       328px 760px 0px 0px;
}


/* -------------------- top navigation tabs */
.nav {
	margin:        0;
	padding:       0.5em 0em;
	background:    #f6f6f6;            /* light gray */
	border-top:    1px solid #0D3379;  /* dark blue */
	border-bottom: 1px solid #a7a7a7;  /* gray */
	color:         #a7a7a7;            /* gray */
	font:          10pt Optima, Verdana, Helvetica, sans-serif;
	text-align:    center;
}

.nav a,
.slidenav a {
	color:         black;
	margin:        0em 1em;
}

.slidenav a.disabled {
	color:         #666666;
}

/* set body class to make current nav tab bold */
body.home    .nav a.home,
body.events  .nav a.events,
body.picture .nav a.picture,
body.staff   .nav a.staff,
body.email   .nav a.email,
body.res     .nav a.res {
	font-weight:   bold;
}


/* -------------------- layout table */
/* this forces it to be as wide as possible, up to 760px,
 * but if the browser window < 760px it can be narrower. */
.layout {
	max-width:     760px;
	width:         100%;
}

tr.layout {
	vertical-align: top;
}


/* -------------------- main content column */
.content {
	padding:       1em;
}


/* -------------------- side navigation column */
.sidebar {
	font:          10pt Optima, Verdana, Helvetica, sans-serif;
	padding:       1em 1em 1em 0em;  /* trbl */
	white-space:   nowrap;
	width:         10em;
}

.sidebar h3 {
	font-size:      12pt;
	margin-bottom:  5px;
	padding-bottom: 2px;
	margin-top:     1.5em;
	border-bottom:  1px solid #d1d1d1;
}

.sidebar h3.first {
	margin-top:     0;
}


/* -------------------- forms */
.section td,
.section th {
	padding-top:    1em;
}

tr.top {
	vertical-align: top;
}