@import 'reset.css';

/* PNG Fix */
.png { behavior: url(/js/iepngfix.htc); }

/* Standard HTML tags */
html {
	overflow-x: hidden;
}
body {
	font: 62.5% Arial, Helvetica, sans-serif; /* 62.6% In order to make 1.6em = 16px and 0.8 em = 8px, etc */
	background: #525353 url(../images/background.png) top repeat-x;
	overflow-x: hidden;
}
h1 {
	font-size: 2.1em;
	text-transform: uppercase;
	margin: 0 0 6px 0;
}
h2 {
	font-size: 1.35em;
	color: #d60000;
	margin: 0 0 18px 0;
}
h3 {
	font-size: 1.7em;
}
p {
	margin: 0 0 1.3em 0;
	line-height: 1.3em;
}

#sideForm {
	font-size: .9em;
}

#sideForm label {
	width: 85px;
	color: #FFF;
	float: left;
}
#sideForm input {
	font-size: .9em;
	float: left;
	clear: right;
	height: 14px;
	margin: 0 0 2px 0;
	width: 183px;
}
#sideForm select {
	font-size: .9em;
	height: 18px;
	margin: 0 0 2px 0;
	width: 272px;
}

#txtRates {
	color: #fff;
	font-style: italic;
	padding: 0px 0px 5px 85px;
}

#onPageForm li {
	clear: both;
}
#onPageForm label {
	width: 150px;
	color: #000;
	float: left;
	text-align: right;
	margin: 0 10px 0 0;
}
#onPageForm input {
	float: left;
	clear: right;
	height: 16px;
	margin: 0 0 2px 0;
}
#onPageForm select {
	height: 22px;
	margin: 0 0 2px 0;
}
#onPageForm textarea {
	margin: 0 0 0 0;
}

a {
	color: #e50000;
}
a:hover {
	text-decoration: none;
}

/* Structure DIV tags */
#container {
	width: 955px;
	font-size: 1.2em;
	margin: 0 auto;
}
	#header {
		width: 955px;
		height: 214px;
		background: url(../images/small-welder-bg.png) no-repeat;
		position: relative;
		behavior: url(/js/iepngfix.htc);
		background-position: 160px 0;
	}
	#header-home {
		width: 955px;
		height: 337px;
		background: url(../images/small-welder-bg.png) no-repeat;
		position: relative;
		behavior: url(/js/iepngfix.htc);
		background-position: 160px 0;
	}
		#left-sparks {
			background: url(../images/left-sparks.png) no-repeat;
			width: 462px;
			height: 422px;
			display: block;
			position: absolute;
			left: -360px;
			bottom: -400px;
			z-index: -1;
			behavior: url(/js/iepngfix.htc);
			bottom: -500px; display: none;
		}
		#right-sparks {
			background: url(../images/right-sparks.png) no-repeat;
			width: 456px;
			height: 425px;
			display: block;
			position: absolute;
			right: -290px;
			bottom: -170px;
			z-index: -1;
			behavior: url(/js/iepngfix.htc);
		}
		#navigation {
			width: 946px;
			height: 71px;
			background: url(../images/navigation-bg.png) top no-repeat;
			behavior: url(/js/iepngfix.htc);
			margin: 0 auto;
		}
		#logo {
			width: 320px;
			height: 114px;
			background: url(../images/logo-img.png) no-repeat;
			behavior: url(/js/iepngfix.htc);
			margin: 10px;
		}
	#content {
		border-left: 4px solid #8a8b8b; 
		border-right: 4px solid #8a8b8b; 
		border-bottom: 4px solid #8a8b8b; 
		width: 947px; 
		background: #dcddde url(../images/new-content-bg%20.png) no-repeat;
		behavior: url(/js/iepngfix.htc);
		min-height: 200px;
		/* height: 672px; */
		position: relative;
		z-index: 3000;
	}
	
		#topFix {
			background: url(../images/content-bg-top.png) no-repeat;
			display: block;
			position: absolute;
			top: 0px;
			left: -4px;
			width: 951px;
			height: 17px;
			z-index: 1000;
		}
		
		#left-col {
			float: left;
			padding: 25px 25px 25px 25px;
			border: none;
			width: 897px;
			height: auto;
			position: relative;
			margin-bottom: 0px;
			padding-bottom: 0px;
			z-index: 2000;
		}
			#upcoming-events {
				float: right; 
				background: url(../images/upcoming-events-bg.png) no-repeat; 
				behavior: url(/js/iepngfix.htc);
				width: 193px; 
				height: 234px; 
				margin: 0 0 0 15px; 
				color: #FFF;
			}
				#upcoming-events h4 {
					line-height: 29px; 
					margin: 2px 0 0 13px; 
					font-size: 1.5em;
				}
				#upcoming-events ul {
					list-style-image: url(../images/red-bullet-img.png);
					behavior: url(/js/iepngfix.htc);
					margin: 10px 0 15px 35px;
				}
					#upcoming-events ul li {
					}
						#upcoming-events ul ul {
							list-style: url(../images/plus-bullet.png); 
							behavior: url(/js/iepngfix.htc);
							margin: 0 0 0 18px;
						}
			#sub-content {
				background:url(../images/sub-content-bg.png) no-repeat; 
				behavior: url(/js/iepngfix.htc);
				height: 222px;
			}
				#sub-content-box {
					width: 520px; 
					margin: 0px 0px 0px 20px;
				}
					#sub-content-box h3 {
						font-family: 'Times New Roman', Times, serif; 
						font-size: 2.6em; 
						font-weight: normal; 
						margin: 0px 0 5px 0; 
						padding: 25px 0 0 0 ;
					}
					#sub-content-box p, #sub-content-box ul {
						font-size: 1.2em;
					}
		#right-col {
			width: 330px;
			float: right;
			display: block;
			background: url(../images/redbox-bg.png) no-repeat;
			behavior: url(/js/iepngfix.htc);
			position: relative;
			margin-top: -116px;
			margin-right: -25px;
			margin-bottom: 10px;
			margin-left: 25px;
			z-index: 2001;
		}
			#get-more-info {
				height: 493px;
			}
				#get-more-info #gmi-header {
					margin: 18px 0 10px 25px;
				}
				#get-more-info #form-container {
					margin: 0 0 0 25px;
				}
			#right-col div#ok {
				padding: 0 0 0 93px;
				margin: -8px 0 0 16px;
				position: relative;
			}
			#right-col div#fl {
				padding: 0 0 0 93px;
				margin: 2px 0 6px 16px;
				position: relative;
			}
			#right-col div#fl img, #right-col div#ok img {
				position: absolute; left: 0px;
			}
				#right-col div span.title {
					color: #FFF;
					font-weight: bold;
					font-size: 1.0em;
				}
				#right-col div span.phone {
					color: #000;
					font-weight: bold;
					font-size: 1.6em;
				}
			#right-col h3 {
				margin: 0 0 5px 5px;
			}
			#video {
				margin: 0 0 5px 5px; 
			}
			
			#rf_errors {
				position: absolute;
				width: 276px;
				margin-left: 20px;
				top: -170px;
				color: #ffffff;
				padding: 8px;
				background: #cf2326;
				border: 2px outset #bbbbbb;
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				border-radius: 8px;
			}
			
			.rf_error {
				padding-left: 15px;
			}
			
		#slider-container {
			position: relative; 
			margin: 15px auto; 
			width: 955px; 
			height: 273px; 
			background: url(../images/content2-bg.png) no-repeat;
			behavior: url(/js/iepngfix.htc);
		}
		#new-slider-container {
			position: relative; 
			margin: 15px auto; 
			width: 953px; 
			height: 273px; 
			background: url(../images/new-content2-bg.png) no-repeat;
			behavior: url(/js/iepngfix.htc);
		}
			#slider-box {
				position: absolute; 
				left: 18px;
			}
	#footer {
		background: url(../images/footer-bg.png) no-repeat; 
		behavior: url(/js/iepngfix.htc);
		width: 934px; 
		height: 132px; 
		margin: 0 auto;
	}
		#footer p {
			color: #FFF;
		}
		#footer ul {}
			#footer ul li {
				float: left;
				padding: 0 6px;
				border-right: 1px solid #FFF;
				height: 16px;
				display: block;
				vertical-align: text-top;
			}
				#footer ul li a {
					color: #FFF;
				}

	.moreContent {
		width: 905px;
		background: url(../images/content-bg.png) no-repeat;
		border-bottom: 3px outset #cccccc;
		behavior: url(/js/iepngfix.htc);
		position: relative;
		z-index: 1;
		margin-top: 15px;
		padding: 25px 25px 10px;
	}
	
/* All Classes */
.clr, .clear {
	clear: both;
}
.product{
	width:305px;
	height:197px;
	float:left;
}

#redBooks {
	float: right;
	behavior: url(/js/iepngfix.htc);
}

.standardList {
	list-style-type: disc;
	padding-left: 30px;
	margin-bottom: 1.3em;
}

.standardList li {
	padding: 2px;
}

.articleList {
	padding: 1.3em 0 1.3em 15px;
}

.articleList li {
	padding: .3em 0 .5em 40px;
	background: url("../images/Article.gif") center left no-repeat;
}

.moreLink {
	font-size: .8em;
}

.pdf {
	background: url("../images/pdf-icon.png") no-repeat center left;
	padding-left: 20px; 
}

.floatLeft {
	float: left;
	margin: 0px 15px 15px 0px;
}

.floatRight {
	float: right;
	margin: 0px 0px 15px 15px;
}

.alignRight {
	text-align: right;
}

.boldRed {
	color: #d60000;
	font-weight: bold;
}

.financialTable {
	border-collapse: collapse;
	border: 1px solid #888888;
	margin-bottom: 1.3em;
}

.financialTable th {
	padding: 5px;
	text-align: left;
	vertical-align: top;
	background: #333333;
	color: #ffffff;
	font-style: italic;
}

.financialTable td {
	width: 50%;
	padding: 3px;
	text-align: left;
	vertical-align: top;
}
	
.financialTable tr.financialTable_evenRow {
	background: #eeeeee;
}	

	
.financialTable tr.financialTable_oddRow {
	background: #ffffff;
}

.picCaptionLeft {
	float: left;
	margin: 0px 15px 15px 0px;
}

.picCaptionCenter {
	float: left;
	margin-bottom: 15px;
}

.picCaptionCenterFull {
	margin: 0 auto 15px auto;
}

.capImgContainer {
	border: 1px solid #888888;
	padding: 3px 3px 0px;
}

.picCaptionLeft img, .picCaptionCenter img, .picCaptionCenterFull img {
	border: 1px solid #444444;
}

.picCaptionCenter img {
	width: 550px;
}

.picCaptionCenterFull img {
	width: 886px;
}

.picCaptionLeft p, .picCaptionCenter p, .picCaptionCenterFull p {
	font-size: .9em;
	font-style: italic;
	text-align: center;
	margin: .8em 0 !important;
}


/* Individual Elements */

#recentArticles {
	background: url(/images/recent-articles-bg.png);
	width: 305px;
	height: 196px;
	position: relative;
}

#recentArticles ul {
	position: absolute;
	top: 18px;
	left: 45px;
}

#recentArticles ul li {
	background: url(/images/large-bullet-img.png) no-repeat left center;
	padding: 0 0 0 20px;
	line-height: 25px;
}

#recentArticles a {
	color: #fff;
}

#aboutStudentList {
	margin-left: 290px;
}

#highschoolList {
	margin-left: 270px;
}

#weldingCareerList {
	margin-left: 310px;
}

#admissionList {
	margin-left: 180px;
}


.mapLeft {
	float: left;
	width: 365px;
	padding-left: 50px;
}

.mapRight {
	float: right;
	width: 365px;
	padding-right: 50px;
}

.grad-numbers {
	border: 1px solid #444444;
	background: #fff;
	margin-bottom: 15px;
}

.grad-numbers td {
	padding: 3px 10px;
	font-weight: bold;
}

.grad-numbers td.number {
	font-weight: normal !important;
	text-align: right;
}

.grad-numbers tr.odd {
	background: #eeeeee;
}

#recent {
	margin:20px 0px 0px 0px;
}

#recent ul {
	overflow:hidden;
	clear:both;
	margin:10px auto 10px auto;
	width:425px;
}

#recent ul li {
	background:none;
	float:left;
	margin:0px 10px;
	padding:0px;
}

div.video {
	padding:0px;
	margin:20px auto;
	width:425px;
}

p.video {
	padding:0px;
	margin:20px auto;
	width:425px;
}

.sitemapList {
	list-style-type: square;
	padding: 3px 0px 6px 20px;
}

.sitemapList li {
	font-size: 14px;
	padding: 3px;
}

.sitemapLeft {
	float: left;
	width: 375px;
	padding-left: 25px;
}

.sitemapRight {
	float: right;
	width: 375px;
	padding-right: 25px;
}

.sitemapRight h2 {
	margin: 5px 0px 0px 0px !important;
}

.acro {
	font-size: .9em;
/*	padding-left: 20px; */
}	

.acro img { vertical-align: middle; }