/* CSS Document */

html {color:#000; background:#fff;}
body {text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:76%; color:#000; background:#fff; padding:0; border:0; margin:10px 0 0 0;}
a, a:visited {color:#006666;}
a:hover {text-decoration:none;}
#wrapper {width:750px; margin:0 auto; text-align:left; background:#f0f0f0;}
#head {
	width:750px;
	text-align:left;
	position:relative;
	background:#fff;
	padding: 0px;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	border-bottom-color: #58A1D5;
	margin: 0px;
}
#masthead {width:750px; text-align:left; position:relative; background:#fff url(images/cjbackground_01.gif) no-repeat; padding: 0px; height: 62px;}
h1#title {position:relative; width:375px; height:75px; padding:0; margin:0;}
/* start hide \*/
h1#title {overflow:hidden;}
/* end hide */
h1#title em {
	display:block;
	width:375px;
	height:60px;
	background:url(../graphics/head.gif);
	position:absolute;
	top:0;
	left:0;
	visibility: hidden;
}
h2#slogan {position:relative; width:375px; height:15px; padding:0; margin:0; text-align:left;}
/* start hide \*/
h2#slogan {overflow:hidden;}
/* end hide */
h2#slogan em {
	display:block;
	width:375px;
	height:15px;
	background:url(../graphics/slogan.gif);
	position:absolute;
	top:0;
	left:0;
	visibility: hidden;
}

h2 {text-align:center; font-weight:normal; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:.3em; margin:0 0 10px 0; padding-top:5px;}
h2 span {line-height:1.4em;}
h3 {font-size:1.1em;}

ul#submenu {
	list-style-type:none;
	float:right;
	text-align:right;
	margin:0 0 10px;
	padding:0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
ul#submenu li {font-size:0.8em; height:1.5em;}
ul#submenu li a, ul#submenu li a:visited {text-decoration:none; color:#333333; padding-right:5px; border-right:none;}

ul#submenu li a:hover {
	color:#58A1D4;
	border-right:5px solid #993366;
}

ul#mainmenu {
	clear:both;
	margin:0;
	padding:2px 2px 0px;
	list-style-type:none;
	text-align:center;
}
ul#mainmenu li {
	display:inline;
	padding:0px 2px 0;
	margin: 0px;
}
ul#mainmenu em, ul#mainmenu a, ul#mainmenu a:visited {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000033;
	text-decoration:none;
	padding:0 2px;
	border-bottom:1 solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
ul#mainmenu a:hover {
	background:#FFFFFF;
	color:#58A1D4;
	border: 1px solid #58A1D5;
}
ul#mainmenu em {
	font-style:normal;
	background:#58A1D5;
	color:#FFFFFF;
	border-bottom:1 solid #FFFFFF;
	border-top: 0px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
#info {width:750px; padding-bottom:10px; background:#fff; border-bottom:1px solid #6699CC;}
#foot {clear:both; width:750px; margin:0; padding-bottom:10px; background:#fff; border-bottom:1px solid #fff; border-top:5px solid #6699CC;}

dl.col1 {display:block; width:230px; float:left; padding:10px;}
* html dl.col1 {width:250px; w\idth:230px;}
dl.col1 dt {color:#6699CC; font-weight:bold; padding:0 0 10px 0;}
dl.col1 dd {margin:0; padding:0; font-size:0.85em; line-height:1.7em;}
dl.col1 dd a, dl.col1 dd a:visited {color:#006666; text-decoration:none;}
dl.col1 dd a:hover {color:#006699; text-decoration:underline;}
dl.clear {clear:both;}
.col2 {display:block; width:500px; float:left; border-right:1px dotted #6699CC; background:#fff;}
.col2 li {line-height:1.5em; font-size:0.9em;}
.col3 {
	display:block;
	width:229px;
	float:left;
	padding:0 10px;
	margin:0;
}
.col4 {display:block; width:230px; float:left; padding:0 10px; margin:0;}
.col5 {display:block; width:230px; float:left; padding:0 10px; height:20em; min-height:20em;  margin:0;}
.col6 {display:block; width:480px; float:left; padding:0 10px; margin:0;}

* html .col4 {width:248px; w\idth:230px;}


h2.line {border-top:1px solid #f0c992;}
/* start hide \*/
h2.line {margin:0 -10px 10px -10px;}
/* end hide */

h2.clear {clear:both; border-top:1px solid #f0c992;}


p {font-size:0.9em; text-align:justify; line-height:1.8em; font-family:verdana, arial, sans-serif; margin-top:0;}
.highlight {background:#abd9e9; font-family:georgia, "times new roman", serif; width:230px; font-style:italic; border-top:1px solid #6699CC; border-bottom:5px solid #6699CC;}
* html .highlight {width:225px;}
#sites {clear:both; width:750px; padding-bottom:10px; border-top:1px solid #f0c992; background:#f0f0f0;}
#sites dd {color:#686;}
pre {font-size:1.1em;}
* html pre {font-size:1em;}
#ads {clear:both; text-align:center; width:750px; margin-top:10px;}
.date {font-family:georgia, "times new roman", serif; font-size:1.1em; font-style:italic; color:#e09222; margin:0;}
.bold {font-weight:bold;}

h2#welcome:target, h2#search:target, h2#comments:target, h2#about:target, h2#approvals:target, h2#archives:target, h2#links:target {font-weight:bold; color:#c00;}
dt.spacer {margin-top:1em;}

#pagerank {border:0; width:66px; height:13px; float:right;}
#sspire {border:0;}