body
{
	font-family: Cardo;
	background-color: rgb(181,208,212);
	background-image: url(images/bg-67-blue3.png);
	color: rgb(0,0,0);
	font-variant-ligatures: common-ligatures;
	-webkit-font-variant-ligatures: common-ligatures;
	-webkit-font-feature-settings: "kern", "onum";
	font-kerning: normal;
	-moz-font-feature-settings:"dlig=1,onum=1;
	-moz-font-feature-settings:"dlig", "onum";  /* EDIT: new syntax for FF 15+ */
	-ms-font-feature-settings:"dlig", "onum";
	-o-font-feature-settings:"dlig", "onum";
	-webkit-font-feature-settings:"dlig", "onum";
	font-feature-settings:"dlig", "onum";
}

main, nav
{
	background-color: rgb(255,255,255);
	font-size:105%;
	max-height: 2000px;
	height: 100%;
	border: 1px solid rgb(92,146,153);
	overflow:auto;

}

nav
{
	display:block;
	text-align:center;
}

li
{
	xmargin-left: -30px;
	xmargin-right: -5px;
	xline-height: 2em;

}

h1
{
	font-family: Cardo;
	font-size:350%;
	line-height:1.2em;
	xcolor:rgb(19,21,102);
	color:rgb(23,25,122);
}
h2
{
	font-family: Cardo;
	font-size:140%;
	line-height:1.2em;
	font-weight:normal;
	color:rgb(23,25,122);
}

footer
{
	color: rgb(202,160,129);
	color: hsl(25,41%,65%);
}

.divider, hr, .narrow-hr
{
	border-top: 1px solid hsl(20,54%,56%);
	opacity: 0.25;
}


.titleL
{
	width: 245px; height: 101px;
	float: left;
	position: relative;
	left: -3px;
	background-image: url(../images/home/CN-masthead-left-101-high.png);
}

.titleR
{
	width: 276px; height: 101px;
	float: left;
	position: relative;
	margin-right: 20px;
	background-image: url(../images/home/CN-masthead-right-101-high.png);
}

.flourish
{
	background-image:
	url(images/home/corner-204-122-82-lt.png),
	url(images/home/corner-204-122-82-rt.png),
	url(images/home/corner-204-122-82-lb.png),
	url(images/home/corner-204-122-82-rb.png);
}

.generic-slide-caption
{
	width:120px;
	text-align: left;
	float:left;
	position:relative;
}

//Mascot slide show

.mascot-block1-2 /* in case we want to alter these independently */
{
}

.mascot-block3, #alt-caption.mascot-block3 /* in case we want to alter these independently */
{
}

aside
{
	font-size: 85%;
	font-family: Helvetica, sans-serif;
}

#alt-caption
{
	font-size: 88%;
	text-align:center; // center all text in the mascot slide show
}

footer
{
	margin-bottom: 20px;
}

h4
{
	display: inline-block;
	font-size: 60%;
	line-height: 130%;
	font-weight: normal;
}

.genericSlideshowContainer
{
	border:1px solid rgb(122,194,204);
	position:relative;
	left:-1px;

}


.pitch-window
{
	width:75%;
	font-size:105%;
	position:relative;
	margin: 30px auto;
	padding:20px;
	border:1px solid rgb(122,194,204);
	text-align:left;
}

.pitch-window-wide
{
	margin-right:auto;
	margin-left:auto;
	font-size:105%;
	position:relative;
	margin-top: 30px;
	margin-bottom: 30px;
	padding:20px;
	border:1px solid rgb(122,194,204);
	text-align:left;
}

.pitch-window0, .pitch-window0-double
{
	padding:5px;
	border:1px solid rgb(122,194,204);
	text-align:left;
	display:table-cell;
	border-radius: 5px;
}

.nav-pitch
{
	border:1px solid rgb(122,194,204);
	width:100%;
	border-radius: 5px;
}

.pitch-window0, .pitch-window0-double, .nav-pitch
{
	background-image: url(images/hatches2.png);
}

.nav-pitch td
{
	padding:10px;
}

.pitch-window0c
{
	padding:5px;
	border:1px solid rgb(122,194,204);
	text-align:center;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	display:table-cell;
}

em
{
	color:rgb(130,0,60);
	font-style: normal;
	font-weight:bold;
}

a:link, a:visited
{
	color:rgb(0,170,0);
	font-family:sans-serif;
	text-decoration: none;
}

a:hover, a:active
{
	color:rgb(120,200,120);
	text-decoration: underline;
}

.bullet
{
	width:7px;
	height:7px;
	position:relative;
	top:-1px;
	left:4px;
	margin-right:4px;
}

.bullet-left
{
	width:7px;
	height:7px;
	position:relative;
	top:-1px;
	left:0px;
	margin-right:4px;
}

.code
{
	xcolor:rgb(200,0,100);
	color:rgb(255,0,128);
	font-family:sans-serif;
	font-size:120%;
	border: 0px dotted black;
}

.pitch-window0-double
{
	display:inline-block;
	margin:0 0 7px 0;
	max-width:47.55%;
	min-width:256px;
	min-height:4em;
	height:100%;
}