/* darker aqua blue #0075BE; lighter aqua blue #009BDF; darker blue #003197; green green; orange #FF3300; breadcrumb gray #E6E6E6; alice blue #F0F8FF  */
  @media print {
    body, #wrapper, #maincolumn, #leftcolumn {background:#fff !important;}
	#leftcolumn, #fontsizechanger, #banner figure, #global, #topglobal, #tickersearch, #social, #breadcrumbs, footer {display:none !important;}
#wrapper {width:600px !important; border:none !important; }
nav, #wrapper {-moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
nav {border:1px solid black;}
#maincolumn {width:100% !important; border:none !important;}
#banner h1 {border:none !important;}
#banner h1 img#screenimg {display:none !important;}
#banner h1 img#printimg {display:inline !important;}
#banner h1 span#dwd {display:none !important;}
#banner {background-image:none !important;background-color:#fff !important;}
/* don't forget #banner h1 img#printimg {display:none;} under banner section */
  }
/* Body */

	body {
		background: #F0F8FF;
		color: #000305;
		font-size: 70%; /* Base font size: 9px */
		font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 
		line-height: 1.429;
		margin: 0;
		padding: 0;
	}

article#styleswitch {background:white;}

/* Headings */

h2 {font-size: 1.58em; color: #22316C;}	
h3 {font-size: 1.43em; color:green;}	
h4 {font-size: 1.28em}
h5 {font-size: 1.14em}	
h6 {font-size: 1em}	


h2, h3, h4, h5, h6 {
	font-weight: 900;
	margin: auto;
}

/* tags */

pre {font-size:small;font-weight:bold;background:#F0F8FF;}
hr {width:90%;color:green;text-align:center;border:1px solid green;}
table td, table th {vertical-align:top;}
caption {font-weight:900;font-size:medium;color:green;}
ul.arrow {list-style-image: url('/images/2011/arrow_dk_blu.gif');}
strong, b {font-weight: bold;}
em  {font-style: italic;}
form input[type="submit"], form input[type="button"], form input[type="reset"] {cursor:pointer;} /* changed from simply input */
/*input:hover, input:active {color:#003197 !important;}
input[type="button"], input[type="submit"], input[type="reset"]  { background:green; color:#fff; }*/

#asideleft form {width:195px; margin:0 auto; padding:0; overflow:hidden;}
#asideleft form input[type="text"], #asideleft form select { margin:0;}
#asideleft form input[type="text"], #asideleft form select, #asideleft form input[type="button"], #asideleft form input[type="submit"] {font-size:1em; vertical-align:bottom; }
#asideleft form input[type="button"], #asideleft form input[type="submit"] {}
/*default looking button */
input[type="button"].default, input[type="submit"].default { background:#CCC;color:#000; } 
 

/* Anchors */
#maincolumn nav h2 a:link, #maincolumn nav h2 a:visited {text-decoration:none;color:#22316C;}
#maincolumn nav a:link, #asideleft article a:link  {color:#333;}

#asideleft article a:hover, #asideleft article a:active, #asideleft article a:focus   {background:none; color:#003197;}

footer#contentinfo nav a:link, footer#contentinfo nav a:visited {text-decoration:none;color:#333;}

a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, #maincolumn article.moreinformation ul.moreinfo_nav a:visited {
	color:#003197;
	text-decoration: underline;
}

a:visited {color:#683A5E;}

a:hover, a:active, a:focus, #tickersearch span a:hover, #tickersearch span a:active, #tickersearch span a:focus, #maincolumn nav h2 a:focus, #maincolumn nav h2 a:active, #maincolumn nav h2 a:hover, #maincolumn nav a:hover, #maincolumn nav a:active, #maincolumn nav a:focus, #maincolumn article.moreinformation ul.moreinfo_nav a:hover, #maincolumn article.moreinformation ul.moreinfo_nav a:focus, #maincolumn article.moreinformation ul.moreinfo_nav a:active, footer#contentinfo nav a:hover, footer#contentinfo nav a:active, footer#contentinfo nav a:focus {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}
#tickersearch span a:link {text-decoration:none;}

/* google search word highlight works with searchhi.js file */
span.searchword {background:yellow;}	


/* Lists */

ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}


ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;

}


dl {margin: 1.5 0 1.5em 0;}
dt {font-weight: bold; margin-bottom:.5em;font-size:small;}
dd {margin-left: 1.5em; margin-bottom:1em;}



/* Quotes */

blockquote {font-style: italic;}
cite {}
q {}



/* HTML5 tags */

header, section, footer, aside, nav, article, figure {
	display: block;
}

#maincolumn figure {margin:0;}
figcaption {text-align:center; font-weight:bold; font-size:110%;font-family:helvetica, sans-serif;}

   
/* CLASSES */
/* push code */
	.push { position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
/* ----------------------------------- */ 
.skinnyheading {margin-bottom:-5px;}
.highlight, .important {color:red;}
.opacitytext {color:#ccc;}
.backtotop {text-align:right;padding-right:2em;}
 div.backtotop + * {clear:right;}
.center {text-align:center;margin:auto;margin-top:10px; margin-bottom:10px;}
.right {text-align:right;}
.left {text-align:left;}
.floatright {float:right;}
.floatleft {float:left;}
.floatnone {float:none;}
.imgfloatleft {float:left; margin-right:8px !important;}
.imgfloatright {float:right; margin-left:8px !important;}
.clearboth {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}
.cleareverything, .cleareverything p, .cleareverything input, .cleareverything label, .cleareverything textarea {float:none;padding:0;margin:0;display:inline;vertical-align:middle;}
.indentsmall {margin-left:40px;}
.indentmedium {margin-left:60px;}
.indentlarge {margin-left:80px;}
.heading { width:65%;-moz-border-radius:5em; border-radius:5em;text-align:center;margin-top:2em;vertical-align:middle;}
.inline {display:inline;}
.block {display:block;}
.brown { color:brown;}
.purple { color:purple;}
.green, a.green, a.green:visited {color:green; }
.orange, a.orange, a.orange:visited, a.orange:active, a.orange:focus {color:#FF3300; }
.lightblue {color: #009BDF; }
.darkerblue {color:#003197;}
.blue {color:#1B3665;}
.graybg {background:#E6E6E6;}
.alicebluebg {background:#F0F8FF;}
.orangebg {background:#F57E20;color:#fff;}
.bluebg {background:#0039A6;color:#fff;}
.blue2bg {background:#0082B4;color:#fff;}
.limebg {background:#A1DC02;color:#fff;}
.greenbg {background: #568614;color:#fff;}
.shorthr { width:60%; margin-top:2px;}
.xshorthr { width:48%; margin-top:2px;}
a.orange:hover {color:#Fff;}
a.nodec, a.nodec:visited, a.nodec:hover, a.nodec:active, a.nodec:focus  {text-decoration:none;}
a.nobg, a.nobg:visited, a.nobg:hover, a.nobg:active, a.nobg:focus {background:transparent;}
.lrgtxt {font-size:130%;}
.smltxt {font-size:80%;}
table.layoutprimary { border:1px solid #eee;}
table.layoutprimary th {background-color:#003197; color:#fff; padding:5px;border:1px solid #eee;}
table.layoutprimary td {padding:5px;border:1px solid #eee;text-align: left;}


/***** Layout *****/
#wrapper { margin:0 auto; padding:0 0 1em 0; max-width:1024px;background:#fff; 	
	-moz-box-shadow: 5px 5px 20px #666;/* firefox */
	-webkit-box-shadow: 5px 5px 20px #666; /* chrome */
	box-shadow: 5px 5px 20px #666; /* ie9 and css3 */}
#banner {background:#0075BE url('/images/2011/blue_grad.jpg') top left repeat-x;}

#breadcrumbs {background-color:#E6E6E6;padding:0;margin:0 0 1em 0; font-weight:bold;width:100%;float:left;}
#breadcrumbs ul.icon {float:left; list-style: none; padding:0; margin:0; font-size:small;}
#breadcrumbs ul.icon li {float: left; display: inline; height:29px; margin: 0 0 0 0; padding:0 10px 0 20px; text-transform:uppercase; background:#E6E6E6 url('/images/2011/breadcrumb_arrow.png') center left no-repeat;}
#breadcrumbs ul.icon img {padding:2px 0 0 0;}
#breadcrumbs ul.icon li#brhome {background-image:none; padding:0 0 0 5px;margin:0;}
#breadcrumbs ul.icon li a { color:#999;text-decoration:none; display:block; padding:0; margin:5px 0 0 0;}
#breadcrumbs ul.icon li#brhome a {margin:0; background:#E6E6E6 url('/images/2011/breadcrumb_home.png') center left no-repeat;display:block; width:23px; height:29px;}
#breadcrumbs ul.icon li#brhome a:hover, #breadcrumbs ul.icon li#brhome a:active, #breadcrumbs ul.icon li#brhome a:focus {background:#E6E6E6 url('/images/2011/breadcrumb_home_on.png') center left no-repeat;} 
#breadcrumbs ul.icon li a:hover, #breadcrumbs ul.icon li a:active, #breadcrumbs ul.icon li a:focus {color:#fff !important;}
#breadcrumbs ul.icon li:last-child a, #breadcrumbs ul.icon li:last-child a:hover {background:none; color:#666 !important; cursor:default;}

#leftcolumn { padding:0;margin:0;float:left; min-width:215px;width:25%;}
#maincolumn {margin:1.5em 0 0 0; padding:0;float:left; width:74%;}
#mycrawler, #fontsizechanger {display:none; } /* when js not on, otherwise mycrawler has a 0 appended to the id */

#tickersearch {width:94%; background:#fff;margin:0 0 0 2em;padding:1em 0 0 0;}
#tickersearch form {margin:0;padding:0;width:100%;}
#tickersearch span {color:#000; padding-left:4em;} 
#tickersearch #td1 {width:70%;background:#fff;}
#tickersearch #td2 {background:#fff;text-align:right;padding-left:1em;}
#tickersearch #td3 {width:27%;background:#fff;text-align:right;}
#pauseplay {margin-top:-2px; padding:2px;}
#seek1 {}
#searchfield {font-weight:bold; color:#FF3300;padding-bottom:3px;padding-left:1em;}
#go { }

.twitterbox {width:225px;float:left;margin:0 .2em 1em .2em;}
footer#contentinfo nav {float:right;width:99%;text-align:center;margin:2em auto; padding-bottom:5em;color:#333;}
footer#contentinfo a.feed, .rssfeeds li a.feed {margin-left: 3px;padding: 0 0 0 19px;background: url('/images/2011/feed_icon_16x16.gif') no-repeat 0 50%;} 
.rssfeeds li {list-style:none;}
.rssfeeds li a.feed:hover {background:#000;}

#asideleft, #social, #contentinfo, #tickersearch, #footer {clear: both;} 

/* SHADOW ON BOXES */
#asideleft article, #maincolumn nav, section#social {	
	-moz-box-shadow: 5px 5px 20px #666;/* firefox */
	-webkit-box-shadow: 5px 5px 20px #666; /* chrome */
	box-shadow: 5px 5px 20px #666; /* ie9 and css3 */
	}


/* SECOND LEVEL Landing Page image scroller */
#imagescroller {margin:0 auto;margin-top:1em; padding:0; width:93.5%; overflow:hidden !important;}
#imagescroller a:active, #imagescroller a:hover, #imagescroller a:focus {background:none;outline:#FF3300 1px dashed;}
#imagescroller img#leftscrollarrow {float:left; margin:0; padding:0; margin-top: 30px; margin-right:-30px; display:none;}
#imagescroller img#rightscrollarrow {float:right; margin:0; padding:0;  margin-top:-75px; display:none;}
#imagescroller img {margin:0;}

/* Header
*****************/


	/* Banner */

	#banner img { margin:0 0 -5px 0;}
	#landingheading {font-size:200%;margin:0;padding:22px 0 0 .2em;position:absolute;z-index:5;}
	#banner h1 {font-size: small; padding:5px 0 0 5px; margin:0;color:#fff; background:transparent;}
	#banner a:hover, #banner a:active, #banner a:focus {background: none;}
	#banner #dwd {margin:0 0 0 0; padding:0; color:#fff; background:transparent;}
	#banner h1 img#printimg {display:none;}

ins {text-decoration: none;}
del {text-decoration: line-through;}
abbr {border:none;}

	/* Main BANNER Nav */

	#banner #global {
		background: #0075BE;
		font-size: small;
		height: 20px;
		line-height: 20px;
		margin: 0;
		padding: 0;
		width: 100%;
		text-transform:uppercase;
	}

	#banner nav ul {list-style: none; padding:0; margin: 1px auto; width: 97.5%;   }
	#banner nav li {float: left; display: inline; margin:0; padding:0; width:16.5%; text-align:center;}
	#banner nav li:hover {background:green;}
	#banner #global a:link, #banner #global a:visited {
		color: #fff;
		display: inline-block;
		height: 20px;
		padding: 0;
		margin:0;
		text-decoration: none;
		font-weight:900;
	}

#banner #global a:hover, #banner #global a:active, #banner #global a:focus, #banner #global .active a:link, #banner #global .active a:visited, #banner #global .active a:focus, #banner #topglobal a:hover, #banner #topglobal a:active, #banner #topglobal a:focus, #banner #topglobal .active a:link, #banner #topglobal li.active a:visited, #banner #global li.active {
		background: green;
		color: #fff;
		text-shadow: none !important;
	}

#banner #global li.active a, #banner #global li.active a:visited, #banner #global li.active a:focus, #banner #global li.active a:hover {cursor:default;}
	
	#banner #topglobal {
	background:#000; 
	color:#fff; 
	padding: .3em .5em; 
	margin:0; 
	display:inline;  
	width:45%; 
	float:right; 
	text-align:right; 
	/*border-bottom-left-radius: 10px;border-top-left-radius: 10px; 
	-moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; 
	-webkit-border-radius: 10px;*/
	-moz-border-radius: 0 0 0 10em;
	 border-radius: 0 0 0 10em;
	}
	
	#banner #topglobal a:link, #banner #topglobal a:visited {
		color: #fff;
		display: inline-block;
		padding:0 2px;
		margin:0;
		text-decoration: none;
	}

	/* this figure is changed per page using embedded css */
	/* don't change this stuff it's perfect now! */
#banner figure {
	background: transparent url('/images/2011/bannerDivision.jpg') top center no-repeat;
	height:282px;
	margin:0;
	padding:0;
	overflow:hidden;
	display:block;
}


/*	Featured articles left side and main column
*******************************/

#asideleft { padding:0; margin: 0; width:100%; }

/* ASIDE BASE ARTICLE */
#asideleft article {
	margin:1.5em auto;
	padding:3px;
	width:201px;
}
/* ASIDE BASE FIGURE */
#asideleft article figure {padding:0; margin:0; float:left;}
#asideleft article h2 {
	/*text-shadow: 1px 1px 1px #333;*/ 
	font-size: large;
	text-align:center;
	letter-spacing:1px;
	margin:auto;
	}
#asideleft article p {text-align:center;font-weight:900;height:81px;vertical-align:middle;}
#asideleft article p a {text-decoration:none;}	
#asideleft figcaption {display:block; text-align:center; padding:5px;}

#asideleft article h2.green, #asideleft article#programselect form label { font-weight:900;font-size:medium;letter-spacing:normal;text-align:left;margin-bottom:.2em; }

/*all articles have width 200px*/
article#welcome {height:81px;background:#fff;}
article#welcome figure {
	background-image: url('/images/2011/manny_perez_video.jpg');
	height:81px;
	width:200px;
}


/********** article input widths ****************************/
article#workforcealerts form {margin-bottom:.5em;}
article#watchonline form input[type="text"] {width:142px;}
article#workforcealerts form input[type="text"], article#alert_social form input[type="text"] {width:130px;}

	/*program select width is based on option length so don't set one */
#asideleft noscript ul {margin-left:-20px;}
#asideleft article#programselect form {display:none;margin:0 0 .5em 2px; padding:0;}/*this is display block via js */
#asideleft article#programselect form#findaprogram select {margin:0;padding:0;white-space:nowrap;}
#asideleft article#programselect form#findaprogram select option {padding-top:1px;}
#asideleft article#programselect form#findaprogram input[type="button"] {margin:-2px 0 0 0;}

article form#workshops {margin-bottom:.5em;}

article#speaker {height:81px;background:#fff;}
article#speaker figure {
	background-image: url('/images/2011/speaker.jpg');
	height:81px;
	width:200px;
}

/*can't get rid of padding or the box will be a smidge smaller*/
article#wimarketing  {height:81px;background:#67AB24;}
article#wimarketing figure {
	background-image: url('/images/2011/buttonMarketingWI.jpg');
	height:81px;
	width:200px;
}
article#scottwalker {height:92px;background:#08105B;}
article#scottwalker figure {
	background-image: url('/images/2011/gov_walker.jpg');
	height:92px;
	width:200px;
}

article#survey {height:81px;background:#fff;}
article#survey figure {
	background-image: url('/images/2011/survey_badge.jpg');
	height:81px;
	width:200px;
}

article#portal  {height:64px;border:none;
	-moz-box-shadow: none;/* firefox */
	-webkit-box-shadow: none; /* chrome */
	box-shadow: none; /* ie9 and css3 */
	}
article#portal figure{
	background: transparent url('/images/2011/portal.gif') top center no-repeat;
	overflow:hidden;
	height:64px;
	width:200px;
}

.swred { color:#A6302E;}
article#eventscalendar {text-align:center;height:200px;background:#fff;}
article#eventscalendar figure {
	background: transparent url('/images/2011/calendar.png') top center no-repeat;
	height:149px;
	width:200px;
}
article#eventscalendar h2 {margin-bottom:0;}

article#jcw {height:81px;}
article#jcw figure {
	background: url('/images/2011/jcwbutton.jpg') center center no-repeat;
	height:81px;
	width:200px;
}

article#worknet {height:81px;background:#033097;}
article#worknet figure {
	background: url('/images/2011/worknetbutton.jpg') center center no-repeat;
	height:81px;
	width:200px;
}

article#cwi {height:81px;background:#EE7621;}
article#cwi figure {
	background: url('/images/2011/cwi.jpg') center center no-repeat;
	height:81px;
	width:200px;
}

article#oea {height:81px;background:#07B706; }
article#oea figure {
	background: url('/images/2011/oea_badge.png') center center no-repeat;
	height:81px;
	width:200px;
}

article#ncrc {height:81px;}
article#ncrc figure {
	background: url('/images/2011/ncrcbutton.gif') center center no-repeat;
	height:81px;
	width:200px;
}

article#alert_social h3 {letter-spacing:-1px; color:#0075BE;}
article#alert_social div#socialiconlist ul.icon li a.socialwide {padding:0 0 0 40px;}
article#alert_social #socialiconlist ul.icon {float:right;margin-top:-18px; }
article#alert_social #socialiconlist li a {	padding-left:15px; padding-right:4px;} 

/* text articles */
.buttonTemplateBlue, .buttonTemplateGreen, .buttonTemplateOrange {width:200px;height:81px; }
.buttonTemplateBlue {background:url('/images/2011/buttonTemplateBlue.jpg') top left;}
.buttonTemplateGreen {background:url('/images/2011/buttonTemplateGreen.jpg') top left;}
.buttonTemplateOrange {background:url('/images/2011/buttonTemplateOrange.jpg') top left;}
.buttonTemplateBlue p, .buttonTemplateGreen p, .buttonTemplateOrange p {width:200px;margin:0;}
.buttonTemplateBlue p a:link, .buttonTemplateGreen p a:link, .buttonTemplateOrange p a:link, .buttonTemplateBlue p a:visited, .buttonTemplateGreen p a:visited, .buttonTemplateOrange p a:visited {font-weight:900; color:#fff !important;}
.buttonTemplateBlue p a:hover, .buttonTemplateGreen p a:hover, .buttonTemplateOrange p a:hover, .buttonTemplateBlue p a:focus, .buttonTemplateGreen p a:focus, .buttonTemplateOrange p a:focus {text-decoration:underline; color:#fff !important;}
.buttonTemplateBlue p a, .buttonTemplateGreen p a, .buttonTemplateOrange p a {display:block;}
.singleline p a {margin-top:33px;}
.doubleline p a {margin-top:23px;}

/* like default_partnerships page */
#maincolumnArticles article {width:200px;}
#maincolumnArticles article figure {padding:0; margin:0; float:left;}
#maincolumnArticles table td {vertical-align:top; padding:1em;}
#maincolumnArticles table td article.singleline p a {padding-top:33px; margin:0; text-align:center;}
#maincolumnArticles table td article.doubleline p a {padding-top:28px; margin:0; text-align:center;}
/* ------------------------------ */

#maincolumn li {margin-bottom:.5em; }
#maincolumn li ul { margin-top:.4em; list-style-type:circle;}
#maincolumn article.moreinformation {float:right; width:150px; background:#F0F8FF;padding:5px 8px;color:#000;margin:0 0 .5em .5em;}
#maincolumn article.moreinformation h3 {color:#003197;margin:auto;}
#maincolumn article.moreinformation a:hover, #maincolumn article.moreinformation a:focus, #maincolumn article.moreinformation a:active {color:#fff; }
#maincolumn article.moreinformation p {margin-top:.5em;}
#maincolumn article.moreinformation ul {margin-left:-20px; margin-top:.5em;}
#maincolumn article.moreinformation ul li { margin-bottom:.5em;}
#maincolumn article.moreinformation ol {margin-left:-15px; margin-top:.5em;}
#maincolumn article.moreinformation ol li { margin-bottom:.5em;}

/* 
************************ NAV BOXES HOMEPAGE **************************************** */
#maincolumn nav {
	margin:0;
	padding:5px 0;
	float:left;
	width:30.8%;
}

#maincolumn nav img {margin: 0; vertical-align:bottom;} 
#maincolumn nav h2, #maincolumn nav h3, #maincolumn nav ul {width:80%;margin:auto; }
#maincolumn nav h2, #maincolumn nav h3 {text-align:left;}
#maincolumn nav p {margin-left:2em;margin-bottom:1.8em;}
#maincolumn nav ul { margin:1em auto; padding:0; }
#maincolumn nav ul li { margin:0 0 .9em 0;padding:0;width:96%;}
#maincolumn nav#one ul, #maincolumn nav#two ul,	#maincolumn nav#three ul, #maincolumn nav#four ul, #maincolumn nav#five ul, #maincolumn nav#six ul { list-style-type:none;}
#maincolumn nav#seven ul, #maincolumn nav#eight ul, #maincolumn nav#nine ul, #maincolumn nav#ten ul, #maincolumn nav#eleven ul, #maincolumn nav#twelve ul { list-style-type:disc; margin-left:2.5em;}
#maincolumn nav#one, #maincolumn nav#two, #maincolumn nav#four, #maincolumn nav#five, #maincolumn nav#seven, #maincolumn nav#eight, #maincolumn nav#ten, #maincolumn nav#eleven {margin:0;margin-right:2.2%;}
#maincolumn nav#one, #maincolumn nav#two, #maincolumn nav#three, #maincolumn nav#four, #maincolumn nav#five, #maincolumn nav#six, #maincolumn nav#seven, #maincolumn nav#eight, #maincolumn nav#nine, #maincolumn nav#ten, #maincolumn nav#eleven, #maincolumn nav#twelve {margin-bottom:2%; }
#maincolumn nav#three, #maincolumn nav#six, #maincolumn nav#nine, #maincolumn nav#twelve {margin-left:0;}

#maincolumn nav#seven h2, #maincolumn nav#eight h2, #maincolumn nav#nine h2, #maincolumn nav#ten h2, #maincolumn nav#eleven h2, #maincolumn nav#twelve h2 {font-size:120%;margin-top:.5em;} 

#buttontable {width:75%;}
nav#one[class="twobox"], nav#two[class="twobox"] {width:36%;margin:auto;}

#maincolumn nav.onthispage {
	margin:auto;
	padding:5px;
	float:none;
	width:50%;
	}
	
/*	Social 
*****************/

#social {
	/*overflow:hidden; leave this here instead of a width */
	background: transparent;
	padding:1.3em 1.3em 0 1.3em;
	margin: 0 0 1.5em 0; 
	float:left;
	width:92.9%;
}

#social div a.twtr-join-conv:hover, #social div a.twtr-join-conv:active, #social div a.twtr-join-conv:focus, #social p a:hover, #social p a:active, #social p a:focus {color:#fff !important;}
	/* Social Icons and heading */
	
	#social h2.workforce {display:inline;float:left;width:41.5%;padding:0;margin:0;}
	#social h2.workforce img, h4.workforce img {vertical-align:middle;}
	div#socialiconlist ul.icon li a {
		background-repeat: no-repeat;
		background-position: top left;
		padding-left: 20px;
		padding-right:10px;
	}
	div#socialiconlist ul.icon li a.socialwide {padding-left: 40px;}
	
	div#socialiconlist ul.icon {list-style: none; padding:0; margin: 0; }
	div#socialiconlist ul.icon li {	float: right; display: inline; margin: 0; padding:0;}
	#socialiconlist ul.icon li a.feed, footer#contentinfo a.feed {background-image: url('/images/2011/feed_icon_16x16.gif');}
		#socialiconlist ul.icon li a[href*='digg.com'] {background-image: url('/images/2011/digg.png');}
		#socialiconlist ul.icon li a[href*='facebook.com'] {background-image: url('/images/2011/facebook.png');}
		#socialiconlist ul.icon li a[href*='/feed/'] {background-image: url('/images/2011/rss.png');}
		#socialiconlist ul.icon li a[href*='twitter.com'] {background-image: url('/images/2011/twitter.png');}
		#socialiconlist ul.icon li a[href*='youtube.com'] {background-image: url('/images/2011/youtube.png');}


#social ul {list-style: none; margin: 0;}
#social li {border-bottom: 1px solid #fff;}
#social h2 {
	color: #22316C;
	font-size: 1.429em;
	margin-bottom: .25em;
	padding: 0 3px;
}
#social h2 a:link, #social h2 a:visited {color:#22316C;}
#social a:link, #social a:visited {
	color: #22316C !important;
	text-decoration: none;
}
#social h2 a:hover, #social h2 a:focus {color:#fff;}

#social ul.icon li a:hover, #social ul.icon li a:active, #social ul.icon li a:focus {color: #fff !important; background-image:none;font-weight:900;}

	/* Blogroll */

	#social .blogroll {
		width: 91%;
		margin:auto;
		margin-top:2em;
	}	
	#social .blogroll ul {margin-left:-40px;}
	#social .blogroll li {float: left; margin: 0; margin-bottom:1.5em; width: 97%; border-bottom: 1px solid #F4E3E3;}
	#social .blogroll li img {margin-right:1em; width:35px;  float:left;  }
	#social .blogroll a:link, #social a:visited {color: #FF3300; font-weight:900;}
	#social .blogroll li:hover {background:#112233;color:#fff;}
	
	
/**************************  GENERIC FORM CSS ************************************************/
form.generic_form { background:#F0F8FF;border:1px solid black;width:90%;padding:1em 0;}
.generic_form fieldset {width:85%; margin:1.5em auto;}
.generic_form fieldset fieldset {width:90%;margin:1.5em auto;}
.generic_form legend {font-weight:bold;color:green;font-size:110%;text-transform:uppercase;}
.generic_form p {float:left; clear:both; width:99%; margin:3px 0;}
.generic_form label, .generic_form input[type="text"] {display:block;float:left;width:27%;}
.generic_form input[type="checkbox"] {float:left;width:10%;} 
.generic_form textarea {width:45%;}
.generic_form div.cleareverything p {display:block;}
.generic_form div.cleareverything p label, .generic_form div.cleareverything p input[type="radio"] {float:none;display:inline;} 
.generic_form div.cleareverything p input[type="radio"] {margin-right:.7em;}
form.generic_form input[type="checkbox"]:focus, form.generic_form input[type="text"]:focus, form.generic_form textarea:focus, form.generic_form input[type="radio"]:focus {background:#93A070;color:#fff !important;font-weight:bold;} 
form.generic_form #formbuttons {text-align:center; margin-top:1em;} 	
/*
********************************button code ************************************************/
/* old button code */
.buttondiv {
	padding: 20px 0;
}
.buttondiv a:link {margin-bottom:2em;}
/* end old button code */

/* new button code using layout table for ie8 */
	.buttontable {background:white;width:64%;text-align:center;margin:auto;}
	.buttontable a {width:55%;}
	.buttontable a.singlebutton {width:28%;}
	.buttontable td {padding-bottom:1.5em;width:50%;}

/* end new button code using layout table */
/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none !important;
	font: 14px/100% Arial, Helvetica, sans-serif;
	font-weight:900;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}


.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
	text-decoration: none;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */

/* black */
.buttonblack, .buttonblack:visited {
	color: #d7d7d7  !important;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.buttonblack:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.buttonblack:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.buttongray, .buttongray:visited {
	color: #e9e9e9  !important;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.buttongray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.buttongray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.buttonwhite, .buttonwhite:visited {
	color: #606060 !important;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.buttonwhite:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.buttonwhite:active {
	color: #999 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.buttonorange, .buttonorange:visited {
	color: #fef4e9 !important;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.buttonorange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.buttonorange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.buttonred, .buttonred:visited {
	color: #faddde !important;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.buttonred:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.buttonred:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.buttonblue, .buttonblue:visited {
	color: #d9eef7 !important;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.buttonblue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.buttonblue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* green */
.buttongreen, .buttongreen:visited {
	color: #e8f0de !important;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.buttongreen:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.buttongreen:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* limegreen */
.buttonlimegreen, .buttonlimegreen:visited {
	color: #ffffff !important;
	border: solid 1px #91ca05;
	background: #e5f8b7;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9e51e), to(#9cdb00));
	background: -moz-linear-gradient(top,  #c9e51e,  #9cdb00);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9e51e', endColorstr='#9cdb00');
}
.buttonlimegreen:hover {
	background: #d7ef9e;
	background: -webkit-gradient(linear, left top, left bottom, from(#c5dc13), to(#8dc405));
	background: -moz-linear-gradient(top,  #c5dc13,  #8dc405);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5dc13', endColorstr='#8dc405');
}
.buttonlimegreen:active {
	color: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#9cdb00), to(#c9e51e));
	background: -moz-linear-gradient(top,  #9cdb00,  #c9e51e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9cdb00', endColorstr='#c9e51e');
}

/* darkblue */
.buttondarkblue, .buttondarkblue:visited {
	color: #d9eef7 !important;
	border: solid 1px #031e4b;
	background: #dee7f7;
	background: -webkit-gradient(linear, left top, left bottom, from(#0066ff), to(#003399));
	background: -moz-linear-gradient(top,  #0066ff,  #003399);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066ff', endColorstr='#003399');
}
.buttondarkblue:hover {
	background: #c9d8f3;
	background: -webkit-gradient(linear, left top, left bottom, from(#003399), to(#0066ff));
	background: -moz-linear-gradient(top,  #003399,  #0066ff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#003399', endColorstr='#0066ff');
}
.buttondarkblue:active {
	color: #cfe9f4;
	background: -webkit-gradient(linear, left top, left bottom, from(#003399), to(#0066ff));
	background: -moz-linear-gradient(top,  #003399,  #0066ff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#003399', endColorstr='#0066ff');
}

/* darkorange */
.buttondarkorange, .buttondarkorange:visited {
	color: #fef4e9 !important;
	border: solid 1px #c33103;
	background: #f5e396;
	background: -webkit-gradient(linear, left top, left bottom, from(#ee7500), to(#e33600));
	background: -moz-linear-gradient(top,  #ee7500,  #e33600);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee7500', endColorstr='#e33600');
}
.buttondarkorange:hover {
	background: #e9d16d;
	background: -webkit-gradient(linear, left top, left bottom, from(#dd3905), to(#ec6600));
	background: -moz-linear-gradient(top,  #dd3905,  #ec6600); 
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd3905', endColorstr='#ec6600');
}
.buttondarkorange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#e33600), to(#ee7500));
	background: -moz-linear-gradient(top,  #e33600,  #ee7500);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e33600', endColorstr='#ee7500');
}

/* yellow */
.buttonyellow, .buttonyellow:visited {
	color: #ffffff !important;
	border: solid 1px #facc38;
	background: #f5e396;
	background: -webkit-gradient(linear, left top, left bottom, from(#fae84e), to(#fae84e));
	background: -moz-linear-gradient(top,  #fae84e,  #fae84e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae84e', endColorstr='#fae84e');
}
.buttonyellow:hover {
	background: #e9d16d;
	background: -webkit-gradient(linear, left top, left bottom, from(#fad038), to(#f9d84e));
	background: -moz-linear-gradient(top,  #fad038,  #f9d84e); 
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fad038', endColorstr='#f9d84e');
}
.buttonyellow:active {
	color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fae84e), to(#fae84e));
	background: -moz-linear-gradient(top,  #fae84e,  #fae84e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae84e', endColorstr='#fae84e');
}
	
/*************************  CLIENT SIDE FORM VALDIATION CSS **********************  dark: d63e0e  light: ea9808  ************/

p.textinvalid
{
  margin: 0;
  padding: 0;
  padding-left: 20px;
  padding-bottom: .5em;
  display: block;
}

p.textinvalid label {
 margin: 0;
 padding: 0;
 display: block;
}

p.textinvalid input {
 margin: 0;
 padding: 0;
 display: inline;
}

span.inst {
  font-size: 75%;
  color: blue;
  padding-left: .25em;
}


form span.error {
  display: none;
  border: thin solid red;
  padding:3px; 
  color: red;
  font-size: 80%;
  float:left;
}

	
/********************  only MEDIA QUERY code goes below here  *******************************/

/* layout 800 */	
	
@media only screen and (min-width:711px) and (max-width:844px) {

#wrapper {max-width:800px;}
#banner figure {background: transparent url('/images/2011/800x280.jpg') top center no-repeat;	height:280px;}
#leftcolumn {float:left; min-width:215px;width:25%; }
#maincolumn {float:left; width:67%;padding-left:1em;}

#banner #topglobal {width:47%;}
#search {margin-top:-10px;}
#tickersearch {margin:0 0 0 .5em;}
#tickersearch #td1 {width:65%;}
#tickersearch #td3 {}/*still working on this*/

#buttontable {width:100%;float:left;}
nav#one[class="twobox"], nav#two[class="twobox"]  {clear:both;width:60%;}

/* NAV BOXES HOMEPAGE */
#maincolumn nav {
	float:left;
	width:31.8%;
}

#maincolumn nav h2 {text-align:center;}
.generic_form fieldset {width:50%;}

/* SOCIAL */
#social {
	float:left;
	width:94%;
	}
	
#social h2.workforce {width:50%;}
div#socialiconlist ul.icon li { margin:0 auto; margin-bottom:3px; }
	
/* SHADOW ON BOXES */
#asideleft article, #maincolumn nav, section#social {	
	-moz-box-shadow: 5px 5px 10px #666;/* firefox */
	-webkit-box-shadow: 5px 5px 10px #666; /* chrome */
	box-shadow: 5px 5px 10px #666; /* ie9 and css3 */
	}
}	

/* layout less than 800 */	

@media only screen and (min-width:100px) and (max-width:710px) {

#wrapper {width:710px;}
#banner figure {background: transparent url('/images/2011/800x280.jpg') top center no-repeat;	height:280px;}
#leftcolumn {float:left; min-width:215px;width:25%; }
#maincolumn {float:left; width:67%;padding-left:1em;}


#banner #topglobal {width:47%;}
#search {margin-top:-10px;}

/* NAV BOXES HOMEPAGE */
#maincolumn nav {
	float:left;
	width:30.9%;
}

#maincolumn nav h2 {text-align:center;}

/* SOCIAL */
#social {
	float:left;
	width:91%;
	}
	
#social h2.workforce {width:50%;}
div#socialiconlist ul.icon li { margin:0 auto; margin-bottom:3px; }
.generic_form fieldset {width:50%;}
	
/* SHADOW ON BOXES */
#asideleft article, #maincolumn nav, section#social {	
	-moz-box-shadow: 5px 5px 10px #666;/* firefox */
	-webkit-box-shadow: 5px 5px 10px #666; /* chrome */
	box-shadow: 5px 5px 10px #666; /* ie9 and css3 */
	}
}