/*
Colors
Blue used in navigation/menubar (#nav) and footer (#footer): #6699CC
Green used as background and font color for active links in navigation/menubar (#nav a:active): #00B185
Light green used in logo: #95D2BB
Yellow used for links (a:link): #FFCC00 
Charcoal/dark gray used for text: #333333
White: #FFFFFF
*/

body {
	margin: 20px 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}

h2 { 
	font-size: 1.6em;
	padding-top: 30px;
}

h3 { 
	font-size: 1.2em; 
	padding-top: 20px;
}

h4 { 
	font-size: 1.0em; 
	padding-top: 20px;
}

p, blockquote, ul, ol {
	line-height: 180%;
	text-align: justify;
	font-size: small;
}

.tight {
	line-height: 120%;
}

ul {
	margin-left: 0;
	padding-left: 0;
	list-style-position: inside;
	list-style-image: url(images/note.gif);
}

li {
  margin-top: 2em;
}

a {
	color: #FFCC00;
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
}

img {
	border: none;
}

img.center {   display: block;   margin-left: auto;   margin-right: auto; }


/* Header */

#header {
	width: 660px;
	height: 200px;
	margin: 0 auto;
}

/* Logo */

#logo {
	float: left;
	width: 214px;
	height: 200px;
	background: url(images/jnlogo-box.jpg);
}

/* Photo */

#photo {
	float: right;
	width: 437px;
	height: 200px;
}


/* Nav */

#nav { 
	width: 660px;
	height: 40px;
	margin: 0 auto; 
	padding: 0;
	background-color: #6699CC;
	border-top: 9px solid #FFFFFF;
} 


#nav ul {
	margin: 0;
}

#nav li { 
	display: inline; 
	padding: 0; 
	margin: 0;
	text-align: center;
	position:relative;
	left: 19px; 
} 

#nav a:link, #nav a:visited, #nav a:active { 
	color: #FFCC00; 
	background-color: #6699CC; 
	padding: 12px 15px 0 15px; 
	float: left; 
	width: auto;
	text-decoration: none;
	font-weight: bold;
} 

#nav a:hover { 
	background-color:#6699CC; 
	text-decoration: none;
	color: #FFFFFF;
	height: 28px; 
}


#nav .sel a { 
	background-color: #FFFFFF;
	text-decoration: none;
	color: #6699CC;
	height: 28px;
} 


/* Content */

#content {
	width: 660px;
	margin: 0 auto;
	background: url(images/bg-content.gif);
	border-top: 9px solid #FFFFFF;
}

#wideCol {
	float: left;
	width: 397px;
	padding: 0 20px 20px 20px;
}

.alignLeft { float:left; margin-right: 1em; margin-top: .5em}

.alignRight { float:right; margin-left: 1em; }

.alignTop { float:right; margin-bottom: 1em; }

#narCol {
	float: right;
	width: 174px;
	padding: 20px 20px 20px 20px;
}

#narCol .sel a {
	color: #333333;
} 

#narCol p, blockquote, ul, ol {
	line-height: 120%;
	text-align: left;
	font-size: small;
	list-style-position: inside;
}

#extra {
	height: 10px;
	clear: both;
}


#about_table p {
	line-height: 120%;
	text-align: left;
}


/* Footer */

#footer {
	width: 660px;
	height: 51px;
	margin: 0 auto;
	border-top: 9px solid #FFFFFF;
}

#footer p {
	margin: 0;
	color: #FFFFFF;
}

#footer a {
}