/* CSS Document */
/* Notes:  id styles like #someelement seem to overide some of the style settings
           of child nodes.  anchor styles are a good example*/
/*************************** Global properties *********************************/
@media all { 
	   
}
@media print {   
	.PageBreak { display:block; page-break-before:always; }
	.NonPrinting { display:none }  
}
@media screen {
	.NonPrinting { display:inherit }
	.PageBreak { display:none }
}
qoutes, quotes, webqoute, sig { display:block; color:Red }
html {width:100%; height:100%; overflow:auto;}
body { 	 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; color:#656565; font-size:14px; line-height:18px; height:100%; 
	margin:0px; padding:0px; /* these are for the CMS editor */
	/* min-width:970px;  this was removed for the CMS editor */
}
@font-face {
    font-family: 'News Cycle';
    src: url('../fonts/NewsCycle-Regular-webfont.eot');
    src: url('../fonts/NewsCycle-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NewsCycle-Regular-webfont.woff') format('woff'),
         url('../fonts/NewsCycle-Regular-webfont.ttf') format('truetype'),
         url('../fonts/NewsCycle-Regular-webfont.svg#NewsCycleRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
p { margin: 0px }   /* this eliminates that anoying spacing of paragraphs */
a { text-decoration: none }
a img { border-style:none }
a:hover { text-decoration: underline }
h1 { font-family: 'News Cycle', sans-serif; font-size:30px; line-height:34px; margin-bottom:5px; margin-top:0px; color: rgb(250, 118, 21); }
h2 { font-family: 'News Cycle', sans-serif; font-size:26px; line-height:30px;  margin-bottom:5px; margin-top:0px }
h2 a { text-decoration:none; color:#656565; }
h2 a:hover { text-decoration:underline; color:#656565; }
h3 { font-family: 'News Cycle', sans-serif; font-size:20px; line-height:23px;  margin-bottom:0px; margin-top:0px }
h3 a { text-decoration:none; color:#656565; }
h3 a:hover { text-decoration:underline; color:#656565; }
/* setting the input style w/o type sets border on radio buttons too */
input[type="text"] { color:#222222; border:solid 1px #888888 }
select { color:#222222 } /*; border:solid 1px #696969*/
textarea { color:#222222; border:solid 1px #888888; font-family:Arial,Sans-Serif }
.combobox { border:solid; border-width:1px; border-color:#888888 } /*dimgray*/

/************************** page ************************************/
.bg { top:0px; left:0px; width:100%; background:url(../images/bg1.jpg) 0 0 repeat; padding-top:10px }
/* the next class must have a matching class in ie.css for box-shadow to work */
.main { position:relative; z-index:2;
	width:970px; /*height:900px;	*/
	padding:15px 0 15px;	margin:0 auto;
	background:#fff;
	/* this is css3 */
	box-shadow:0px 0px 5px 0 rgba(222,222,222,1); 
	-moz-box-shadow:0px 0px 5px 0 rgba(222,222,222,1);
	-webkit-box-shadow:0px 0px 5px 0 rgba(222,222,222,1);
}
.bottom { position:relative; z-index:2; width:970px; height:50px }
.center { width:940px; margin:0 auto; z-index:10; background-color:White; margin-top:10px }

/*********************************header*************************************/
#header {position:relative; height:66px; width:940px; margin:0 auto; z-index:10; background:url(../images/bg-row1.jpg) 0 0 repeat }
#nav ul { list-style:none; margin-top: 0px; }
#header h1 { padding:0px; position:absolute; top:-5px; left:21px; }
.logo {position:relative; display:block; top:17px; width:180px; height:45px; text-indent:-5000px; background:url(../images/logo7.gif) 0 0 no-repeat;} /* the text-indent hides the text */

/*********************************slides*************************************/
#center { position:relative; height:250px; width:940px; margin:0 auto; z-index:2; margin-top:10px }
.slides { position:absolute; height:250px; width:690px; overflow:hidden; background:#FAFAFA; }
/* setting the filter and opacity properties here makes them available in javascript */
.slide-images { position:absolute; top:0px; left:0px; display:none }
.slide-message { position:absolute; width:305px; height:230px; left:700px; top:20px; }
.message-button {display:inline-block; font-family: 'News Cycle', sans-serif; font-size:16px; font-weight:bold; line-height:28px; padding:0 12px 5px 10px; color:#fff; text-decoration:none; background:#f66a15;}
.message-button:hover {text-decoration:none; color:#000000}
.jobs { position:absolute; left:702px; width:238px; height:250px; background:url(../images/bg-row1.jpg) 0 0 repeat; z-index:10; font-size:13px; line-height:18px; }
.job-postings { width:200px; height:165px; margin-left:20px; overflow:hidden }
.job-postings a { text-decoration:none; color:#656565 }
.job-postings a:hover { text-decoration:underline; color:#656565 }
.job { margin-bottom:5px }
.job-title { margin-top:15px; margin-bottom:15px; text-align:center; text-transform: none; font-family: 'News Cycle', sans-serif; color: #8ecf21; font-size: 26px; font-weight: 400 }
.jobs-button {display:inline-block; margin: 0 15px; font-family: 'News Cycle', sans-serif; font-size:16px;  line-height:20px; padding:0 8px 5px 6px; color:#fff; text-decoration:none; background:#8ccc21;}
.jobs-button:hover {text-decoration:none; color:#000000}
.pagination { position:absolute; top:10px; right:10px; z-index:999 }
.pagebutton { display:inline-block; margin-right:0px; background-position:center; background-repeat:no-repeat; }
.pagebutton a { width:20px; height:20px; display:block; outline:none; }
.pagebutton a:hover { background-image:url(../images/pageOn.png); background-position:center; background-repeat:no-repeat; }

/*********************************home page columns**********************************/
/* padding order is top right bottom left */
#columns { width:940px; margin:0 auto; z-index:2; margin-top:10px; overflow:hidden }
/* the next class must have a matching class in ie.css for box-shadow to work */
.column { width:300px; background:#fff; display:inline-block; position:relative; float:left; 
	box-shadow:0 0 5px 0 rgba(208,212,185,1); 
	-moz-box-shadow:0 0 5px 0 rgba(208,212,185,1);
	-webkit-box-shadow:0 0 5px 0 rgba(208,212,185,1);
}
#column1 { margin-right: 20px; }
#column2 { margin-right: 20px; }
/* this is necessary to make the container div height include the float divs */
#columns-clearfloat { clear:both }	
.box-shadow {width:100%; padding:0 0 24px; background:url(../images/box-shadow.png) center bottom no-repeat;}
.box-blue-top { width:100%; height:15px; background-color:#36b3f3; }
.box-blue-bottom { width:100%; height:47px; background-color:#22abf3 }
.box-green-top { width:100%; height:15px; background-color:#96d236; }
.box-green-bottom { width:100%; height:47px; background-color:#8ccc20 }
.box-orange-top { width:100%; height:15px; background-color:#fa752a; }
.box-orange-bottom { width:100%; height:47px; background-color:#fb6615 }
/* a combination of height and line-height are needed for IE7 to work right, neither are needed anywhere else*/
.box-text { display:block; font-size:28px; height:30px; line-height:.95em; overflow:visible; color:#fff; text-transform:uppercase; font-weight:400; font-family: 'News Cycle', sans-serif;}
.box-text a { text-decoration:none; color:#fff }
.box-text a:hover { text-decoration:none; color:#fff }
/* .padding-box { padding:0 25px 0px 25px;} old */
.padding-box { padding:5px 25px 0px 25px;}  /*only used on default page, top was 8 but changed is for IE7 problem, see box-text*/
.padding1-box { padding:0px 15px 20px 25px;}
.button-blue { display:inline-block; margin-top:15px; font-family: 'News Cycle', sans-serif; font-size:16px; font-weight:bold; line-height:28px; padding:0 12px 5px 10px; color:#fff; text-decoration:none; background:#22abf2;}
.button-blue:hover { background:#777777; text-decoration:none; }
.button-green { display:inline-block; margin-top:15px; font-family: 'News Cycle', sans-serif; font-size:16px; font-weight:bold; line-height:28px; padding:0 12px 5px 10px; color:#fff; text-decoration:none; background:#8ccc21;}
.button-green:hover { background:#777777; text-decoration:none; }
.button-orange { display:inline-block; margin-top:15px; font-family: 'News Cycle', sans-serif; font-size:16px; font-weight:bold; line-height:28px; padding:0 12px 5px 10px; color:#fff; text-decoration:none; background:#ff6410;}
.button-orange:hover { background:#777777; text-decoration:none; }

/****************************footer************************/
/* padding order is top right bottom left */
#footer { position:relative; width:880px; background:url(../images/bg-footer.jpg) 0 0 repeat-x #c6c2c2; margin:auto; z-index:3; padding: 10px 30px 15px 30px; margin-top: 10px; }
/* this is displayed lower than it should be, probably because of the spacer img*/
.footer-left { float:left; font-size:16px; line-height:30px; color:#fff; font-weight:400; font-family: 'News Cycle', sans-serif; }
.footer-left .company { font-size:22px; text-align:left; }
.footer-left a { color:#fff; text-decoration:none; }
.footer-left a:hover { text-decoration:underline }
.spacer { position:relative; top:7px }
.socialmedia { position:relative; top:3px; border-style:none }	/*border sytle must be set on the img itself */
.footer-right { float:right; font-size:20px; line-height:30px; color:#fff; font-weight:400; font-family: 'News Cycle', sans-serif; padding-top:5px; }
.footer-right .phone { font-size:16px }
.footer-clearfloat { clear:both }

/*************************pages*********************/
/*.center h1 { color: rgb(250, 118, 21); }*/
.preview { border-width:2px; border-left-style:solid; border-bottom-style:none; border-right-style:solid; border-top-style:solid }
.sidebar { position:relative; display:inline-block; float:left; width:295px; padding-right:15px; margin-right:15px; 
    background-image:url(../images/bg-verticle-line.jpg); background-position:right; 
    background-repeat:repeat-y; background-color:White; }
.sidebar2 { position:relative; display:inline-block; float:left; width:245px; margin-right:15px; }
/* the next class must have a matching class in ie.css for box-shadow to work */
.quotes-box { width:280px; height:125px; background-color:#f3f3f3; padding:0 0 0 10px;
	box-shadow:0 0 5px 0 rgba(208,212,185,1); 
	-moz-box-shadow:0 0 5px 0 rgba(208,212,185,1);
	-webkit-box-shadow:0 0 5px 0 rgba(208,212,185,1); }
.sidebarcontent { width:295px; } /* This is redundant but makes the CMS work better */
/*.sidebarcontent h2 { color: rgb(34, 171, 242); }*/
.sidebarcontent ul { list-style-type:none; margin:0 0 0 30px; padding:0px }
/*.sidebarcontent p { margin-bottom:5px }  This is to general, it affects the banner bars too*/
.sidebarcontent ul a { color:#656565 }
/* this next could also include webkit scrollbar properties but they are very complicated*/
.sidebarscrolllist { width:280px; height:160px; margin:5px 0 10px 0; padding:10px; border:1px solid #dddddd; color:#656565; 
    scrollbar-base-color:#dddddd; overflow-x: hidden; overflow-y: scroll; }
.bannersidebar { width:220px; margin-bottom:10px;
	box-shadow:5px 5px 5px rgba(188,192,165,1); 
	-moz-box-shadow:7px 7px 7px rgba(188,192,165,1);
	-webkit-box-shadow:0 0 5px 0 rgba(188,192,165,1); }
/* this next one lines the banner up in the top left corner for use in boxes*/
.bannersidebar2 { position:relative; width:220px; top:-5px; left:-10px;
	box-shadow:5px 5px 5px rgba(188,192,165,1); 
	-moz-box-shadow:7px 7px 7px rgba(188,192,165,1);
	-webkit-box-shadow:0 0 5px 0 rgba(188,192,165,1); }
.bannersidebar3 { display:inline-block; margin-bottom:10px; 
	box-shadow:5px 5px 5px rgba(188,192,165,1); 
	-moz-box-shadow:7px 7px 7px rgba(188,192,165,1);
	-webkit-box-shadow:0 0 5px 0 rgba(188,192,165,1); }
.bannertext { display:block; font-size:22px; text-align:center; color:#fff; font-weight:400; font-family: 'News Cycle', sans-serif; }
.bannertext2 { display:block; font-size:22px; padding:0 15px 0 15px; color:#fff; font-weight:400; font-family: 'News Cycle', sans-serif; }
.bannertext a { color:#ffffff; text-decoration:none; }
.bannertext a:hover { color:#ffffff; text-decoration:none; }
.bannerbluetop { width:100%; height:10px; background-color:#36b3f3 }
/* don't include left or right padding here because it will add to the box width of banner and shadow will not fit*/
.bannerbluebottom { width:100%; padding:5px 0 12px 0; background-color:#22abf3 }
.bannergreentop { width:100%; height:10px; background-color:#96d236 }
.bannergreenbottom { width:100%; padding:5px 0 12px 0; background-color:#8ccc20 }
.bannerorangetop { width:100%; height:10px; background-color:#fa752a }
.bannerorangebottom { width:100%; padding:5px 0 12px 0; background-color:#fb6615 }
.column2 { position:relative; display:inline-block; float:left; width:600px; background-color:White; 
    padding: 5px 5px 10px 10px; margin-bottom: 15px;
	box-shadow:0 0 5px 0 rgba(208,212,185,1); 
	-moz-box-shadow:0 0 5px 0 rgba(208,212,185,1);
	-webkit-box-shadow:0 0 5px 0 rgba(208,212,185,1); }
#employers-col3 ul { margin:0 0 0 20px; padding:0px }
.com-box { width:220px; margin: 0 auto; padding:3px 3px 3px 3px;
    box-shadow:0 0 5px 0 rgba(208,212,185,1); 
	-moz-box-shadow:0 0 5px 0 rgba(208,212,185,1);
	-webkit-box-shadow:0 0 5px 0 rgba(208,212,185,1); }
.lefthalf { position:relative; display:inline-block; float:left; width:455px; padding-right:15px; margin-right:15px; 
    background-image:url(../images/bg-verticle-line.jpg); background-position:right; background-repeat:repeat-y }
.righthalf { position:relative; display:inline-block; float:left; width:455px }
.maps-box { position:relative; width:450px; height:300px; margin-top:10px;
	box-shadow:0 0 5px 0 rgba(208,212,185,1); 
	-moz-box-shadow:0 0 5px 0 rgba(208,212,185,1);
	-webkit-box-shadow:0 0 5px 0 rgba(208,212,185,1); }
.sendemail { width:445px; padding:3px 0 5px 10px; margin-top:10px; background-color:White;
	box-shadow:0 0 5px 0 rgba(208,212,185,1); 
	-moz-box-shadow:0 0 5px 0 rgba(208,212,185,1);
	-webkit-box-shadow:0 0 5px 0 rgba(208,212,185,1); }
.red { color:Red }
.directions a { text-decoration:none; color:#656565 }
.directions a:hover { text-decoration:underline; color:#656565 }
.directions h2 { font-size:22px; line-height:26px; margin-top:10px; margin-bottom:10px }
.expander:hover { text-decoration:underline; cursor:pointer }
.expander-content ul { margin-top:5px; margin-bottom:0px }
.aboutusline { width:940px; height:1px; margin:-5px 0 5px 0; background-color:#f0f0f0; }
.column3 { position:relative; display:inline-block; float:left; width:600px; margin-bottom: 15px; }
.recruiting-col3 ul { margin:5px 0 0 115px; } /*left margin needs to include image width*/
.column4 { position:relative; display:inline-block; float:left; width:925px; background-color:White; 
    padding: 5px 5px 10px 10px; margin-bottom: 15px;
	box-shadow:0 0 5px 0 rgba(208,212,185,1); 
	-moz-box-shadow:0 0 5px 0 rgba(208,212,185,1);
	-webkit-box-shadow:0 0 5px 0 rgba(208,212,185,1); }
.jobhunting-col1 { color:#404040 }
.jobhunting-col1 ol { margin:5px 0 5px 0; padding:0 0 0 20px; }
.jobhunting-col1 ul { margin:5px 0 5px 0; padding:0 0 0 20px; }
.jobhunting-col2 { color:#404040 }
.jobhunting-col2 ul { margin:5px 0 5px 0; padding:0 0 0 20px; }
.jobhunting-col3 { color:#404040 }
.jobhunting-col3 ul { margin:5px 0 5px 0; padding:0 0 0 20px; }
.column5 { position:relative; display:inline-block; float:left; width:550px; background-color:White; 
    padding: 5px 5px 10px 10px; margin-bottom: 15px; margin-right:15px;
	box-shadow:0 0 5px 0 rgba(208,212,185,1); 
	-moz-box-shadow:0 0 5px 0 rgba(208,212,185,1);
	-webkit-box-shadow:0 0 5px 0 rgba(208,212,185,1); }
.vresdemo { position:relative; width:355px; float:left }    /*height is set in the element style because it doesn't work if set here*/
.vrescenter { width:332px; margin:0px auto }
.vresbanner { width:220px; margin:0px auto; margin-bottom:15px }    /*no longer used*/
.vres { width:332px; height:288px }
.genericerrortext { text-align:center; font-size:20px } 
.lnl-leftcol { width:540px; margin:0 20px 15px 0; float:left }
.lnl-rightcol { width:365px; float:left; margin-bottom:15px }
.lnl-bottom { display:inline-block; float:left; width:940px; margin-bottom:15px }
.column6 { position:relative; display:inline-block; float:left; width:650px; margin-bottom: 15px; padding-left:15px;
    background-image:url(../images/bg-verticle-line.jpg); background-position:left; 
    background-repeat:repeat-y; background-color:White; }
.toc a { text-decoration:none; color:#656565 }
.toc a:hover { text-decoration:underline; color:#656565 }
.jobsearchlabels { font-size:1.1em; font-weight:bold; line-height: 2em; margin-top:15px }
#jobs h2 { font-family: 'News Cycle', sans-serif; font-size:18px; line-height:21px;  margin-bottom:5px; margin-top:0px; color:#454545 }
#jobs h2 a { text-decoration:none; color:#454545; }
#jobs h2 a:hover { text-decoration:underline; color:#454545; }