body {
margin: 0;
padding: 0;
color: #222;
background: #4A4A4A url(images/jc_body_bg.gif) top left repeat-x;
font-size: 62.2%;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

p img , div#masthead img {
	border: 1px solid #4A4A4A;
}

img.partners {
	border: 0px;
}

div#wrapper {
width: 737px;
padding: 0;
margin: 0 auto 30px auto;
background: #FFF url(images/jc_wrapper_bg.gif) 0 0 repeat-y;
}

div#rightside div#content div#jobnet {
position: absolute;
top: 120px;
left: 335px !important;
left: 325px;
width: 76px;
height: 75px;
background: transparent url(images/jc_jobnet.gif) top left no-repeat;
}

div#rightside div#content div#jobnet a {
display: block;
width: 73px;
height: 73px;
border-bottom: none;
background-color: transparent;
text-decoration: none;
}

div#rightside div#content div#postjobnet {
position: absolute;
top: 120px;
left: 335px !important;
left: 325px;
width: 76px;
height: 75px;
background: transparent url(images/jc_postjobnet.gif) top left no-repeat;
}

div#rightside div#content div#postjobnet a {
display: block;
width: 73px;
height: 73px;
border-bottom: none;
background-color: transparent;
text-decoration: none;
}

div#leftside {
width: 224px;
float: left;
margin: 0 0 20px 0;
color: #EAEAEA;
background-color: #676767;
display: inline;
padding: 0;
}

div#leftside h1 {
width: 224px;
height: 205px;
padding: 0;
margin: 0;
}

div#leftside h1 a {
margin: 0;
padding: 0;
border: 0;	
}

div#leftside h1 a:hover {
margin: 0;
padding: 0;
border: 0;	
}

div#leftside h1 a img {
margin: 0;
padding: 0;
border: 0;	
}

div#leftside ul#sidenav {
margin: 15px 10px;
padding: 0 0;
list-style-type: none;
font-size: 1.5em;
}

div#leftside ul#sidenav li {
padding: 0;
margin: 0;
border-bottom: 1px solid #676767;
}

div#leftside ul#sidenav li a {
color: #EAEAEA;
background-color: #676767;
text-decoration: none;
padding: 3px;
display: block;
border-top: 1px solid #676767;
border-bottom: 1px solid #676767;
}

div#leftside ul#sidenav li a:hover {
color: #FFF;
background-color: #5681B7;
padding: 3px;
border-top: 1px solid #AAA;
border-bottom: 1px solid #AAA;
}

div#leftside h2 {
padding: 2px 15px;
margin: 12px 10px 0 10px;
font-size: 1.8em;
color: #FFF;
border-top: 1px solid #AAA;
border-bottom: 1px solid #AAA;
text-align: left;
background-color: #5681B7;
}






div#leftside ul#events {
margin: 0 10px 30px 10px;
padding: 0;
list-style-type: none;
border-bottom: 1px solid #111;
}

div#leftside ul#events li {
padding: 0;
border-bottom: 1px solid #676767;
text-align: left;	
}

div#leftside ul#events li h3 {
padding: 0;
margin: 0;
font-size: 1.5em;
font-weight: normal;
}

div#leftside ul#events li h3 a {
color: #EEE;
background-color: #303030;
text-decoration: none;
display: block;
padding: 5px 15px;	
}

div#leftside ul#events li h3 a span {
padding: 0;
margin: 0;
color: #CCC;
background-color: #303030;
font-size: .7em;
display: block;
}

div#leftside ul#events li h3 a:hover {
color: #FEFC57;
text-decoration: none;
background-color: #202020;	
}

div#leftside ul#events li h3 a:hover span {
color: #CCC;
background-color: #202020;
}







div#leftside ul#links {
margin: 0 10px 30px 10px;
padding: 0;
list-style-type: none;
border-bottom: 1px solid #111;
}

div#leftside ul#links li {
padding: 0;
border-bottom: 1px solid #676767;
text-align: left;	
}

div#leftside ul#links li h3 {
padding: 0;
margin: 0;
font-size: 1.5em;
font-weight: normal;
}

div#leftside ul#links li h3 a {
color: #EEE;
text-decoration: none;
display: block;
padding: 5px 15px;
background: #303030 url(images/external.gif) 95% 30% no-repeat;
}

div#leftside ul#links li h3.internal a {
color: #EEE;
text-decoration: none;
display: block;
padding: 5px 15px;
background: #303030;
}

div#leftside ul#links li h3 a span {
padding: 0;
margin: 0;
color: #CCC;
background-color: #303030;
font-size: .7em;
display: block;
}

div#leftside ul#links li h3 a:hover {
color: #FEFC57;
background: #202020 url(images/external_on.gif) 95% 30% no-repeat;
text-decoration: none;
}

div#leftside ul#links li h3.internal a:hover {
color: #FEFC57;
background: #202020;
text-decoration: none;
}

div#leftside ul#links li h3 a:hover span {
color: #CCC;
background-color: #202020;
}

div#leftside p.caption {
color: #EEE;
background-color: #676767;
font-size: 1.1em;
padding: 0 15px;
margin: -20px 0 0 0;
}

div#leftside p.caption img {
margin: 0 10px 0 10px;
}







div#rightside {
color: #222;
background-color: #5681B7;
padding: 25px 0 0 0;
margin: 0 0 0 224px;
}

div#rightside div#frontdesk {
overflow: hidden;
color: #FFF;
background-color: #5681B7;
}

div#rightside div#frontdesk ul {
padding: 5px 0 7px 0;
margin: 0 0 0 100px;
list-style-type: none;
}

div#rightside div#frontdesk ul li {
display: inline;
font-size: 12px;
margin: 0 0 0 3px;
padding: 0 0 0 0;
}

div#rightside div#frontdesk ul li.description {
display: inline;
font-size: 11px;
margin: 0;
padding: 0 15px 0 0;
background: transparent url(images/jc_arrow.gif) center right no-repeat; 
}

div#rightside div#frontdesk ul li a {
color: #FFF;
text-decoration: none;
padding: 5px 30px 5px 30px;
background-color: #8AA8CD;
border-bottom: 2px solid #5A6D85;
}

div#rightside div#frontdesk ul li a:hover {
color: #222;
background-color: #8AA8CD;
}

div#rightside div#frontdesk ul li.here a {
background-color: #FFF;
background-image: none;
color: #222;
font-weight: bold;
border-bottom: 2px solid #FFF;
}

div#rightside div#frontdesk ul li.here a:hover {
color: #222;
background-color: #FFF;
}

div#rightside div#content {
padding: 0 30px 10px 30px;
background-color: #FFF;
}

div#rightside div#content div.business {
background-color: #BDDAFE;
border: 1px solid #94A3FF;
color: #000;
padding: 10px;
margin: 10px 0;
}

div#rightside div#content div.business h3 {
font-size: 2.5em;
border-bottom: 1px solid #FFF;
color: #000;
background-color: #BDDAFE;
}

div#rightside div#content div.business p {
font-size: 1.3em;
line-height: 1.2em;
padding: 2px;
color: #000;
background-color: #BDDAFE;
}

div#rightside div#content div.business p.more {
text-align: right;	
}

div#rightside div#content div.business p.more a {
color: #446C9E;
background-color: #FFF;
padding: 3px;
border: 1px solid #2C5385;
}

div#rightside div#content div.business p.more a:hover {
padding: 3px;
border: 1px solid #2C5385;
color: #FFF;
background-color: #5681B7;
}

div#rightside div#content div.seeker {
background-color: #FFDE91;
border: 1px solid #FFBD24;
color: #000;
padding: 10px;
margin: 10px 0;
}

div#rightside div#content div.seeker h3 {
font-size: 2.5em;
border-bottom: 1px solid #FFF;
color: #000E62;
background-color: #FFDE91;
}

div#rightside div#content div.seeker p {
font-size: 1.3em;
line-height: 1.2em;
padding: 2px;
color: #000E62;
background-color: #FFDE91;
}

div#rightside div#content div.seeker p.more {
text-align: right;	
}

div#rightside div#content div.seeker p.more a {
color: #446C9E;
background-color: #FFF;
padding: 3px;
border: 1px solid #2C5385;
}

div#rightside div#content div.seeker p.more a:hover {
padding: 3px;
border: 1px solid #2C5385;
color: #FFF;
background-color: #5681B7;
}

div#rightside div#content div#masthead {
	margin: 0 0 10px 0;
}

div#rightside div#content h2 {
margin: 0 0 10px 0;
font-size: 2.5em;
color: #446C9E;
background-color: #FFF;
}

div#rightside div#content h2 span a {
font-size: 11px;
color: #CCC;
background-color: #FFF;
text-decoration: none;
border: 0;	
}

div#rightside div#content h2 span a:hover {
font-size: 11px;
color: #000;
background-color: #FFF;
text-decoration: none;
border: 0;	
}

div#rightside div#content p.hxlink {
margin: -10px 0 10px 0;
background-color #FFF;
padding: 0 0 0 3px;
font-size: 1.3em;
}

div#rightside div#content p.hxlink a {
color: #666;
background-color #FFF;
border: none;
text-decoration: none;	
}

div#rightside div#content p.hxlink a:hover {
color: #000;
background-color: #FFF;
border: none;
text-decoration: none;	
}

div#rightside div#content div.bdetail {


border-bottom: 1px solid #CCC;
margin: 20px 0;
font-size: .8em;
}

div#rightside div#content div.bdetail h3 {
color: #446C9E;
background-color: #EEE;
border-bottom: 1px solid #222;
padding: 3px 3px 1px 3px;
}

div#rightside div#content div.bdetail p {
line-height: 1.2em;
padding: 0 3px;
}

div#rightside div#content div.bdetail ul li a {
}

div#rightside div#content h2.home {
margin: 0 0 10px 0;
font-size: 2.6em;
padding: 1.2em 45px .5em .1em;
background-image: url(images/jc_h2_bg.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

div#rightside div#content h2.vets {
margin: 0 0 10px 0;
font-size: 2.7em;
padding: .5em 45px .5em .1em;
background-image: url(images/jc_h2_bg_vets.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

div#rightside div#content h3 {
margin: 10px 0 10px 0;
padding: 0;
font-size: 2em;
color: #446C9E;
background-color: #FFF;
}

div#rightside div#content h4 {
margin: 10px 0 0 0;
padding: 0;
font-size: 1.5em;
color: #446C9E;
background-color: #FFF;
}

div#rightside div#content div#EventNav h2 {
color: #446C9E;
border-bottom: 1px solid #777;
padding: 0;
font-weight: normal;
}

div#rightside div#content div#EventNav h2 span.nolink {
background-color: #FFF;
padding: 2px 3px 3px 3px;
border-top: 1px solid #777;
border-right: 1px solid #777;
border-left: 1px solid #777;
margin: 0 0 0 5px;
font-size: 18px;
}


div#rightside div#content div#EventNav h2 span a {
font-size: 12px;
color: #555;
background-color: #EEE;
text-decoration: none;
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
padding: 2px 3px 3px 3px;	
}

div#rightside div#content div#EventNav h2 span a:hover {
font-size: 12px;
color: #222;
background-color: #DADADA;
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
text-decoration: none;
padding: 2px 3px 3px 3px;	
}

div.events {
background: #FFF url(images/jc_event_big.gif) 100% 30px no-repeat;
}

div.workshops {
background: #FFF url(images/jc_workshop_big.gif) 100% 30px no-repeat;
}

div.classes {
background: #FFF url(images/jc_class_big.gif) 100% 30px no-repeat;
}

div.events,
div.workshops,
div.classes {
border-bottom: 1px solid #444;
margin: 20px 0;
font-size: .8em;
}

div#rightside div#content div.events h3,
div#rightside div#content div.workshops h3,
div#rightside div#content div.classes h3 {
color: #446C9E;
background-color: #EEE;
border-bottom: 1px solid #BBB;
padding: 3px 3px 1px 3px;
margin: 0;
font-size: 2em;
}

div#rightside div#content div.events p,
div#rightside div#content div.workshops p,
div#rightside div#content div.classes p {
margin: 10px 0;
font-size: 1.6em;
line-height: 1.2em;
padding: 0 100px 0 0;
}

div#rightside div#content div.events p.label,
div#rightside div#content div.workshops p.label,
div#rightside div#content div.classes p.label {
margin: 10px 0 -10px 0;	
}







div#rightside div#content a {
color: #222;
background-color: #FFF;
text-decoration: none;
border-bottom: 1px solid #000;
}

div#rightside div#content a:hover {
color: #FFF;
background-color: #5681B7;
border-bottom: 1px solid #000;
}

div#rightside div#content p {
margin: 10px 0;
font-size: 1.5em;
line-height: 1.6em;
padding: 0;
position: relative;
}

div#rightside div#content p.label {
margin: 10px 0 -12px 0;	
}

div#rightside div#content ul {
margin: 5px 0 5px .4em;
padding: 0;
list-style-type: none;
}

div#rightside div#content ul li {
font-size: 1.5em;
background-image: url(images/jc_bullet.png);
background-repeat: no-repeat;
background-position: 0 0; /* was 0 50% */
padding: 0 0 0 1.3em;
margin: 0 0 .5em 0;
}

div#rightside div#content li ul li {
font-size: 1.0em;
background-image: url(images/jc_bullet.png);
background-repeat: no-repeat;
background-position: 0 0; /* was 0 50% */
padding: 0 0 0 1.3em;
margin: 0 0 .5em 0;
}

div#rightside div#content div#seekers {
padding: 10px 155px 10px 10px;
margin: 10px 0;
border: 1px solid #FFBD24;
background: #FFDE91 url(images/jc_seekers_bg.gif) top right no-repeat;
color: #000E62;
position: relative;
}

div#rightside div#content div#seekers h3 {
margin: 0;
font-size: 2.0em;
color: #000E62;
background-color: #FFDE91;
}

div#rightside div#content div#seekers p {
margin: 0;
font-size: 1.6em;
line-height: 1.4em;
padding: 5px 0 5px 0;
}

div#rightside div#content div#seekers ul {
margin: 0 0 0 .4em;
padding: 5px 0 5px 0;
list-style-type: none;
}

div#rightside div#content div#seekers ul li {
font-size: 1.6em;
background-image: url(images/jc_seekers_bull.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0 0 1.1em;
margin: 0 0 .3em 0;
}

div#rightside div#content div#seekers ul li a {
text-decoration: none;
border-bottom: 1px solid #FF7800;
background-color: #FFDE91;
color: #000E62;
}

div#rightside div#content div#seekers ul li a:hover {
background-color: #505DAD;
color: #FFF;
}

div#rightside div#content div#employers {
padding: 10px 155px 10px 10px;
margin: 10px 0;
border: 1px solid #94A3FF;
background: #BDDAFE url(images/jc_employers_bg.gif) top right no-repeat;
color: #000;
position: relative;
}

div#rightside div#content div#employers h3 {
margin: 0;
font-size: 2.0em;
color: #000;
background-color: #BDDAFE;
}

div#rightside div#content div#employers p {
margin: 0;
font-size: 1.6em;
line-height: 1.4em;
padding: 5px 0 5px 0;
}

div#rightside div#content div#employers ul {
margin: 0 0 0 .4em;
padding: 5px 0 5px 0;
list-style-type: none;
}

div#rightside div#content div#employers ul li {
font-size: 1.6em;
background-image: url(images/jc_employers_bull.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0 0 1.1em;
margin: 0 0 .3em 0;
}

div#rightside div#content div#employers ul li a {
text-decoration: none;
border-bottom: 1px solid #94A3FF;
background-color: #BDDAFE;
color: #000;
}

div#rightside div#content div#employers ul li a:hover {
background-color: #505DAD;
color: #FFF;
}

.light {
background-color: #FFF;	
}

.dark {
background-color: #E7EFFF;
}

table {
width: 98%;
}

table tr td {
padding: 5px;
}

th {
text-align: left;
font-size: 1.1em;
font-weight: bold;
color: #222;
padding: 5px;
border-bottom: 2px solid #CCC;
}

td.croom {
width: 200px;
}

.room {
font-size: 2.1em;
font-weight: bold;
letter-spacing: -1px;
text-align: left;
}

.capacity {
font-size: 1.4em;
color: #BBB;
font-weight: bold;	
}

.special {
font-size: 1.2em;
color: #AAA;
font-weight: normal;
display: block;
}

.price {
text-align: left;
font-size: 1.4em;
color: #505DAD;
width: 50px;
}

.image {
text-align: left;
}

.image a {
border: 0;
padding: 0;
text-decoration: none;
}

a img {
border: 0;
padding: 0;
}



div#rightside div#content div#hours {
padding: 10px;
margin: 12px 0;
}

div#rightside div#content div#hours h3 {
margin: 0;
font-size: 1.9em;
}

div#rightside div#content div#hours p {
margin: 0;
font-size: 1.6em;
line-height: 1.4em;
padding: 0;
}

div#rightside div#content div#directions {
padding: 10px;
margin: 12px 0;
}

div#rightside div#content div#directions h3 {
margin: 0;
font-size: 1.9em;
}

div#rightside div#content div#directions p {
margin: 0;
font-size: 1.6em;
line-height: 1.4em;
padding: 0;
}

div#footer {
background: #99BFBE url(images/jc_footer_bg.gif) top left repeat-x;
margin: 20px 0 0 0px;
width: 737px;
color: #4A4A4A;
clear: left;
}

div#footer p {
padding: 8px;
margin: 0;
text-align: center;
font-size: 1.2em;
}

div#footer p a {
color: #4A4A4A;
}

div#footer p a:hover {
color: #000;
}




div#rightside div#content h3.posttitle {
	font-family: georgia, "times new roman", serif;
	font-size: 2em;
	font-weight: bold;
	padding: .2em 0 0 0;
	margin: 0;
}

div#rightside div#content h3.posttitle a {
	color: #000;
	text-decoration: none;
	border-bottom: none;
}

div#rightside div#content h3.posttitle a:hover {
	background-color: #FFF;
	color: #446C9E;
	text-decoration: none;
	border-bottom: none;
}

div#rightside div#content p.postdata {
	color: #BBB;
	font-size: 1.4em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

div#rightside div#content p.postcontinued {
	padding: 0;
	margin: -8px 0 10px 0;
}

.published {
	display:block;
	text-align: center;
	float:left; 
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 5px 0 0;
	color: #FFF;
	border-bottom: none;
	background:#fed url(images/jc_date_bg.gif) center center no-repeat;
	width: 39px;
	height: 54px;
}
.pub-month {
	display:block; 
	font-size: 1.8em;
	margin:0; 
	padding: 5px 0 0 0;
}
.pub-date { 
	display:block; 
	font-size: 2em;
	margin:0; 
	padding: 3px 0 0 0; 
}










p a.extra {
	position: relative; 
	background-color: #aac;
	color: #000;
	text-decoration: none;
}

.extra span {
	display: none;
}

a.extra:hover {font-size: 100%;} /* IE/Win requires some link change on hover in order to show the tooltips */

div#rightside div#content div#seekers a.extra:hover span { /*the span will display just on :hover state*/
	display: block !important;
	position: absolute;
	top: 70px; 
	left: 278px; 
	width: 200px;
	border: 1px solid #ff7800;
	background-color: #deecff; 
	color: #000;
	padding: 3px;
	font-size: .8em;
	z-index: 999;
}

/* start google maps */

#mapholder {
border: 1px solid #4a4a4a;
padding: 0px 0px;
margin: 0px 0 15px 0px;
float: left;
display: inline;
position: relative;
width: 447px;
}

#mapholder div#map {
width: 447px;
height: 300px;
}

/* end google maps */