/*---------------------------------
Author: brian hasenkamp

Version: 2.20.07

Asenka Creative Services

http://www.asenka.com
---------------------------------*/

/*---------------------------------
Author: brian hasenkamp

Version: 2.20.07

Asenka Creative Services

http://www.asenka.com
---------------------------------*/

body {
	background-color:#FFF; /*:#A2988A;*/
	margin:0;
	padding:0;
}

#container {
	background-color:#FFF;
	width:750px;
	text-align:left;
	border:3px solid #00467F;
}
#header {
	width:700px;
	margin:25px 25px 0 25px;
	height:121px;
	background-image:url(../images/CJN_header1.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	border:none;
}
#nav {
	width:535px;
	float:right;
	position:relative;
	text-align:center;
	top:-36px;
	*top:-47px;
}
.navItem a, .navItem a:visited {
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	padding:4px 12px;
	margin:0 10px;
	background-color:#00467F;
	border:1px solid #FFF;
}
.navItem a:hover {
	background-color:#66CCFF;
}
.navItem { /* IE6 and 7 hack for padding */
	*padding:4px 0;
	*margin:4px 0;
}
#core {
	width:700px;
	min-height:400px;
	margin:15px 25px;
	_height:400px;
	float:left;
	_float:none;
}
#leftColumn {
	float:left;
	width:180px;
	background-color:#DCE2F0; /*:#DFDBD6;*/
	overflow:auto;
	height:450px;
}
#center {
	text-align:left;
	width:500px;
	margin_left:14px;
	float:left;
}
.content {
	margin:10px;
	float:left; /*used this to contain all elements, not sure why it needs it */
	_float:none;
}
#copyright {
	width:700px;
	text-align:center;
	background-color:#FFF;
	clear:both;
	margin:0 25px;
}
.filler {
	clear:both;
	width:750px;
	height:10px;
}
.columns {
	width:475;
	margin-top:3px;
	float:left;
}
.oneCol {
	width:150px;
	margin-right:10px;
	float:left;
}

/*---------------------------------
text styles
---------------------------------*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
}

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

a:hover {
text-decoration:underline;
}

h1{
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
color: #00467F;
text-transform:uppercase;
margin-bottom:0;
font-weight:bold;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
color: #00467F;
margin-bottom:0;
font-weight:bold;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #00467F;
margin-bottom:0;
font-weight:bold;
}

h4 {
background-color:#000000;
padding:4px 0;
width:155px;
color:#FFF;
text-align:center;
font-size:11px;
margin-bottom:4px;
font-weight:bold;
text-transform:uppercase;
}

p {
	font-size:11px;
	line-height:1.3em;
}
#leftColumn p {
	margin:0 0 3px 0;
}
#leftColumn h1 {
	padding:7px 0;
	font-size:14px;
	color:#000;
	border-bottom:2px solid #00467F;
	margin-bottom:7px;
}
#center p {
	margin:0 0 8px 0;
}
.columns p {
	padding-bottom:0px;
}
input {
	margin:2px 0;
	font-size:11px;
}
form {
	font-size:11px;
	margin:0;
}
.inlineText {
	margin-left:25px;
	font-size:11px;
	display:inline;
	vertical-align:middle;
}
.hilite {
	font-weight:bold;
	color:#00467F;
	font-size:1.1em;
}

#upperNav {
	color: #00467F;
	font-size:0.8em;
}
#copyright p {
	margin:5px 0 0 0; /* forced vertical centering */
	font-size:10px;
	color:#000;
}
#copyright a {
	font-size:10px;
	color:#000;
	text-decoration:none;
}
#copyright a:visited {
	color:#000;
}
#copyright a:hover {
	text-decoration:underline;
}
#center ul, #center li {
	list-style:disc;
}
/* vertical menu styles */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
width:145px; /* extra 10px smaller to leave room for scroll bar */
}
#menu dt {
cursor:pointer;
margin:3px 0;
/*min-height:20px; */
line-height:15px;
text-align:left;
font-weight:bold;
border:0px solid gray;
/* background: #fff; */
}
#menu dd {
border: 0px solid gray;
}
#menu li {
text-align:left;
margin-left:5px;
margin-bottom:2px;
/* background: #fff; */
}
#menu li.third {
text-align:left;
margin-left:15px;
margin-bottom:2px;
}
#menu li a, #menu dt a {
color:#000;
text-decoration:none;
display:block;
border:0 none;
/* height:100%; */
}

#menu li a:hover, #menu dt a:hover {
background: #eee;
}

.mentions {
position:absolute;
top :300px;
left :10px;
color:#000;
background-color:#ddd;
}