﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table { margin: 0; padding: 0; }
fieldset,img,abbr { border: 0; }
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
a { text-decoration: none; }
ul {list-style-type:none;}
body {
	font-family: Arial, Candara, "Lucida Grande", "Lucida Sans", Verdana, Helvetica, sans-serif;
	font-size:13px;
}

p {margin:10px 0;}
h1 {padding:15px 0;color:#9caa3b;font-weight:bold; }
h2 {font-weight:bold; color:#9caa3b; }

.wrapper {
	width: 960px;
	margin: 0 auto;
	clear: both;
}

#header {
	min-width: 960px;
	background:#fff url(../img/header_bg.gif) repeat-x;
	background-position:0 10px;
}
#footer {
	clear:both; background:#333; padding:40px 0; color:#ccc; font-size:12px; border-top:#000 5px solid;
	background-image: url('../img/shade.png'); background-position: bottom;
}
#footer a {
	color:#ccc;
}

#content 
{
	background:#fff;
	padding: 30px 0;
}

ul#topRightMenu {clear:right; float:right; margin:5px 0 0 0;list-style-type:none;}
ul#topRightMenu a { color:#333;}
ul#topRightMenu li { float: left; padding: 0 5px; border-right:#999 1px dotted;}

div#countyMenu { clear:both; padding:15px 0; width:100%;}
div#countyMenu a { color:#333; }
div#countyMenu ul { list-style-type:none; clear:right; text-align:right; float:right; }
div#countyMenu li { float: left; border-right:#999 1px dotted; padding:3px 6px; background:#fff; display:inline;}

/*------------ menu related -----------------*/
#nav, #nav ul {
	clear:both;
	float: left;
	width: 960px;
	list-style: none;
	font-weight: bold;
	padding: 0;
	margin: 10px 0 0 0;
}

#nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 6px 20px;
	font-weight: bold;
	background-image: url('../img/shade.png'); background-position: bottom;
}

#nav li {
	float: left;
	padding: 0;
	width: 160px; /*adjusts header widths*/
}

#nav li ul {
	position: absolute;
	left: -9999px;
	height: auto;
	font-weight: normal;
	border-bottom:#900 4px solid;
	margin: 0;
	background: #666;
	width:auto;
}

#nav li li {
	clear:left;
}

#nav li ul a {
/*
	display:block;
	width:100%;
*/
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li 

li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #c58c00;
}

h2 {margin:30px 0 12px 0;}
.col452 a, .col212 a { color:#090;}
.col452 a:hover, .col212 a:hover { color:#900; text-decoration:none;}
#content ul li {background: url(../img/tick.png) no-repeat; background-position:0 4px; padding:3px 0 3px 24px;}


/*--- columns ----------------------*/
.col52 , .col132, .col212, .col292, .col372, .col452, .col532, .col612, .col692, .col772, .col852, .col932 {
	float: left;
	margin: 0 14px;
}

.col52  { width: 52px; }
.col132 { width: 132px; }
.col212 { width: 212px; }
.col292 { width: 292px; }
.col372 { width: 372px; }
.col452 { width: 452px; }
.col532 { width: 532px; }
.col612 { width: 612px; }
.col692 { width: 692px; }
.col772 { width: 772px; }
.col852 { width: 852px; }
.col932 { width: 932px; }



div#logo a {
	display: inline;
	background: url(../img/cjlogo.gif) center left no-repeat;
	width: 300px;
	height: 70px;
	text-indent: -9999px;
	float: left;
}
#tagLine {display:inline; float:left; width:200px; color:#666; margin:20px 0 0 0;}

#highlightcol {background:#c58c00; padding:20px;}
#highlightcol a { color:#000; font-weight:bold;}
#highlightcol a:hover { color:#fff; font-weight:bold;}
#highlightcol h2 { color:#fff; margin:20px 0 0 0;}
#highlightcol ul li { padding:3px 0; border-bottom:#f2c900 1px dotted; background:none;}


/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */
b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

ul#testimonials {}
ul#testimonials li {background: url(../img/tick.png) no-repeat; background-position:0 8px; padding:6px 0 6px 24px;}

ul#news {}
ul#news li {background: url(../img/news.png) no-repeat; background-position:0 8px; padding:6px 0 6px 24px;}

ul#offers {}
ul#offers li {background: url(../img/star.png) no-repeat; background-position:0 8px; padding:6px 0 6px 24px;}

/*#content a.btn {background: url(../img/actionbuttonbg.gif) repeat-x; padding:5px; font-weight:bold; color:#fff; border:#009 1px solid; margin:30px 0;}*/
/*#content a.btn { background:#666; padding:3px; }*/

input, select, textarea {padding:5px; background:#eaeaea; border:#ccc 1px solid; margin:3px;}

.tablelist {margin:0 0 10px 0;}
.tablelist tr td {border-bottom:#ccc 1px dotted; padding:15px 0px; vertical-align:top;}
.tablelist tr td a {color:#000;}
.tablelist tr td h2 {margin:0 0 5px 0; padding:0;}
.tablelist tr td h2 a {margin:0; padding:0; color:#9caa3b;}

#countylogolist a { margin:15px 0; display:block; width:200px; border:#fff 3px solid; text-align:center;}
#countylogolist a:hover { border:#ccc 3px solid;}

.tab {background:#c58c00;margin:0 1px;}

.light {color:#666;}
.small {font-size:11px; margin:5px 0 5px 0; clear:both;}
.divider {margin:0 5px;}
.rtalign {text-align:right;}
.confirmationMessage {text-align:center;}

.caption {width:100px; display:block; float:left; clear:left;}
.error {color:#c00; font-weight:bold;}
.accreditation {float:right;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.copyright{float:left; margin-top:30px;}

.sectionHeader {
	color:#333;
	font-size:12pt;
	margin:5px;
    padding:35px 0 5px 0;
    background: url(../img/hdots.gif) repeat-x;
    background-position:bottom;
    font-weight:bold;
    width:400px;
}
