@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'interstatebold';
    src: url('includes/inteb___-webfont.eot');
    src: url('includes/inteb___-webfont.eot?#iefix') format('embedded-opentype'),
         url('includes/inteb___-webfont.woff') format('woff'),
         url('includes/inteb___-webfont.ttf') format('truetype'),
         url('includes/inteb___-webfont.svg#interstatebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'interstatelight';
    src: url('includes/intel___-webfont.eot');
    src: url('includes/intel___-webfont.eot?#iefix') format('embedded-opentype'),
         url('includes/intel___-webfont.woff') format('woff'),
         url('includes/intel___-webfont.ttf') format('truetype'),
         url('includes/intel___-webfont.svg#interstatelight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'interstatelightitalic';
    src: url('includes/inteli__-webfont.eot');
    src: url('includes/inteli__-webfont.eot?#iefix') format('embedded-opentype'),
         url('includes/inteli__-webfont.woff') format('woff'),
         url('includes/inteli__-webfont.ttf') format('truetype'),
         url('includes/inteli__-webfont.svg#interstatelightitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'interstateregular';
    src: url('includes/interg__-webfont.eot');
    src: url('includes/interg__-webfont.eot?#iefix') format('embedded-opentype'),
         url('includes/interg__-webfont.woff') format('woff'),
         url('includes/interg__-webfont.ttf') format('truetype'),
         url('includes/interg__-webfont.svg#interstateregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	background: #e5e5e5 url(../images/background.jpg) center top repeat-y;
	font-size:14px;
	font-family: 'InterstateLight';
	color:#5b5b5b;
}

a{
	color:#005fa6;
}

a:hover{
	text-decoration:underline;
}


p {
	padding:5px 0px;
	line-height:18px;
}


.wrap {
	width:960px;
	margin:0 auto;
}

.logo{
	width:500px;
	height:105px;
	text-indent:-9999em;
	overflow:hidden;
	display:block;
	background:url(../images/JCC_WORKS_LOGO.jpg) no-repeat;
	cursor:pointer;
	float:left;
	}

.toplinks{
	float:right;
	margin-top:35px;
	margin-right:10px;
}

.header {
	float:left;
	width:960px;
	margin-top:10px;
	margin-bottom:15px;
}
/***** Wrap ********************/

.home #wrap, .home-page #wrap, .blog #wrap {
	margin: 0 auto 0;
	padding: 0;
	}
	
#wrap {
	background: #FFF;
	margin: 0 auto 0;
	padding: 0;
	}
/***** Nav Menu ********************/

#nav {
	clear: both;
	color: #FFFFFF;
	margin: 0 auto 0;
	padding: 0;	margin-bottom:8px;
	}

#nav .wrap {
	background: #096ea6;
	width: 960px;
	height: 38px;
	margin: 0 auto 0;
	}
	
#nav ul {
	width: 950px;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
	}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#nav li a {
	color: #FFFFFF;
	display: block;
	font-size: 14px;
    font-weight: bold;
    margin: 0;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	text-shadow: #00839E 1px 1px;
	position: relative;
	}

#nav li a:hover, #nav li a:active {
	background: #288ed1;
	color: #FFFFFF;
	height:18px;
	}
	
#nav li a.sf-with-ul {
	padding-right: 20px;
	}	
	
#nav li a .sf-sub-indicator {
	background: url(../images/arrow-down.png);
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: 19px;
	right: 5px;
	}
	
.fancydropdown, .fancydropdown:hover {
	background: url(../images/arrow-down.png) right no-repeat;
	display: block;
	}
	
#nav li a:hover .sf-sub-indicator {
	background: url(../images/arrow-down-hover.png);
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #096ea6;
	color: #FFFFFF;
	width: 198px; 
	font-size: 12px;
	margin: 0;
	padding: 6px 10px 6px 10px;
	border-left: 1px solid #72D4EA;
	border-right: 1px solid #72D4EA;
	border-bottom: 1px solid #72D4EA;
	text-shadow: #00839E 1px 1px;
	text-transform: none;
	position: relative;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #288ed1;
	color: #FFFFFF;
	}

#nav li li a .sf-sub-indicator, #nav li li a:hover .sf-sub-indicator {
	background: url(../images/arrow-right.png);
	top: 10px;
	}
	
#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 220px;
	margin: 0;
	padding: 0;
	}

#nav li ul a { 
	width: 200px;
	}

#nav li ul a:hover, #nav li ul a:active { 
	}

#nav li ul ul {
	margin: -33px 0 0 218px;
	}

#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 { 
	position: static;
	}

#nav li.right {
	float: right;
	font-size: 14px;
    font-weight: bold;
	margin: 0;
	padding: 10px 25px 10px 0;
	text-shadow: #00839E 1px 1px;
	}

#nav li.right a {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	}
	
#nav li.right a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
#nav li.date {
	}
	
#nav li.rss a {
	background: url(../images/rss.png) no-repeat left center;
	margin: 0 0 0 10px;
	padding: 3px 0 3px 18px;
	}
	
#nav li.search {
	padding: 0 10px 0 10px;
	}
	
#nav li.jobpost a {
	background: url(../images/twitter-nav.png) no-repeat left center;
	padding: 3px 0 1px 20px;
	}
	
.donatemenu {
	background: url(../images/donatemenu_bg.png) center no-repeat;
	}
	
/***** SubNav Menu ********************/

#subnav {
	clear: both;
	color: #FFFFFF;
	margin: 0 auto 0;
	padding: 0;
	}

#subnav .wrap {
	background: #00A8D1;
	width: 960px;
	height: 40px;
	margin: 0 auto 20px;
	}
	
#subnav ul {
	width: 950px;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
	}
	
#subnav li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#subnav li a {
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	font-weight: bold;
    margin: 0;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	text-shadow: #00839E 1px 1px;
	position: relative;
	}

#subnav li a:hover, #subnav li a:active {
	background: #72D4EA;
	color: #FFFFFF;
	}
	
#subnav li a.sf-with-ul {
	padding-right: 20px;
	}	
	
#subnav li a .sf-sub-indicator {
	background: url(../images/arrow-down.png);
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: 12px;
	right: 5px;
	}
	
#subnav li a:hover .sf-sub-indicator {
	background: url(../images/arrow-down-hover.png);
	}
	
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
	background: #00A8D1;
	color: #FFFFFF;
	width: 198px; 
	font-size: 12px;
	margin: 0;
	padding: 6px 10px 6px 10px;
	border-left: 1px solid #72D4EA;
	border-right: 1px solid #72D4EA;
	border-bottom: 1px solid #72D4EA;
	text-shadow: #00839E 1px 1px;
	text-transform: none;
	position: relative;
	}
	
#subnav li li a:hover, #subnav li li a:active {
	background: #72D4EA;
	color: #FFFFFF;
	}

#subnav li li a .sf-sub-indicator, #subnav li li a:hover .sf-sub-indicator {
	background: url(../images/arrow-right.png);
	top: 10px;
	}

#subnav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 220px;
	margin: 0;
	padding: 0;
	}

#subnav li ul a { 
	width: 200px;
	}

#subnav li ul a:hover, #subnav li ul a:active { 
	}

#subnav li ul ul {
	margin: -33px 0 0 218px;
	}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfHover ul ul, #subnav li.sfHover ul ul ul {
	left: -999em;
	}

#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfHover ul, #subnav li li.sfHover ul, #subnav li li li.sfHover ul {
	left: auto;
	}

#subnav li:hover, #subnav li.sfHover { 
	position: static;
	}

/* Breadcrumb
-------------------------------------------------------------- */

.breadcrumb {
	background:#fafafa;
	width:690px;
	height:30px;
	padding:0px 10px;
	padding-top:10px;
	margin-bottom:20px;
font-size:14px;
	float:left;
}
/** Three Column**/
.threeColumn_left{
	clear:both;
	float: left;
	width: 220px;
	padding-right:8px;
	margin-right:5px;
}
.threeColumn_middle{float: left;
	width: 450px;
	padding: 0 5px 0px 10px;
}
.threeColumn_right{
	float: right;
	width: 220px;
}
.box h4, .box h4{
	padding:5px 0px;
}
.graybox {
	background-color:#fafafa;
	padding:15px 10px;
	margin-bottom: 20px;
	margin-right:20px;
	float:left;
	width:690px;
	font-size:14px;
}
.box {
	background-color:#fafafa;
	padding:15px 10px;
	margin-bottom: 20px;
	float:left;
	width:210px;
	font-size:12px;
}
.box li{
	display:block;
	margin:5px 0px;
}
.box li a {
	padding:5px 0px;
	color:#5b5b5b;
	display:block;
	width:100%;
	border-bottom:1px solid #d5d5d5;
}

.box li a.no_border {
	border:none;
}

.box ul.jobpost li, .right_column .box ul.articles li{
	display:block;
	padding:5px 0px;
	border-bottom:1px solid #d5d5d5;
}
.box ul li.no_border{
	border:none;
}

.box ul.jobpost li span.date {
	font-size:11px;
	font-style:italic;
	color:#9e9e9e;
}
.box ul.jobpost li div.title {
	font-weight:bold;
}

.box ul.jobpost li a {
	padding:5px 0px;
	color:#005FA6;
	display:inline;
	width:auto;
	border:none;
	font-size:11px;
}

.box a.follow_jobpost {
	background:url(../images/twitter.png) left center no-repeat;
	padding-left:20px;
	display: block;
	font-size:11px;
}
.box a.feed {
	background:url(../images/readmore.png) left center no-repeat;
	padding-left:20px;
	display: block;
	font-size:11px;
}

.box ul.articles li a {
	padding:5px 0px;
	color:#005FA6;
	display:block;
	width:100%;
	border:none;
}

.box ul.articles li span.comments_date {
	padding:5px 0px;
	color:#9E9E9E;
	display:block;
	width:100%;
	border:none;
	font-size:11px;
}
.box ul.articles li span.comments_date a{
	display:inline;
	width:100%;
	border:none;
	font-size:11px;
	font-style:italic;
}

.box li a:hover {
	color:#005FA6;
}

.box li span.date {
	font-size:11px;
	font-style:italic;
	width:100%;
	display:block;
}

.box li.email a {
	display:inline;
	border:none;
	color:#005FA6;
}

/** Close **/
.left_column .breadcrumb ul {
	float:left;
	margin-left:0px;
}

.left_column .breadcrumb li {
	float:left;
	line-height:20px;
	list-style-type:none;
	text-decoration:none;
	font-size:10px;
}


.breadcrumb_search .breadcrumb li {
	float:left;
	line-height:30px;
	list-style-type:none;
	text-decoration:none;
	font-size:10px;
}

.breadcrumb li a {
	display:block;
	float:left;
	padding:0px 2px;
	font-size:11px;
}


/* Text elements
-------------------------------------------------------------- */

h1 {
	font-size:36px;
	font-weight:normal;
	color:#005fa6;
	padding:20px 0px;
	display:block;
line-height:normal;
}

h1.welcome {
	font-size:52px;
	padding:20px 0px 0px 0px;
}

h2 {
	font-size:30px;
	font-weight:normal;
	color:#005fa6;
	padding:20px 0px;
}
h2.motto {
	font-size:24px;
	padding:0px 0px;
	margin-bottom:30px;
	line-height:23px;
}
h2.career {
	font-size:18px;
	padding:0px 0px;
	margin-bottom:5px;
}
h3 {
	font-size:24px;
	font-weight:normal;
	color:#005fa6;
	padding:20px 0px;
	line-height:normal;
}
.nav h3 {
	font-size:24px;
	font-weight:normal;
	color:#005fa6;
	padding:0px 0px;
}
h4 {
	font-size:18px;
	font-weight:normal;
	color:#005fa6;
	padding:20px 0px;
}


h4.team {
	padding:0px 0px 20px 0px;
}

h4.keyword {
	padding:0px 0px 5px 0px;
}


blockquote p
    {
    padding: 0px 15px 0px 0px;
    font-size: 12px;    
    float: left;
    background: url(../images/close-quote.gif) bottom right no-repeat;
	width:100%;
	color:#4D4D4D;
}

blockquote
    {
    padding: 10px;
    background: url(../images/open-quote.gif) top left no-repeat;
	width:100%;
	margin:20px 0px 0px 0px;
	display:block;
	float:left;
	
}

cite
    {
    font-size: 12px;
    float: right; 
	margin:0px 0px 20px 0px;
}

address {
	
	margin:0px 0px 20px 0px;
}


/* Form 
-------------------------------------------------------------- */

.form-contact {
	margin-top:5px;
}

.breadcrumb_search #searchform {
	display:block;
	float:right;
	margin-bottom:15px;
}

#searchform {
	display:block;
	float:left;
	margin-bottom:15px;
}

#searchform input {
	
	width:138px;
	float:left;
	display:inline;
	background: url(../images/inputsearch.gif) left top no-repeat;
	border:0;
	height:20px;
	padding:6px 10px;
}

#searchform input#searchsubmit {
	
	width:72px;
	height:32px;
	background: url(../images/searchsubmit.gif) left top no-repeat;
	cursor:pointer;
	color:#9e9e9e;
	border:0;
}


textarea {
	border:1px solid #BFBFBF;
	color:#4D4D4D;
	height:100px;
	padding:5px;
	width:430px;
}

input[type=password]  {
	border:1px solid #BFBFBF;
	color:#4D4D4D;
	float:left;
	height:20px;
	padding:2px 5px;
	font-size:14px;
	width:281px;
}

input[type=text]  {
	border:1px solid #BFBFBF;
	color:#4D4D4D;
	float:left;
	height:20px;
	padding:2px 5px;
	font-size:14px;
	width:281px;
}
.inputlabel  {
	border:1px solid #BFBFBF;
	color:#4D4D4D;
	height:20px;
	padding:2px 5px;
	font-size:14px;
}

input[type=radio]  {
	border:1px solid #BFBFBF;
	color:#4D4D4D;
	height:20px;
	padding:2px 5px;
	font-size:14px;
}

input.send  {
	border:0px;
	width:70px;
	height:40px;
	cursor:pointer;
	margin:0px 0 30px 100px;
	padding:0px;
	color:#005FA6;
}

label {
	float:left;
	width:100px;
	font-size:12px;
}
.holder {
	float:left;
	clear:both;
	width:550px;
	margin:0 0 12px;
}
.holder2 {
	float:left;
	clear:both;
	width:230px;
	margin:3px 1px 3px 1px;
}

p.error, p.succes {
	background:#F0F0F0;
	display:block;
	float:left;
	text-align:center;
	color:#005FA6;
	width:100%;
	padding:5px;
	margin:15px 0px 5px 0px;
}

.blue {
	color:#005FA6;
}
/* Form
--------------------------------------------------------------*/
.submitbutton {
	background: url(../images/button.png);
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	height:24px;
	text-decoration: none;
	text-shadow: #436D04 1px 1px;
	text-transform: uppercase;
    margin: 0;
	padding: 5px 5px 5px 5px;
	border: 1px solid #73AB00;	
	}
	
.submitbutton:hover {
	background: url(../images/button-hover.png);
	border: 1px solid #73AB00;
	}


/* Content 
-------------------------------------------------------------- */

.left_column {
	float:left;
	width:710px;
}

.right_column {
	float:right;
	width:230px;
}
.right2_column {
	float:right;
	width:710px;
}

.left2_column {
	float:left;
	width:230px;
}

.slideshow_holder_subpages {
	float:left;
	height:173px;
	margin-bottom:20px;
}

.slideshow_holder_index {
	float:left;
	height:298px;
	margin-bottom:20px;
	background:none;
}

.left_column .slideshow_holder_index ul, .left_column .slideshow_holder_subpages ul {
	margin-left:0px;
	background:#fff;
}
.left_column .slideshow_holder_index li, .left_column .slideshow_holder_subpages li {
	list-style-type:none;
	padding:0px;
}

.slideshow ul li {
	width: 710px;
	height:298px;
	list-style-type:none;
}

.right_column .box h4, .box h4{
	padding:5px 0px;
}
.right_column .box {
	background-color:#fafafa;
	padding:15px 10px;
	margin-bottom: 20px;
	float:left;
	width:210px;
}
.right_column .box li{
	display:block;
	margin:5px 0px;
}
.right_column .box li a {
	padding:5px 0px;
	color:#5b5b5b;
	display:block;
	width:100%;
	border-bottom:1px solid #d5d5d5;
}

.right_column .box li a.no_border {
	border:none;
}

.right_column .box ul.jobpost li, .right_column .box ul.articles li{
	display:block;
	padding:5px 0px;
	border-bottom:1px solid #d5d5d5;
}
.right_column .box ul li.no_border{
	border:none;
}

.right_column .box ul.jobpost li span.date {
	font-size:11px;
	font-style:italic;
	color:#9e9e9e;
}
.right_column .box ul.jobpost li div.title {
	font-weight:bold;
}

.right_column .box ul.jobpost li a {
	padding:5px 0px;
	color:#005FA6;
	display:inline;
	width:auto;
	border:none;
	font-size:11px;
}

.right_column .box a.follow_jobpost {
	background:url(../images/twitter.png) left center no-repeat;
	padding-left:20px;
	display: block;
	font-size:11px;
}
.right_column .box a.feed {
	background:url(../images/readmore.png) left center no-repeat;
	padding-left:20px;
	display: block;
	font-size:11px;
}

.right_column .box ul.articles li a {
	padding:5px 0px;
	color:#005FA6;
	display:block;
	width:100%;
	border:none;
}

.right_column .box ul.articles li span.comments_date {
	padding:5px 0px;
	color:#9E9E9E;
	display:block;
	width:100%;
	border:none;
	font-size:11px;
}
.right_column .box ul.articles li span.comments_date a{
	display:inline;
	width:100%;
	border:none;
	font-size:11px;
	font-style:italic;
}


.right_column .box li a:hover {
	color:#005FA6;
}

.right_column .box li span.date {
	font-size:11px;
	font-style:italic;
	width:100%;
	display:block;
}

.right_column .box li.email a {
	display:inline;
	border:none;
	color:#005FA6;
}

.left_column .box {
	background-color:#fafafa;
	padding:15px 10px;
	margin-bottom: 20px;
	float:left;
	width:203px;
	margin-right:20px;
}
.left_column .box.no_margin {
	margin-right:0px;
}

.left_column .box.whole {
	width:690px;
}

.left_column .container_box { float:left; clear:left; width:100%; padding:0 0 2em; }

.left2_column .box h4, .box h4{
	padding:5px 0px;
}
.left2_column .box {
	background-color:#fafafa;
	padding:15px 10px;
	margin-bottom: 20px;
	float:left;
	width:210px;
}
.left2_column .box li{
	display:block;
	margin:5px 0px;
}
.left2_column .box li a {
	padding:5px 0px;
	color:#5b5b5b;
	display:block;
	width:100%;
	border-bottom:1px solid #d5d5d5;
}

.left2_column .box li a.no_border {
	border:none;
}

.left2_column .box ul.jobpost li, .left2_column .box ul.articles li{
	display:block;
	padding:5px 0px;
	border-bottom:1px solid #d5d5d5;
}
.left2_column .box ul li.no_border{
	border:none;
}

.left2_column .box li a:hover {
	color:#005FA6;
}

.left2_column .box li span.date {
	font-size:11px;
	font-style:italic;
	width:100%;
	display:block;
}

.left2_column .box li.email a {
	display:inline;
	border:none;
	color:#005FA6;
}

.left2_column input[type=text]  {
	border:1px solid #BFBFBF;
	color:#4D4D4D;
	float:left;
	height:18px;
	padding:1px 5px 1px 5px;
	margin:0px;
	font-size:12px;
	width:140px;
}

.left2_column input[type=radio]  {
	border:1px solid #BFBFBF;
	color:#4D4D4D;
	height:20px;
	padding:2px 5px;
	font-size:12px;
}

.left2_column label {
	float:left;
	width:60px;
	font-size:11px;
font-weight:bold;
margin-right:4px;
}
.left2_column textarea {
	border:1px solid #BFBFBF;
	color:#4D4D4D;
	height:100px;
	padding:5px;
	width:430px;
}

.left2_column input[type=password]  {
	border:1px solid #BFBFBF;
	color:#4D4D4D;
	float:left;
	height:18px;
	padding:1px 5px 1px 5px;
	font-size:14px;
	width:140px;
}

#testimonials {
	background: #F7F7F7 url(../images/testimonials_box.gif) left top no-repeat;
	width: 299px;
	height:213px;
	overflow:hidden;
	margin:20px 20px 20px 0px;
	float:right;
}

#testimonials div {
	padding:40px;
}

.left_column ul.team_social {
	margin:20px 0px;
}

ul.team_social li {
	display:inline;
}
.box ul.team_social li {
	display:block;
}

ul.team_social li a {
	display:block;
	float:left;
	padding-left:20px;
	margin-right:10px;
	font-size:11px;
}

.right_column .box ul.team_social li a {
	display:block;
	float:left;
	padding-left:30px;
	margin-right:0px;
	font-size:11px;
	width:173px;
	border:0;
}

ul.team_social li a.jobpost {
	background:url(../images/twitter.png) left center no-repeat;
}

ul.team_social li a.facebook {
	background:url(../images/facebook.png) left center no-repeat;
}

ul.team_social li a.linkedin {
	background:url(../images/linkedin.png) left center no-repeat;
}

ul.team_social li a.flickr {
	background:url(../images/flickr.png) left center no-repeat;
}

ul.team_social li a.delicious {
	background:url(../images/delicious.png) left center no-repeat;
}


.wide_layout .portfolio_column {
	display:block;
	float:left;
	padding:5px;
	margin:4px 4px 15px 4px;
	width:300px;
	background:#fafafa;
	border-bottom:5px solid #f4f4f4;
}

.portfolio_column ins {
	display:block;
	padding:20px 0px 0px 0px;
}


.portfolio_column a span{
	color:#5B5B5B;
	font-size:11px;
	display:block;
}

.portfolio_column a:hover span{
	color:#005FA6;
	font-size:11px;
}

.wide_layout .search_column {
	display:block;
	float:left;
	padding:5px;
	margin:4px 4px 15px 4px;
	width:318px;
	background:#fafafa;
	border-bottom:5px solid #f4f4f4;
}

.search_column ins {
	display:block;
	padding:20px 0px 0px 0px;
}


.search_column a span{
	color:#5B5B5B;
	font-size:11px;
	display:block;
}

.search_column a:hover span{
	color:#005FA6;
	font-size:11px;
}

span.details {
	font-size:11px;
	float:left;
	display:block;
	width:100%;
	margin-bottom:20px;
}



.left_column ul li{
	list-style-type: square;
	list-style-position:inside;

	padding:5px 0px;
	color:#9E9E9E;
}

.left_column ul.filmstrip li{
	list-style-type: none;
	padding:0px 0px;

}
.left_column ul {

	float:left;
}

a.downloads{
	display:block;
	text-align:center;
}
.left_column.project_description img {
	margin:20px 0px;
}

address.geo {
	font-size:11px;
	font-weight:bold;
}

/* Footer 
-------------------------------------------------------------- */

.footer {
	float:left;
	display:block;
	width:960px;
	border-top:1px solid #d5d5d5;
	margin:20px 0px;
	font-size:11px;
}
/*NOTIFICATION MESSAGES*/
.msg {
	display:block;
	padding:0px 20px;
	margin-bottom:15px;
margin-top:5px;
}

.msg p {
	margin-top:0px;
	margin-left:70px;
}

.msg h2 {
	margin-left:70px;
	margin-bottom:5px;
}

.warning {
	background:#feffc8 url(../assets/icons/warning_48.png) 20px 50% no-repeat;
	border:1px solid #f1aa2d;
} 

.msg p {
	color:#555;
}

.msg h2 {
	color:#333;
}

.error {
	background:#fdcea4 url(../assets/icons/stop_48.png) 20px 50% no-repeat;
	border:1px solid #c44509;
}

.success {
	background:#d4f684 url(../assets/icons/tick_48.png) 20px 50% no-repeat;
	border:1px solid #739f1d;
}

.information {
	background:#c3e4fd url(../assets/icons/info_48.png) 20px 50% no-repeat;
	border:1px solid #688fdc;
}

.msg:hover {
	cursor:pointer;
}
/* end of notification messages */

.menutable {
	width: 100%;
	background-color: #ffffff;
	BORDER: #BBBBBB 1px solid;
}
.menutitlerow {
	BACKGROUND-IMAGE: url(../images/header_bg.gif);
	border: #FFFFFF 1px solid;
	padding-left: 3px;
	padding-right: 7px;
}

.menutitlerow a{
	text-decoration: none;
}
.menutablebottom {
	border-top: #bbbbbb 1px solid;
}
.menutablecontent {
	background-color: #FFFFFF;
	padding: 10px;
}
.menutablenavcontent {
	background-color: #FFFFFF;
	padding: 5px 10px 2px 10px;
}
buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}
/*** Staff Section ***********************/	


.staff-profile, .jwb-profile {
display: block;
margin:20px 0px;
clear: both;
}

.staff-profile h3, .jwb-profile h3 {
color:#0C7488 !important;
font-size:20px !important;
margin:0;
padding:0;
}

.staff-profile img {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DDDDDD;
float:left;
display: block;
margin-left:10px;
margin-right:10px;
margin-bottom: 20px;
padding:7px;
}

.staff-profile p {
margin:5px 0;
padding:0;
}

.staff-profile a[href ^="#CF"] {
   padding-right: 20px;
   background: transparent url(../images/mailto_link_icon.gif) no-repeat center right;
}

b.involve {
color:#C34507 !important;
}

em.contact {
color:#0C7488 !important;
}
.dropdownmenu  {
	border:1px solid #BFBFBF;
	color:#4D4D4D;
	float:left;
	height:20px;
	padding:2px 5px;
	font-size:14px;
	width:281px;
}
#slides {
	position:relative;
	width:960px;
	height:320px;
	background-color:white;
	top:3px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:580px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:570px;
	height:320px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/
.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0px;
	height:280px;
	padding:5px 20px 0 20px;
	width:350px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	text-shadow:none;
}
.SlideShow_text{
z-index:400;
	position:absolute;
	bottom:-35px;
	left:0px;
	height:280px;
	padding:5px 20px 0 20px;
	width:350px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	text-shadow:none; }  
.SlideShow_text h2 { position: absolute;     top: 5px;     left: 580px;     width: 100%;  }
.SlideShow_text h2 .orange {font-family: 'InterstateBold' !important;font-size:30px; color:#f15c22; margin-top:0px;margin-bottom:0px;padding-bottom:0px; width:350px; }
.SlideShow_text .grey { position: absolute; top: 100px; left: 580px; width: 100%; line-height:130%; margin-top:0px;padding:0px;font-size:14px; color:#6c6c6c;width:350px;}
.SlideShow_text .slide_button { position: absolute; top: 165px; left: 580px; width: 100%; line-height:130%;  margin:0px;padding:0px;font-size:14px; color:#6c6c6c;}
.ButtonOrange {
	background: url(../images/button_orange.png);
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	height:28px;
	text-decoration: none;
	text-shadow: #436D04 1px 1px;
	text-transform: uppercase;
    margin: 0;
	padding: 5px 5px 5px 5px;
	border: 1px solid #ff782c;	
	}
.ButtonOrange:hover {
	border: 1px solid #ff782c;cursor:hand;
	}
.ButtonGreen {
	background: url(../images/button_green.png);
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	height:28px;
	text-decoration: none;
	text-shadow: #436D04 1px 1px;
	text-transform: uppercase;
    margin: 0;
	padding: 5px 5px 5px 5px;
	border: 1px solid #15a115;	
	}
.ButtonGreen:hover {
	border: 1px solid #15a115;
	cursor:hand;
	}
.testimonial {
width:420px;
float:left;
margin:5px 0 30px 0;
}
.testi-text {
float:left;
width:390px;
height:45px;
padding:0px 50px 20px 55px;
background:url(../images/quote-left.jpg) no-repeat left top;
}
.testi-name {
float:left;
padding:0px 0 0px 10px;
}