/*
based on design "andreas08" (v3.0 - Sep 11, 2012) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas08/
*/

/* addtoanybuttons */
/* #addtoany_buttons { display: flex; justify-content: right; } */
#addtoany_buttons { float: right; margin-top: 40px;}
#sharetext {float: left; font-weight: bold; padding-top: 0px;}

/* Body and tag styles */
* {margin:0; padding:0;}
body {font:76% Verdana,Tahoma,Arial,sans-serif; line-height:1.4em; text-align:center; color:#000000; background:#FFFFFF;}
a {color:#006600; font-weight:bold; text-decoration:none; background-color:inherit;}
a:hover {color:#000000; text-decoration:none; background-color:inherit;}
a img {border:none;}
p {padding:0 0 1.6em 0;}
p form {margin-top:0; margin-bottom:20px;}
img.left,img.center,img.right {padding:4px; border:1px solid #a0a0a0;}
img.left {float:left; margin:0 12px 5px 0;}
img.center {display:block; margin:0 auto 5px auto;}
img.right {float:right; margin:0 0 5px 12px;}

/* Header and navigation styles */
#container {width:1050px; margin:10px auto; padding:1px 0; text-align:left; background:#ffffff; color:#303030; border:2px solid #F2F2F2;}
#logobar {position: relative; height:110px; width:1008px; margin:0 1px 1px 1px; background:#FFFFFF; color:#006600;}
#logobar h1 {margin:10px 0 0 40px; font-size:1.4em; background-color:inherit; color:#006600; letter-spacing:-1px; font-weight:normal;}
#logobar h2 {margin:10px 0 0 40px; font-size:1.4em; background-color:inherit; color:#006600; letter-spacing:-1px; font-weight:normal;}

#falsebar {
  width: 1048px;
  background: #FFFFFF;
  color: #006600;
  border-top: 2px solid #006600;
  margin-bottom: 2px;
}

#navbar {height:2.2em; line-height:2.2em; width:998px; margin:0 1px; background:#FFFFFF; color:#006600; border-top: 2px solid #006600; border-bottom: 2px solid #006600;}
#navbar li {float:left; list-style-type:none; border-right:1px solid #ffffff; white-space:nowrap;}
#navbar li a {display:block; padding:0 30px; font-size:1em; font-weight:bold; text-decoration:none; background-color:inherit; color: #006600;} 
* html #navigation a {width:1%;}
#navbar .selected,#navigation a:hover {background:#80b0da; color:#ffffff; text-decoration:none;}

#navbar2 {height:2.2em; line-height:2.2em; width:958px; margin:1px 1px; background:#006600; color:#ffffff;}
#navbar2 li {float:left; list-style-type:none; border-right:1px solid #ffffff; white-space:nowrap;}
#navbar2 li a {display:block; padding:0 30px; font-size:0.8em; font-weight:normal; text-decoration:none; background-color:inherit; color: #ffffff;}
* html #navigation a {width:1%;}
#navbar2 .selected,#navigation a:hover {background:#80b0da; color:#ffffff; text-decoration:none;}

#mapdiv {
	display: block;
    width: 100%;
	float: left;
	border: none;
    padding-bottom: 20px;
}

#mapdiv img {
	display: block;
	border: 2px solid #006600;
    margin: 0 auto;
}

.howtodiv {
    width: 95%;
	font-size: 1.1em;
	float: left;
	border: solid 2px #006600;
	background: #F2F2F2;
    padding: 20px;
	margin-bottom: 10px;
}

/* drop-down menu */
ul#nav, ul#nav ul { padding: 0; margin: 0; list-style-type: none; }
ul#nav a { text-decoration: none; color: #fff; background: #000; display: block; width: 10em; padding: .2em; }
ul#nav li.submenu { float: left; position: relative; }
ul#nav li ul { position: absolute; left: -999em; }
ul#nav li:hover ul { left: 0; }

#breadcrumb {float:left; width: 93%; font-size:0.9em; padding:10px 0 0 10px;}
#breadcrumb a:hover,#subcontent a:hover {text-decoration:underline;}
#breadcrumb ul,#content ol {margin:0 5px 16px 35px;}

/* Content styles */
#content {float:left; width:715px; font-size:0.9em; padding:10px 0 0 10px;}
#content h1 {display:block; margin:0 0 16px 0; font-size:1.8em; font-weight:bold; letter-spacing:-1px; color:#006600; background-color:inherit;}
#content h2 {display:block; margin:0 0 16px 0; font-size:1.7em; font-weight:normal; letter-spacing:-1px; color:#006600; background-color:inherit;}
#content h2 a {font-weight:normal;}
#content h3 {margin:5px 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a:hover,#subcontent a:hover {text-decoration:underline;}
#content ul,#content ol {margin:0 5px 16px 35px;}
#content dl {margin:0 5px 10px 25px;}
#content dt {font-weight:bold; margin-bottom:5px;}
#content dd {margin:0 0 10px 15px;}

#contentwide {float:left; width: 93%; font-size:0.9em; padding:10px 10px 10px 10px; margin: 20px;}
#contentwide h1 {display:block; margin:0 0 16px 0; font-size:1.8em; font-weight:bold; letter-spacing:-1px; color:#006600; background-color:inherit;}
#contentwide h2 {display:block; margin:0 0 16px 0; font-size:1.7em; font-weight:normal; letter-spacing:-1px; color:#000000; background-color:inherit;}
#contentwide h2 a {font-weight:normal;}
#contentwide h3 {margin:5px 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#contentwide a:hover,#subcontent a:hover {text-decoration:underline;}
#contentwide ul,#content ol {margin:0 5px 16px 35px;}
  
#detailbox {text-align: center; display: block; width: 100%; float: left; border: 2px solid #006600; padding-top: 3px; margin-bottom: 5px;}
#detailbox h1 {display:block; margin:0 0 16px 0; font-size:1.7em; font-weight:bold; letter-spacing:-1px; color:#006600; background-color:inherit;}
#detailbox h2 {display:block; margin:0 0 16px 0; font-size:1.7em; font-weight:normal; letter-spacing:-1px; color:#000000; background-color:inherit;}
#detailbox h2 a {font-weight:normal;}
#detailbox h3 {margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#detailbox a:hover,#subcontent a:hover {text-decoration:underline;}

/* adv styles */
.addiv {margin:0 0 5px 0;}

/* Table styles */
tfoot {font-size: 10px; text-align: right; border-bottom: 1px solid white;}

tr.spacer td {font-weight: bold; background:#FFFFFF; border-left: 1px solid white; border-right: 1px solid white; border-top: 1px solid black; border-bottom: 1px solid black;}
tr.tblheader td {font-weight: bold; background:#FFFFFF; border-top: 1px solid black; border-bottom: 1px solid black;}

table.legend, table.legend tr, table.legend td {border: 1px solid white;}

table#occtable {border-width: 0 0 1px 1px; border-spacing: 0; border-collapse:collapse; width:100%; }
table#occtable tr {border-bottom: 1px solid #C0C0C0;}
table#occtable td {padding-left: 2px; padding-top: 1px; padding-bottom: 1px;}

table#ranktable {border-width: 0 0 1px 1px; border-spacing: 0; border-collapse:collapse; width:100%; }
table#ranktable tr {border-bottom: 1px solid #C0C0C0;}
table#ranktable td {padding-left: 2px; padding-top: 1px; padding-bottom: 1px;}

table#detailtable {border-width: 0 0 1px 1px; border-collapse:collapse; font-size: 2em; margin-left: auto; margin-right: auto;}
/* table#detailtable tr {border: 1px; border-spacing: 55px;} */
table#detailtable td {padding: 2px;}
table#detailtable tr.tblheader td {font-weight: bold; border: none; font-size: 0.5em;}
table#detailtable tr.national td {color: #666666;}
table#detailtable td.na td {font-size: 0.5em;}

table#jlcategories {width: 900px; border-width: 0 0 0 0; border-spacing: 0; border-collapse: collapse; margin-left: 40px;}
table#jlcategories tr {border: none;}
table#jlcategories td {padding-left: 2px; padding-top: 30px; padding-bottom: 30px; font-size: 20px; font-weight: bold;}


/* Sidebar styles */
#rsidebar {float:right; width:300px; padding:10px 10px 10px 0; line-height:1.4em;}
#rsidebar h2 {display:block; margin:0 0 15px 0; font-size:1.5em; font-weight:normal; text-align:left; letter-spacing:-1px; color:#505050; background-color:inherit;}
#rsidebar p {margin:0 0 5px 0; font-size:0.9em;}

/* Menublock styles */
.menublock {margin:0 0 20px 8px; font-size:0.9em;}
.menublock li {list-style:none; display:block; padding:5px; margin-bottom:2px;}
.menublock li a {font-weight:bold; text-decoration:none;}
.menublock li a:hover {text-decoration:none;}
.menublock li ul {margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li {margin-bottom:0;}
.menublock li ul a {font-weight:normal;}

/* Searchbar styles */
#searchbar {margin:0 0 20px 0;}
#searchbar form fieldset {margin-left:10px; border:0 solid;}
#searchbar #s {height:1.2em; width:110px; margin:0 5px 0 0; border:1px solid #a0a0a0;}
#searchbar #searchbutton {width:auto; padding:0 1px; border:1px solid #808080; font-size:0.9em; text-align:center;}

/* Footer styles */
#footer {clear:both; width:1048px; padding:5px 0; margin: 0 1px; font-size:0.9em; color:#006600; border-top: 3px solid #006600;}
#footer p {padding:0; margin:0; text-align:center;}
#footer a {color:#006600; background-color:inherit;}
#footer a:hover {color:#000000; background-color:inherit; text-decoration: underline;}

/* Misc classes and styles */
#countybox {font-size: 1em; margin: 0 0 5px 0; padding:5px; border:2px solid #006600; color:#006600;}
#countybox h3 {font-size: 1em; font-weight: bold;}
#countybox p {padding:0;}
.splitcontentleft {float:left; width:48%; margin-bottom: 10px;}
.splitcontentright {float:right; width:48%; margin-bottom: 10px;}
.clear {clear:both;}
.small {font-size:0.8em;}
.hide {display:none;}
.tagline {color: #121212; margin-left: 7px; font-weight:bold;}
.textcenter {text-align:center;}
.textright {text-align:right;}
.important {color:#f02025; background-color:inherit; font-weight:bold;}
.box {margin:0 0 20px 0; padding:10px; border:1px solid #c0c0c0; background-color:#fafbfc; color:#505050; line-height:1.5em;}
blockquote {font-family: Georgia, serif; width: 85%; margin: 0.25em 0; padding: 0.25em 40px; position: relative;}

/* .positive {color: #000066;} */
.positive img {background-color: #000066;}
.color1 img {background-color: #006600;}
.color2 img {background-color: #00B300;}
.color3 img {background-color: #00E600;}

.bar {
  padding-left: 0;
  padding-right: 0;
}

/* .bar.positive {
  text-align: left !important;
} */

/* for job search box */
input[type=submit] {
	font-family: Arial,sans-serif;
    border-radius: 15px;
    border: solid 1px #006600;
    color: #000000;
    font-weight: bold;
    width: 85px;
    height: 25px;
    background: #66FF66;
    margin-left: 3px;
}

input[type=submit]:hover {
    border-radius: 15px;
    border: solid 1px #006600;
    font-weight: bold;
    color: #000000;
    background: #FFFFFF;
    cursor: pointer;
}

/* the below CSS is for jobbox, jobroll, job listings, etc. */

#Jobbox_header{
        font-size: 18px;
        padding-bottom: 10px;
        color: #222222;
    }
#JobboxContent {
        padding-bottom: 5px;
    }
#JobboxContent .company_location{
        font-size: 11px;
        overflow: hidden;
    }
#JobboxContent .job {
        display:block;
        overflow: hidden;
    }
#Jobbox_wrapper {
        position: relative;
        font-family: Arial,sans-serif;
        font-size: 13px;
        font-weight: normal;
        line-height: 18px;
        margin-bottom: 5px;
        padding: 5px;
        overflow: hidden;
        border: 1px solid #dddddd;
        color: #000000;
        background-color: #ffffff;
    }
#Jobbox_wrapper a{
        color: #006600;
        text-decoration: none;
    }
#Jobbox_wrapper a:hover{
        color: #006600;
        text-decoration: underline;
    }
.Jobbox_jobtitle {
        font-size: 13px;
        text-decoration: none;
        border-top: 1px solid #DDDDDD;
    }
.Jobbox_jobtitle a{
        font-size: 13px;
        text-decoration: none;   
    }
.Jobbox_jobtitle a:hover{
        font-size: 13px;
        text-decoration: underline;   
    }    
.Jobbox_company {
        font-size: 11px;
        font-weight: normal;
    }
.Jobbox_location {
        font-size: 11px;
        color: #252525;
    }
.J2C_logo {
    	float:right;
        font-size:10px;
        text-decoration: none;
 	}
hr.hrstyle2 {
	border-top: 1px solid #DDDDDD;
	}

#Jobroll_header{
        font-size: 18px;
        padding-bottom: 10px;
        color: #222222;
    }
#JobrollContent {
        padding-bottom: 5px;
    }
#JobrollContent .company_location{
        font-size: 11px;
        overflow: hidden;
    }
#JobrollContent .job {
        display:block;
        overflow: hidden;
    }
#Jobroll_wrapper {
        position: relative;
        font-family: Arial,sans-serif;
        font-size: 13px;
        font-weight: normal;
        line-height: 18px;
        margin-bottom: 5px;
        padding: 5px;
        overflow: hidden;
        border: 1px solid #dddddd;
        color: #000000;
        background-color: #ffffff;
    }
#Jobroll_wrapper a{
        color: #006600;
        text-decoration: none;
    }
#Jobroll_wrapper a:hover{
        color: #000000;
        text-decoration: none;
    }
.jobtitle {
        font-size: 16px;
        text-decoration: none;
    }
.jobtitle a{
        font-size: 16px;
        text-decoration: none;   
    }
.jobtitle a:hover{
        font-size: 16px;
        text-decoration: none;   
    }    
.company {
        font-size: 15px;
        font-weight: bold;
    }
.location {
        font-size: 15px;
        color: #666;
    }
.apply-button {
    	position: relative;
    	color: #000000;
        text-decoration: none;
    	font-weight: bold;
    	background-color: #66FF66;
        border: solid 1px #006600;
    	text-align: center;
    	cursor: pointer;
    	border-radius: 15px;
    	padding: 2px 15px;
	}
.apply-button:hover {
    	background-color: #FFFFFF;
        border: solid 1px #006600;
    	color: #000000;
        text-decoration: none;
	}
.J2C_logo {
    	float:right;
        font-size:10px;
        text-decoration: none;
 	}
hr.hrstyle1 {
	border-top: 1px solid;
	}

#pagesdiv {
	text-align: center;
    font-size: 14px;
    font-weight: bold;
/*    font-family: Arial, Helvetica, sans-serif; */
    line-height:1.4em;
    margin: auto;
    width: 95%;
    border: none;
    padding: 1px;
}

#pagesdiv a:link, #pagesdiv a:visited {
		color: #006600;
		background: #FFFFFF;
		border: 1px solid #FFFFFF;
        padding-left: 6px;
        padding-right: 6px;
        margin-left: 1px;
        margin-right: 1px;
		}

#pagesdiv a:hover {
		color: #006600;
		background: #ECECEC;
		border: 1px solid #006600;
        padding-left: 6px;
        padding-right: 6px;
        margin-left: 1px;
        margin-right: 1px;
		}
        
#currentpage {
		color: #006600;
		background: #ECECEC;
		border: 1px solid #ECECEC;
        margin-left: 1px;
        margin-right: 1px;
		padding-left: 6px;
        padding-right: 6px;
		}