@font-face {
    font-family: 'LibelSuitRegular';
    src: url('libel-webfont.eot');
    src: url('libel-webfont.eot?#iefix') format('embedded-opentype'),
         url('libel-webfont.woff') format('woff'),
         url('libel-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

     body { margin:0; background-color: #c90000}                                            
/* HEADER */
#header { height:253px; margin:0 auto; width:1024px; }
.headerimg { background-position: center top; background-repeat: no-repeat; width:1024px; height:253px; position:absolute; }

/* NAVIGATION */
#logo { height:150px; width:1024px; margin:0 auto; background-image:url("../images/logontag.png"); background-position: 50px 30px; background-repeat:no-repeat; }


/* HEADER TEXT */
#headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:0px; }
#firstline { color:#c90000; font-size:40px; padding:4px 13px 7px; float:left; display:block; font-family: 'LibelSuitRegular';}
#secondline { background-image:url("../textbg.png"); color:#CD2B3A; text-decoration:none;  font-size:60px; padding:0 13px 10px; float:left; display:block; clear:both; }
#secondline:hover { text-decoration:underline; color:#7F000C; }


/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("../images/btn_back.png"); }
#next { background-image:url("../images/btn_next.png"); }
#control { background-image:url("../images/btn_pause.png"); }

/* HEADER HAVIGATION */
#menu { background-color:#144895; width:1024px; height:44px;margin:0 auto}
.searchbg { background-image:url("../images/searchbg.gif");  background-position: 0px; background-repeat:no-repeat;}
.searchfield { width:110px; height:15px; margin:0px 0px 0px 20px; border:0; background-color:#ffffff}

#container { width:1024px; background-color:#ffffff; margin:0 auto }

.boxwidth { width:980px; margin:0 auto; background-color:#ffffff;}

#box1 { width:483px; height:205px; background-image:url("../images/multimediabox.png"); float:left; margin-right:14px}
#box2 { width:483px; height:205px; background-image:url("../images/programmingbox.png"); float:left; }
#box3 { width:483px; height:205px; background-image:url("../images/designbox.png"); float:left; margin-right:14px}
#box4 { width:483px; height:205px; background-image:url("../images/internetbox.png"); float:left; }
#box5 { width:483px; height:205px; background-image:url("../images/officebox.png"); float:left; margin-right:14px}
#box6 { width:483px; height:205px; background-image:url("../images/hearingbox.png"); float:left; 
color:#ffffff; text-decoration:none;  font-size:13px; font-family: 'Calibri'}

#coursecontents { margin-top: 35px; margin-left: 170px; height:120px; } 

#coursecontents ul { list-style: square url("../images/arr.png"); }
#coursecontents ul li { color:#ffffff; text-decoration:none;  font-size:13px; font-family: 'Calibri'}

#coursebuttons { margin-left: 195px;}
 #coursebuttons .btns{ margin-right: 15px; float:left;}

.spacer20 { clear:both; height:20px;}
.howitworks { float:left; width:199px; height:104px; } 

#sworks { width:766px; height:189px; background-image:url("../images/studentswork.png"); float:right; } 

#sworks ul.thumb {
	float: left;
	list-style-type: none;
	margin: 45px 0px 0px -28px; display:inline;

}
#sworks ul.thumb li {
	margin: 0; padding: 3px;
	float: left;
	position: relative;
	width: 118px;
	height: 100px;
		display:inline;
}
#sworks ul.thumb li img {
	width: 118px; height: 100px;
	border: 1px solid #000000;
	padding: 1px;
	background: #ffffff;
	position: absolute;
	left: 0; top: 0;
}
#sworks ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;	
	border: 1px solid #ddd;
}
#sworks ul.thumblink  { 	
width:800px;
list-style: none;
margin: 50px 0px 0px -30px; 
}

#sworks ul.thumblink li {
	margin: 0; padding: 3px;
	float: left;
	position: relative;
	width: 118px;
	height: 18px;
		text-align:center;}
	

#sworks ul.thumblink li a { width: 118px; text-align:center; color:#555555; text-decoration:none; font-size:18px; font-family: 'LibelSuitRegular';	 }

#footerbase { 	background-color: #4b494a; width:100%; 	height:244px; background: #4b494a url(../images/footerbg.gif) no-repeat center center; }

#footer { width:1024px; margin:0 auto;  }

#qlinkscolumn { width:160px; margin:23px 25px; float:left; }
#qlinkscolumn ul  { 	list-style: none; margin: 0px 0px 0px -40px;  }
#qlinkscolumn ul li { margin: 0; padding: 0px; 	position: relative; }
#qlinkscolumn ul li a { color:#a7a7a7;  text-decoration:none;  font-size:16px; font-family: 'LibelSuitRegular';	}
#qlinkscolumn ul li a:hover { 	color:#ffffff;  	}

	.divider { width:2px; height:163px; background: #4b494a url(../images/footersep.png) no-repeat center center; float:left; margin-top:25px} 
	.white { color:#ffffff;  text-decoration:none;  font-size:11px; font-family: 'calibri';	}
	
	#email { margin:0px 0px; float:left; }
#email ul  { 	list-style-type: none; margin: 0px 0px 0px 0px; display:inline; }
#email ul li { height:25px;margin: 0; padding: 3px; 	position: relative; text-align:middle}
#email ul li a { color:#a7a7a7;  text-decoration:none;  font-size:13px; font-family: 'calibri';	text-align:center}
#email ul li a:hover { 	color:#ffffff;  	}

#msg_icon { width:25px; margin:0px 25px; float:left; }
#msg_icon ul  { 	list-style-type: none; margin: 0px 0px 0px 0px;  display:inline;}
#msg_icon ul li { height:25px; margin: 5px; padding: 0px; 	position: relative; text-align:middle}
#msg_icon ul li a { color:#a7a7a7;  height:25px; text-decoration:none;  font-size:13px; font-family: 'calibri';	}
#msg_icon ul li a:hover { 	color:#ffffff;  	}
#msg_icon ul li img { 	}

#thirdcolumn { width:370px;float:left; margin-top:25px; }

#thirdcolumn .call{ color:#ffffff;  text-decoration:none;  font-size:30px; font-family: 'LibelSuitRegular';	float:right}

#thirdcolumn .joinus{ color:#ffffff;  text-decoration:underline;  font-size:14px; font-family: 'LibelSuitRegular'; vertical-align:top; }

#thirdcolumn .socialbtns{ float:right; }




.spacer {clear:both; }