/* CSS Document */

body {
			
			background-color:#F1F1EE;
			font-size:12px;
			font-family:Tahoma, Arial, Helvetica, Sans-serif;
			margin:0;
			padding:0;
}


td {
			font-size:12px;
			font-family:Tahoma, Arial, Helvetica, Sans-serif;
}

hr {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #dddddd;
}

.wrap {
	margin:0 auto;
	width:791px;
	background-color:#ffffff;
	min-height:450px;
	vertical-align:top;
	padding:0;
	background-image: url(/images/bg.jpg);
	background-repeat: repeat-y;
}

H1 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	MARGIN-BOTTOM: 10px;
	TEXT-TRANSFORM: none;
	COLOR: #000000;
	FONT-STYLE: normal;
	font-family:Tahoma, Arial, Helvetica, Sans-serif;
	TEXT-DECORATION: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
	margin-left: 0px;
	margin-right: 4px;
	margin-top: 6px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}


#careerbox {
	padding: 0px;
	width: 335px;
	height: 320px;
	float: left;
	margin-right: 8px;
	margin-bottom: 5px;
}

#careerbox ul{
	padding:0;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;	
}

#careerbox li.head-blue {
	background-color: #006CA1;
	font-size: 12px;
	font-weight: bold;
	background-position: center;
	text-align: center;
	color: #FFFFFF;
	padding: 2px;
}

#careerbox li.head-red {
	background-color: #B3081B;
	font-size: 12px;
	font-weight: bold;
	background-position: center;
	text-align: center;
	color: #FFFFFF;
	padding: 2px;
}

#careerbox li.body {
	
	font-size: 9px;
}

#careerbox a{
	padding-left: 5px;
}


.hot-top{
			width:696px;
			position:relative;
			padding:0;
			margin:0 27px 0 27px;}
			
#toph { background: #F0F0F0 url(/images/top1.jpg) no-repeat center top; height: 14px; margin: 0; padding: 0;}

.gap {
	clear: both;
	padding-top: 8px;
	padding-bottom: 8px;
}

			
.content {
	width:696px;
	padding:0;
	margin:0 auto;
	min-height: 350px;
	background-color: #FFFFFF;
}

.content p 
{
	padding-top: 5px;
	padding-bottom: 5px;	
}

.content-index {
			width:696px;
			margin:0;
			padding:0;
			min-height:179px;
			margin:0 auto;
}

.content-index-top {
	width:696px;
	min-height:185px;
	margin:0;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaaaaa;
}

.content-index-middle {
	width:696px;
	min-height:40px;
	margin:0;
	border-top:1px solid #aaa;
	clear:both;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
}

.footer {
	clear:both;
	padding:2px 0 0 0;
	height:25px;
	width:696px;
	margin: 2px 27px 0 27px;
	background:#b2b2b2;
}

#footer {
	color: #a0a0a0;
	height: 30px;
	text-align: center;
	clear: both;
	margin: 0;
	background-image: url(/images/footer.jpg);
}

#footer p {
	height: 2px;
	width: 700px;
	color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding-top: 4px;
	padding-bottom: 15px;
	font-size: 10px;
}
#footer a { 	color: #999; background: #FFF;  text-decoration:none;}
#footer a:hover { 	background: #FFF;	text-decoration: underline; color: #444;}

.left-column { float:left;
				width:260px;
}
.right-column { float:right;
				width:260px;
}


/* Subject stuff */

.subjectimages {
	float: left;
	margin-right: 12px;
	margin-bottom: 5px;
	border: 1px solid #000000;
	margin-top: 7px;
}

td a.subjectmore {
	color:#006CA1;
	font-style: italic;
	text-align: right;
}

p a.subjectmore {
	color:#006CA1;
	font-weight: 300;
}

/* Career Options */

.right-content {
			width:417px;
			height: expression( this.scrollHeight < 600 ? "600px" : "auto" ); /* sets max-height for IE */
			min-height:600px;
			float:right;
			margin:0;
			background-color:#fff;
			padding:0 0 15px 0;
			border-left:1px solid #cccccc;
}

.right-content p {padding-left:5px;padding-bottom:2px}

.right-content iframe {
	padding: 5px;
	margin-left:3px;
	
}

.left-content {
	width:262px;
	float:left;
	margin:0;
	min-height: 450px;
	background-color:#fff;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
}

.left-content p {padding-bottom:2px}


.left-content-general {
	width:155px;
	float:left;
	margin:0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;

}

/* Employer profile and regional updtes */

.right-content-general {
	width:528px;
	float:right;
	margin:0;
	background-color:#fff;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 6px;	
	border-left:1px solid #cccccc;
	height: expression( this.scrollHeight < 350 ? "350px" : "auto" ); /* sets max-height for IE */
	min-height:450px;
}

.right-content-general p {padding-left:8px;}

.right-content-general H1 {margin-left:8px;}

.right-content-general p.greybox {
	border: 1px solid #cccccc;
	width: 97%;
	padding: 2px;
	margin-left: 8px;
	margin-top: 5px;
	margin-bottom: 2px;
}

/* Home page boxes */

.left-content-index {
			width:223px;
			height:148px;
			float:left;
			padding:0;
			margin-top: 5px;
			margin-right: 0;
			margin-bottom: 0px;
			margin-left: 0;
			background-color:#006CA1;
		
}

.left-content-index p  {
	color:#ffffff;
	margin-bottom: 0px;
	margin-right:5px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 0;
	padding-left: 2px;
}
.left-content-index p a {color:#ffffff;}
.left-content-index p a:hover {color:#eeeeee;}
.left-content-index p a:visited {color:#ffffff;}
.left-content-index p.title {margin:0; color:#ffffff; padding:9px 7px 5px 7px; border-bottom:4px solid #ffffff;}
.left-content-index img {float:left; margin-right:8px;}
.left-content-index td p {color:#ffffff; padding:5px 7px 0 7px; margin-bottom: 0px;}
.left-content-index td p a {color:#ffffff;}
.left-content-index td img {
	margin-right:0px;
	border: 1px solid #000000;
}
.left-content-index .small {font-size:11px;}


.middle-content-index {
	float:left;
	width:241px;
	height:148px;
	padding:0;
	background-color:#CECD00;
	border-left:4px solid #ffffff;

	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

.middle-content-index p {color:#ffffff; padding:5px 7px 0 5px; margin-bottom: 0px;}
.middle-content-index p a {color:#ffffff;}
.middle-content-index p a:hover {color:#eeeeee;}
.middle-content-index p a:visited {color:#ffffff;}
.middle-content-index p.title {margin:0; color:#ffffff; padding:9px 7px 5px 5px; border-bottom:4px solid #ffffff;}
.middle-content-index p.title a{color:#ffffff; }
.middle-content-index td p a {padding:0;}
.middle-content-index img {float:left; margin-right:8px;}
.middle-content-index .small {font-size:11px;}

.right-content-index {
	float:left;
	width:224px;
	height:148px;
	padding:0;
	margin-top:5px;
	background-color:#B3081B;
	border-left:4px solid #ffffff;
	
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.right-content-index p {color:#ffffff; padding:5px 7px 0 5px; margin-bottom: 0px;}
.right-content-index p a {color:#ffffff;}
.right-content-index p a:hover {color:#eeeeee;}
.right-content-index p a:visited {color:#ffffff;}
.right-content-index p.title {margin:0; color:#ffffff; padding:9px 7px 5px 5px;border-bottom:4px solid #ffffff;}
.right-content-index div.top {border-bottom:4px solid #ffffff;height:55px;}
.right-content-index div.bottom {height:55px;}
.right-content-index img {float:left; margin-right:8px;}
.right-content-index .small {font-size:11px;}

.what-we-do {
			width:100%;
			height:37px;
			padding:0;
			margin: 4px 0 0 0;
			display:block;
}

.video-level {
			width:100%;
			min-height:96px;
			float:left;
			padding:0;
			margin: 4px 0 0 0;
			border-bottom:4px solid #ffffff;
			display:block;
}

.video-level .image  {
			color:#ffffff; 
			padding:0; 
			margin: 0 0 0 4px; 
			background-color:#99c5dd;
			height:96px;
			float:left;
			width:129px;
}

.video-level .image p {
			padding: 3px 3px 0 3px;
			font-size:11px;
			height: 12px;
			margin:0;
			font-family:Geneva, Arial, Helvetica, sans-serif;
}

.video-level p a, .video-level p a:visited {
			color:#000000;
}

.video-level p a:hover {
			color:#eeeeee;
}

.video-level p a:visited {
			color:#000000;
}

.clear-width {width:100%; clear:both;}

.table-left {
	margin-right:10px;
	margin-bottom:5px;
	float:left;
}

/* features strip */



/* right menu */


.right-menu-index {
	width:240px;
	min-height:118px;
	padding:0;
	margin:0;
	background-color:#B3081B;
	border-left:4px solid #fff;
	border-bottom:0px solid #fff;
	float: right;
}

.right-menu-index p {color:#fff; padding:5px 15px 0 15px;}
.right-menu-index p.title {margin:0; color:#fff; padding:9px 15px 5px 15px;border-bottom:4px solid #fff;}
.right-menu-index p a {color:#fff;}
.right-menu-index p a:hover {color:#eee;}
.right-menu-index p a:visited {color:#ffffff;}

/* Header div and upper menu navigation */

.header {
	height: 80px;
	width: 696px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}


.header form {
	position:relative;
	float: right;
	margin-top: 5px;
	margin-right: 0px;

}

.header input {
	float: right;
	margin-top: 35px;
	margin-right: 0px;
	margin-left: 4px;
}

.SearchBox {
	font-size: 10px;
	background-image: url(/images/google.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center;
	background-color: #FFFFFF;
	vertical-align: middle;
	margin-top: 4px;
	margin-bottom: 6px;
	padding-top: 0px;
	padding-bottom: 2px;
	height: 14px;
}

.SearchButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #006CA1;
	color: #ffffff;
	font-weight: bold;
	background-position: center bottom;
	text-align: center;
	vertical-align: bottom;
	margin-top: 4px;
	margin-bottom: 6px;
	padding-bottom: 2px;
	height: 18px;
	padding-top: 0px;
 }
 
.header-index {
	width:750px;
	padding:0;
	margin-bottom:2px;	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border: 1px solid #CCCCCC;
}
 
.floatright {
			float:right;
			}
.floatleft {
			float:left;
			padding:0;
			margin:0;
			}
			
.image-floatright {
			float:right;
			clear:right;
			margin: 0 0 5px 10px;
			}
			
.image-floatright-emp {
	padding: 15px;
	float: right;	
}
			
.image-floatleft-emp {
	float: left;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}
		
.image-floatleft {
	clear:both;
	float:left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0;
			}
			

.image-floatleft-logo {
			clear:left;
			float:left;
			margin: 0 15px 0px 0;
			}
.profile-left {
	height: expression( this.scrollHeight < 70 ? "70px" : "auto" ); /* sets min-height for IE */
	min-height:70px;
	border-bottom: 1px solid #cccccc;
	margin-bottom:1px;

}
.profile-left-emp {
	min-height:10px;
	height: 15px;
	padding-right: 4px;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.profile-right-l {float:left; width:193px; min-height:70px; border-bottom: 1px solid #cccccc; margin-bottom:4px; padding: 0 0 5px 15px;}
.profile-right-r {float:right; width:194px; min-height:70px; border-bottom: 1px solid #cccccc; margin-bottom:4px; padding: 0 0 5px 5px;}

.clear {clear:both;}

.greybox {
	background:#eeeeee;
	border: 1px solid #cccccc;
	width: 97%;
	padding: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.bluebox-inschools {
	background-color: #D0E9F5;
	border: 1px solid #006CA1;
	width: 99%;
	min-height:20px;
	padding: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.greybox p{
	padding: 2px;
	
}

.greyboxhome {
	border: 1px solid #aaaaaa;
	width: 99%;
	background:#eeeeee;
	margin-top: 5px;
	margin-bottom: 7px;
	padding-top: 6px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.border {
	border: 2px solid #cccccc;
}
.line {
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}



/* What we do profiles  */

#WWD-left-menu {
	clear:none;
	float:left;
	width:18%;
	padding:0;
	margin-top: 11px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
}

#WWD-left-menu H1{
	font-size: 14px;
	text-transform: uppercase;
	padding:0px;
	margin-top: 0px;
	border: 0px;
	margin-bottom: 5px;
}

#WWD-left-menu H2{
	font-size: 14px;
	margin-top: 1px;
	margin-bottom: 5px;
}

#WWD-left-menu H3{
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 2px;
}

#WWD-left-menu p{
	font-size: 12px;
	line-height:10px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 0px;
}

#WWD-middle-content {
	margin-left:20px;
	width:45%;
	float: left;
	margin-top: 5px;
}

#WWD-middle-content H1{
	border: 0px;
	color: #C2CD23;
	font-size:16px;
	margin-top:2px;
	margin-bottom:8px;
}

#WWD-right-content-landing {
	width:33%;	
	float: right;
	clear:right;
}

#WWD-right-box-content {
	padding:8px;
}

#WWD-right-box-content h2{
	font-weight:bold;
	font-size:12px;
	margin-bottom:3px;
}

#WWD-right-box-content p{
	font-size:11px;
	margin-bottom:2px;
}


#WWD-right-box-landing {
	padding: 0px;
	margin-top: 15px;
	margin-left: 5px;
	background-color: #F5F7E5;
}

#WWD-right-box-landing h1{
	padding-left:15px;
	border: 0;
	background-color: #C2CD23;
	margin: 0px;
}

#WWD-right-box-landing .WWD-right-box-content {
	width:95%;
	margin: 0 auto;
	
}

#WWD-right-content {
	width:78%;	
	float: right;
	clear:right;
}

#WWD-right-content img {
	padding-left:7px;
	padding-bottom:7px;	
	float: right;
}

#WWD-right-content hr {
	margin-top:15px;
	margin-bottom:15px;
}

#WWD-right-content a {
	color:#006CA1;
}

#WWD-right-content a:hover {
	color:#AFC8D4;
}

#WWD-right-content  .WWD-right-content-image {
	width:250px;
	height:100px;
	float: right;
	background-color:#eeeeee;
	margin: 5px;
}

#WWD-right-content hr{
	border-top-style: solid;
	border-top-color: #000000;
}

#WWD-right-content H1{
	border:0;
	margin-bottom:3px;
	font-size:16px;
}

#WWD-right-content h3{
	font-size:12px;
	margin-bottom:5px;
}

#WWD-right-content H2{
	font-size:14px;
	margin-top:3px;
	padding-bottom:7px;
	border-bottom:1px solid #000000;
}

/* Pathways Section */

#pathways {
	background-color:#e5f0f6;
	line-height:1.4em;
}

#pathways a {
	text-decoration:underline;
}

#pathways .EngTech {
	margin-left:592px;
	margin-top:50px;
	height:150px;
	width:98px;
}

#pathways .EngTechnologist {
	margin-left:595px;
	margin-top:57px !important;
	margin-top:32px;
	height:100px;
	width:95px;
}

#pathways .ProfEng {
	margin-left:600px;
	margin-top:73px;
	height:120px;
	width:88px;
}

#pathways .EngTech img, .EngTechnologist img, .ProfEng img {
	float:left;
	border:0;
	margin-right:4px;
}


#pathways .EngTech p, .EngTechnologist p, .ProfEng p {
	color:#ffffff;
	margin-top:1px;
	padding-top:1px;
	font-size:11px;
}

#pathways .EngTech a, .EngTechnologist a, .ProfEng a {
	display:block;
	width:93px;
	background-image:url(../Pathways/images/arrow.gif);
	background-repeat:no-repeat;
	background-position: right 23px;
	text-decoration:none !important;
}

#pathways .EngTech a {
	width:98px;
}

#pathways .EngTechnologist a {
	width:96px;
}

#pathways a {
	color:#006ca1;
}

#pathways a:hover {
	color:#000000;
}

#pathways .photogap {
	clear:both;
	margin-bottom:8px !important;
	margin-bottom:1px;
}

#pathways li {
	margin-top:3px;
	margin-bottom:3px;
}

#pathways ul.nav {
	background-color:#FFFFFF;
	padding-bottom: 10px;
	padding-left:0px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;

}

#pathways ul.nav li {
	display:inline;	
	padding-right:4px;
	border-right-width: 1px;
	border-right-style: solid;
}


#pathways ul.nav li a{
	padding-left:3px;
	padding-right:3px;
	padding-top:0px;
	padding-bottom:0px;

}

#pathways .activenav {
	background-color: #006ca1;
	color:#FFFFFF;
}

#pathways a.activenav:hover{

	color:#FFFFFF;
}

#pathways .profile-text {
	font-size:10px;
	line-height:1.4em;
}

#pathways .see-profile {
	width:30%;
	margin-right:0;
	margin-bottom:0;
	margin-left:auto;
	margin-top:auto;
	text-align: right;
}

#pathways h1 {
	background-color:#91afbe;
 	color: #FFFFFF;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 7px;
	margin-right:0px;
	margin-bottom:0px;
	font-size:12px;
	border:0;
	line-height:normal;
}

#pathways h2 {
	background-color:#aacee0;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 7px;
	margin-top:0px;
	margin-right:0px;
	font-size:12px;
	text-transform: uppercase;
}

#pathways h3 {
	color:#006ca1;
	font-size:12px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}


#pathways #column1 {
	width:48%;
	float:left;
	padding:4px;
}

#pathways #column2 {
	width:48%;
	float:right;
	padding:4px;
}

#pathways .redbox, .purplebox, .bluebox, .pinkbox {
	font-size: 9px;
	text-transform: uppercase;
	margin-right:4px;
	background-color:#e3002b;
	color:#FFFFFF;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 2px;
	
}

#pathways .pinkbox {
	background-color:#000000;
}

#pathways .redbox {
	background-color:#e3002b;
}

#pathways .bluebox {
	background-color:#006ca1;
}

#pathways .purplebox {
	background-color:#762b90;
}

.dottedbox {
	border: 1px solid #CCCCCC;
	width: 96%;
	padding-right: 5px;
	padding-left: 5px;
	min-height: 50px;
}

.bluebox-employers {
	padding: 4px;
	float: right;
	min-height: 60px;
	width: 250px;
	margin-top: 6px;
	margin-bottom: 6px;
	background-color: #D0E9F5;
	border: 1px solid #006CA1;
	margin-left: 6px;
}

.greentitle {
	clear: both;
	padding: 3px;
}
.pagetitle {
	font-family:Tahoma, Arial, Helvetica, Sans-serif;
}

.menubox {
	border: 1px solid #cccccc;
	width: 97%;
	padding: 2px;
	margin: 5px;
	background-color: #EDF3FE;
}


.greenborder {
	border: 3px solid #CECD00;
	margin: 3px;
}



#contents {
	background : #fff;
	border : 1px solid #ccc;
	border-top : none;
	clear : both;
	margin : 0px;
	padding : 15px;
}

.frame-contents {
	background-color: #FFFFFF;
	height: 650px;
	overflow:auto;
	margin:5px;
	width:415px;
}

.frame-contents table {
	margin-left:5px;
	margin-bottom:5px;
}

.facilitator-frame {
	background-color: #FFFFFF;
	height: auto;
	overflow:auto;
	margin:5px;
	width:100%;
}

select {
	background-color: #dddddd;
	border: 1px solid #CECDOO;

}
.fancytd td{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #aaaaaa;
}

.box-right {
	background: #E7EDF0;
	padding: 5px;
	border: 1px solid #999;
	color: #333;
	float: right;
	width: 220px;
	margin-left: 7px;
	margin-bottom: 3px;
}

.box-right a {
	font-size: 10px;	
}

.box-right ul {margin:0;}

.box-right li {
	margin-left:-15px;
	list-style-type: circle;
}

.box-right h1 {
	font-size:12px;
	font-weight:bold;
	margin-left:5px;
	padding-bottom: 4px;
	border-bottom:1px dotted #aaaaaa;
}