/* Techlink Layout Css page */



#wrap{
			background:#ffffff;
			color:#505050;
			margin:0 auto;
			width:760px;
}

a img {
			border: 0;
}


.float-none {
	float:none;
}

.float-left {
	float: left;
}

.float-right {
			float: right;
}

.clear {
			clear:both;
}

.clear-right {
	clear: right;
}

.clear-left {
	clear: left;
}

.noclear {
			clear:none;
}

.left {
			margin: 10px 10px 5px 0; 
			float: left;
}

.right {
			margin: 10px 0 5px 10px; 
			float: right;
}

.textright {
			text-align: right;
}

.center {
			text-align: center;
}

.hide {
			display: none;
}

.thumbnail {
			margin:0 5px 12px 5px;
}

.showcase-pics {padding-bottom:200px;}

/* Lower banner */
.lower-banner-left {
	float: left;
	margin: 8px 0 0 5px;
	padding: 0 0 0 0;
}
.lower-banner-right {
	float: right;
	margin: 0 0 0 0;
	padding: 0 10px 0 0;
	min-height:40px;
}


/* Components of practice classes */
.cop {
			color:#121212;
}

.copleft-box {
			float: left; 
			width:47%; 
			margin-bottom: 15px;
}

.copleft-box ul {
			margin: 5px 0 5px 18px; 
			list-style-type: disc;
}

.copleft-box li {
			margin: 0 0 2px 0;
}

.copright-box {
			float: right; 
			width:47%; 
			margin-bottom: 15px;
}

.copright-box ul {
			margin: 5px 0 5px 18px; 
			list-style-type: disc;
}

.copright-box li {
			margin: 0 0 2px 0;
}

.PDF-download {border-bottom:1px #444444 solid; margin-bottom:10px;}

/* TopBanners and nav */
#Techlink-logo {
			position: absolute; 
			top: 0px; 
			height: 57px; 
			width: 760px; 
			background: #dfedb1 url(/GIF-tech-education/images/techlink-header-2.gif) left top no-repeat; 
			margin: 0; 
			padding: 0;
			border-top:5px white solid;
			border-bottom:10px white solid;
}

#navcontainer {
			position: absolute; 
			top: 68px; 
			width: 790px; 
			Margin: 0;
			z-index:50;
}

.rightnews {
			width: 101px;
			float: right;
			background: #FFF;
			margin: 10px 4px 10px 10px;
			padding: 5px 2px 5px 4px;
			font-size: 11px;
			line-height: 16px;
			color: #777777;
}



/* Content Containers */
			
#contentcontainer {
			position: absolute; 
			top: 90px; 
			width: 765px; 
			Margin: 0;
			z-index:1;
			clear:both;
}

#noright-contentcontainer {
			position: absolute; 
			top: 90px; 
			width: 757px; 
			Margin: 0;
			z-index:1;
			clear:both;
}

#fullwidth-contentcontainer {
			position: absolute; 
			top: 90px; 
			width: 757px; 
			Margin: 0;
			z-index:1;
			clear:both;
}


#content {
			margin: 5px 123px 20px 157px;
			padding: 3px 0 0 12px;
			line-height: 17px;
			text-align: left;
			width:463px;
}

#content h2 {
			font-size: 15px;
			margin: 0 0 8px 0;
}

#content p {
			margin-top:8px; 
			margin-right:5px; 
			margin-bottom: 8px;
}

#content img {
			padding: 0px; 
			border: thin none #CCCCCC; 
			background-color: #FFFFFF;
}

#noright-content {
			margin: 5px 0px 20px 157px;
			padding: 5px 0 0 12px;
			line-height: 17px;
			text-align: left;
			width:588px;
}

#noright-content p {
			margin-top:8px; 
			margin-right:5px; 
			margin-bottom: 8px;
}

#noright-content img {
			padding: 0; 
			border: thin none #CCCCCC; 
			background-color: #FFFFFF;
}

#fullwidth-content {
			margin: 2px 0px 20px 10px;
			padding: 5px 0 0 12px;
			line-height: 17px;
			text-align: left;
			width:765px;
}

#fullwidth-content p {
			margin-top:8px; 
			margin-right:5px; 
			margin-bottom: 8px;
}

#fullwidth-content img {
			padding: 0px; 
			border: thin none #CCCCCC; 
			background-color: #FFFFFF;
}

/* Boxes */

.box-bluetitle {
			float:right;
			display:block;
			width:185px;
			margin: 0 0 4px 5px;
			border: 1px solid #dddddd;
}

.box-bluetitle-top {
			background-color: #7299cf;
			padding: 2px 5px 2px 5px;
			color: #ffffff;
			margin: 0
			font-size: 11px;
			line-height: 15px;
			font-weight:bold;
}

.box-bluetitle-bottom {
			padding: 5px 5px 5px 5px;
			color: #444444;
			margin: 0;
			background-color: #f4f4f4;
			font-size: 11px;
			line-height: 15px;
}

.box-bluetitle-bottom ul {
			margin: 0 0 0 -1px; 
			list-style-image:url(/styles/diamond.gif);
			}
			
.box-bluetitle-bottom ul li {
			font-size: 11px;
			margin:0;
			padding:0;
			}


.greenbox {
			display:block;
			background-color: #F7F9F7;
			border: 1px solid #94BD53;
			padding: 5px;
			margin: 0px;
			color: #777777;
	font-size: 11px;
	font-style: italic;
	line-height: 14px;
}

.box-blue-low {
			display:block;
			background-color: #EDF3FE;
			padding: 5px;
			margin: 12px 0 4px 0;
			color: #444;
	font-size: 11px;
	line-height: 15px;
}

.enz-box {	
			background-color: #FaFaFa;
			border: 1px solid #dfdfdf;
			padding: 5px;
			margin: 15px 0 0 0;
			color: #777777;
	font-size: 10px;
	font-style: italic;
	line-height: 11px;
}

.greenbox2 {
			display:block;
			background-color: #F7F9F7;
			border: 1px solid #94BD53;
			padding: 5px;
			margin: 3px 17px 3px 7px;
			color: #777777;
}


.box_right {
			background-color: #EDF3FE; 
			padding: 7px 9px 9px 7px; 
			width: 200px; 
			margin: 4px 0px 5px 15px; 
			float: right;
}

.splitright {
	width: 187px;
	background-color: #EDF3FE;
	border: 1px solid #74A8F5;
	padding: 0 7px 0 7px;
	float: right;
	margin: 4px 0 5px 9px;
}

.splitleft {
	width: 187px;
	background-color: #EDF3FE;
	border: 1px solid #74A8F5;
	padding: 0 7px 0 7px;
	float: left;
	margin: 4px 5px 5px 0;
}

.round-box-275 {
	width: 275px;
	float: right;
}
.round-box-275 .top-image {padding:10px 1px 3px 15px; margin:0;
	width: 275px;
	background:url(/rounded-box-high-275.jpg) top no-repeat;}
.round-box-275 .bottom-image {padding:0 1px 0 15px; margin:0;
	width: 275px;
	background:url(/rounded-box-low-275.jpg) top no-repeat;}

.round-box {
	width: 205px;
	float: right;
}
.round-box p {
	width: 185px;
	color: #777777;
	font-size: 11px;
	font-style: italic;
	line-height: 14px;
}
.round-box .top-image {padding:10px 0 4px 15px; margin:0;
	width: 205px;
	background:url(/rounded-box-high.jpg) top no-repeat;}
.round-box .bottom-image {padding:0 0 0 15px; margin:0;
	width: 205px;
	background:url(/rounded-box-low.jpg) top no-repeat;}

.bluebox {
	background-color: #EDF3FE;
	border: 1px solid #74A8F5;
	padding: 10px;
	float: right;
	margin: 0 0 5px 5px;
}

.bluebox4parag {
	background-color: #EDF3FE;
	border: 1px solid #74A8F5;
	padding: 7px;
	margin: 0 0 5px 0;
}

.whitebox {
	border: 1px solid #74A8F5;
	padding: 10px;
	margin: 0 5px 0 5px;
	width:430px;
}

.bluebox3 {
			background-color: #EDF3FE; 
			border: 1px solid #74A8F5; 
			padding: 5px 5px 10px 5px; 
			margin: 0px 0px 10px 0px; 
			text-align: center; 
			width: 400px; 
			clear: none; 
			float: inherit;
}
.bluebox4 {
			border: 1px solid #74A8F5; 
			padding: 5px 5px 10px 5px; 
			margin: 15px 0px 15px 0px; 
			text-align: center; 
			width: 450px; 
			clear: none; 
			float: inherit;
}

.galbox3 {
			padding: 0; 
			margin: 0; 
			text-align: center; 
			width: 400px;
}

.bluebox-popup {
			background-color: #EDF3FE; 
			border: 1px solid #74A8F5; 
			margin: 0px; 
			clear: both; 
			float: left; 
			height: 744px; 
			width: 744px;
}

.FloatLeft {
			margin: 5px 5px 2px 0;
			float: left;
}

.FloatRight {
			margin: 5px 0 2px 5px;
			float: right;
}

.ss-bottom {
			margin: 0 5px 2px 0;
			float: left;
			}

.box {
			border: 1px solid #999999; 
			width: 250px;
			float: left;
}

.box-right-white {
			width: 250px;
			margin-left:3px;
			float: right;
}
.box-right {
			width: 340px;
			float: right;
}

.box2 {
			border: 1px solid #999999; 
			width: 250; 
			float: left; 
			height: 100%;
}

.glossarybox {
	background-color: #FAFCFE;
	border: 1px solid #B9D8F0;
	padding: 7px 14px 7px 14px;
	margin: 7px 0 7px 0;
}

#panel{
			
			font-size:10px; 
			float:right; 
			top:7px; 
			position:relative; 
			z-index: 22; 
			color: #000000;
}

.Rcontent{			
			padding:0 5px 0 5px; 
			color:#000000;
}

.Rcontent a {			
			color:#000000;
}

.Rcontent a:link{			
			color:#000000;
}

.Rcontent a:hover{			
			color:#333333;
			text-decoration:underline;
}

/* Case-Studies Right news layout */
.case-nav {
			font-size:14px;
}	
.case-nav a{
			font-size:14px; 
			text-decoration:none;
}	
.case-nav a:hover{
			font-size:14px; 
			text-decoration:none;
}	
#case-nav
{
			position: absolute; 
			width: 454px; 
			height:21px; 
			left: 170px; 
			top:10px; 
			font-weight:bold; 
			font-size:1.1em; 
			text-decoration:none; 
			color:#ffffff; 
			padding:2px 0 0 10px; 
			background:#aed13c; 
			text-decoration:none;
}

#right-case
{
			position: absolute; 
			width: 100px; 
			height:19px; 
			left: 655px; 
			top:10px; 
			font-weight:bold; 
			color: #777777; 
			font-size: 11px;; 
			text-decoration:none; 
			color:#ffffff; 
			padding:4px 0 0 5px; 
			background:#aed13c; 
			text-decoration:none;
}

.sponsor-box {width:200px;
			height:50px;
			display:inline;
			padding-right:20px;
			padding-left:0px;
			}

/* ENDS Case-Studies Right news layout ENDS */



/* BEGINS Tech Education specific stuff BEGINS */

.progressiontable {	width:565px;
					margin:0px;
					padding:0px;
					border:0;
					font-size:11px;
					color:#222;
					}
					
.progressiontable td {	
						background:#EDF3FE;
						margin:0;
						padding:0;
						vertical-align:top;
					}
.progressiontable td.2col {	width:280px;
						background:#EDF3FE;
						margin:0;
						padding:0;
						vertical-align:top;
					}
.progressiontable td.title {
						background:#c7dbef;
					}
.progressiontable tr.title {
						font-size:12px;
						color:#222222;
					}
.progressiontable tr {
						margin:0;
						padding:0;
					}

.progressiontable p {margin:0px 5px 0px 6px;
					padding:0;
					line-height:12px;
					}
.progressiontable p.strong {
					font-weight:bold;
					margin:0px 5px 0px 6px;
					padding:0;
					line-height:12px;
					}
.progressiontable strong {
					font-weight:bold;
						color:#222222;
					}
.progressiontable p.title {
					color:#222222;
					font-size:13px;
					font-weight:bold;
					margin:0px 5px 0px 6px;
					padding:0;
					line-height:15px;
					}

.progressiontable b {
					color:#444;
					font-weight:bold;}
					
.progressiontable ul {padding: 0 0 0 0; margin: 0 2px 5px 3px;}
.progressiontable li {padding-top: 0; margin-bottom: 2px; margin-top: 0; }

.footertable {		width:580px;
					margin:0px;
					padding:0px;
					border:0;
					}
					
.footertable td {	
						border:1px solid #ddd;
						background:#f4f4f4;
						margin:0;
						padding:3px;
						vertical-align:top;
					}
					
.footertable a {color: #444;
					font-size:10px;
					text-decoration:none;
					}
.footertable td.head a {color: #222;
					font-size:11px;
					text-decoration:none;
					}
.footertable td.head a:hover {color: #000;
					text-decoration:underline;
					}
					
.footertable a:hover {color: #222;
					text-decoration:underline;
					}
					
.footertable2 {		width:558px;
					margin:0px;
					padding:0px;
					border:0;
					}
					
.footertable2 td {	
						border:1px solid #ddd;
						background:#f4f4f4;
						margin:0;
						padding:3px;
						vertical-align:top;
					}
					
.footertable2 a {color: #444;
					font-size:10px;
					text-decoration:none;
					}
.footertable2 td.head a {color: #222;
					font-size:11px;
					text-decoration:none;
					}
.footertable2 td.head a:hover {color: #000;
					text-decoration:underline;
					}
					
.footertable2 a:hover {color: #222;
					text-decoration:underline;
					}
/* ENDS Tech Education specific stuff ENDS */







/* BEGINS Sitemap specific stuff BEGINS */

blockquote {
				margin-top:0px;
				padding:0px;
				margin-bottom:0px;
}

blockquote p {
	margin:0px;
	padding:0px;
	margin-bottom:0px;
	line-height: 9px;
}
.indent {	margin-left:30px;
			margin-right:30px;}

blockquote a {
			text-decoration: none; 
			color: #666;
}

blockquote a:hover {
			text-decoration: underline; 
			color: #666;
}
.sitemaphead {
				padding-top:5px;
				padding-bottom:0px;
			color: #555555; 
			font-size: 13px; 
			font-weight:bold;
			border-top:1px #dedede solid;
	line-height: 11px;
}

.sitemaphead a {
			text-decoration: none; 
			color: #8EAB29;
}

.sitemaphead a:hover {
			text-decoration: none; 
			color: #FF6F28;
}


/* ENDS Sitemap specific stuff ENDS */




.sectionmaphead {
				padding-top:7px;
				padding-bottom:2px;
				color: #000; 
				font-size: 12px; 
				line-height: 11px;
}
.sectionmaphead a {
			text-decoration: none; 
			color: #000;
}

.sectionmaphead a:hover {
			text-decoration: underline; 
			color: #444;
}


/* STARTS Rightnews2 specific stuff STARTS */

.rightnews2 p {
			margin-top:5px;
			margin-bottom:0;
			padding-top:0;
			padding-bottom:0;
			}
			
.rightnews2 {			
			width: 101px;
			float: right;
			background: #FFF;
			margin: 10px 4px 10px 10px;
			padding: 5px 2px 5px 4px;
			font-size: 11px;
			line-height: 15px;
			color: #777777;
}
.rightnews2 ul {padding: 0; margin: 0 0 0 12px;}
.rightnews2 li {padding: 0; margin: 0; line-height: 15px;}


.rightnews3 a {
	margin: 5px 0 0 0;
	padding: 0 0 0 5px;
	border-left: 2px #7299cf solid;
			
}
.rightnews3 a:hover {
			border-left: 2px #E6BF1F solid;
			
}




/* ENDS Rightnews2 specific stuff ENDS */








/* Hides from IE-mac \*/
* html .clearfix {
			height: 1%;
}

.clearfix {
			display: block;
}

/* End hide from IE-mac */

/* workarounds and hacks */
.clearfix:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
}

.clearfix {
			display: inline-table;
}

