/*------------------------------------------
Trident Technical College - Basic Style Sheet
version:	1.2
author:		Daniel Vice
email:		daniel.vice@tridenttech.edu
-------------------------------------------*/
/* Sample Attribute Hierachy

.someAttribute {
	/*Position Attributes*/
	
	/*Size Attributes*/
	
	/*Color Attributes*/
	
	/*Formatting Attributes*/
	
	/*Type Attributes*/
	
	/*Other Attributes*/


/* Page Layout
-------------------------------------------*/
body {
	margin:0;
	padding:0;
	background:#FFFFFF;	
	font-size:62.5%; /*----- Makes 1em == 10px.*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

p {
	padding:0;
	}
	
#wrapper {
	/*Position Attributes*/
	width:764px;
	/*Size Attributes*/
	/*Color Attributes*/
	background:#FFFFFF;
	/*Formatting Attributes*/
	margin-left:5em;
	padding:0;
	/*Type Attributes*/
	/*Other Attributes*/
}


#logo {
	/*Position Attributes*/
	float:left;
	/*Size Attributes*/
	width:89px;
	/*Color Attributes*/
	/*Formatting Attributes*/
	/*Type Attributes*/
	/*Other Attributes*/
}

#barBox {
	/*Position Attributes*/
	float:right;
	/*Size Attributes*/
	width:575px;
	height:89px;
	/*Color Attributes*/
	/*Formatting Attributes*/
	/*Type Attributes*/
	/*Other Attributes*/
}

#body {
	/*Position Attributes*/
	clear:both;
	/*Size Attributes*/
	height:579px;
	/*Color Attributes*/
	background:url(ooBodyBack.jpg);
	/*Formatting Attributes*/
	margin:0;
	padding:0;
	/*Type Attributes*/
	/*Other Attributes*/
}

#contentHeader {
	/*Position Attributes*/
	/*Size Attributes*/
	width:786px;
	/*Color Attributes*/
	/*Formatting Attributes*/
	margin:0 auto;
	padding:0;
	/*Type Attributes*/
	/*Other Attributes*/
}

#headerLeft {
	/*Position Attributes*/
	display:block;
	float:left;	
	/*Size Attributes*/
	width:500px;
	height:88px;
	/*Color Attributes*/
	/*Formatting Attributes*/
	/*Type Attributes*/
	/*Other Attributes*/
}

#moduleHeader {
	/*Position Attributes*/
	/*Size Attributes*/
	height:30px;
	/*Color Attributes*/
	/*Formatting Attributes*/
	margin-top:24px;
	/*Type Attributes*/
	/*Other Attributes*/
}

#pageHeader {
	/*Position Attributes*/
	/*Size Attributes*/
	height:30px;
	/*Color Attributes*/
	background-color:#FFFFFF;
	/*Formatting Attributes*/
	margin:0;
	padding:0;
	/*Type Attributes*/
	/*Other Attributes*/
}

#pageContent {
	/*Position Attributes*/
	/*Size Attributes*/
	height:455px;
	width:746px;
	/*Color Attributes*/
	background-color:#FFFFFF;
	/*Formatting Attributes*/
	margin:0 auto;
	padding:20px;
	/*Type Attributes*/
	/*Other Attributes*/
}

#footer {
	/*Position Attributes*/
	clear:both;
	/*Size Attributes*/
	height:32px;
	/*Color Attributes*/
	background-color:#222222;
	/*Formatting Attributes*/
	/*Type Attributes*/
	/*Other Attributes*/
}

	
/* Navigation
-------------------------------------------*/

#progBar {
	/*Position Attributes*/
	float:left;	
	/*Size Attributes*/
	width:468px;
	height:28px;	
	/*Color Attributes*/
	background-color:#0066FF;
	background:url(oobarBack.jpg);
	/*Formatting Attributes*/
	margin-left:28px;
	margin-top:28px;
	/*Type Attributes*/
	/*Other Attributes*/
}

#helpButton {
	/*Position Attributes*/
	display:block;
	float:right;
	/*Size Attributes*/
	height:40px;
	width:40px;
	/*Color Attributes*/
	background:url(ooHelpButton.jpg) no-repeat left top;
	/*Formatting Attributes*/
	margin-right:15px;
	margin-top:22px;
	/*Type Attributes*/
	/*Other Attributes*/
}

#helpButton:hover {
	/*Position Attributes*/
	/*Size Attributes*/
	/*Color Attributes*/
	background:url(ooHelpButton.jpg) no-repeat right top;
	/*Formatting Attributes*/
	/*Type Attributes*/
	/*Other Attributes*/
}

#pageBack{
	/*Position Attributes*/
	position:absolute;
	z-index:2;
	left: 690px;
	top: 120px;
	/*Size Attributes*/
	width:44px;
	height:45px;
	/*Color Attributes*/
	background:url(ooBackButton.jpg) no-repeat left top;
	/*Formatting Attributes*/
	/*Type Attributes*/
	/*Other Attributes*/
}

#pageNo{
	/*Position Attributes*/
	position:absolute;
	z-index:2;
	left: 690px;
	top: 120px;
	/*Size Attributes*/
	width:44px;
	height:45px;
	/*Color Attributes*/
	background:url(ooNoButton.jpg) no-repeat left top;
	/*Formatting Attributes*/
	/*Type Attributes*/
	/*Other Attributes*/
}

#pageNoNext{
	/*Position Attributes*/
	position:absolute;
	z-index:2;
	left: 821px;
	top: 120px;
	/*Size Attributes*/
	width:44px;
	height:45px;
	/*Color Attributes*/
	background:url(ooNoButton.jpg) no-repeat left top;
	/*Formatting Attributes*/
	/*Type Attributes*/
	/*Other Attributes*/
}

#pageBack:hover{
	/*Position Attributes*/
	/*Size Attributes*/
	/*Color Attributes*/
	background:url(ooBackButton.jpg) no-repeat right top;
	/*Formatting Attributes*/
	/*Type Attributes*/
	/*Other Attributes*/
}

#pageNext{
	/*Position Attributes*/
	position:absolute;
	z-index:2;
	left: 821px;
	top: 120px;
	/*Size Attributes*/
	width:44px;
	height:45px;
	/*Color Attributes*/
	background:url(ooNextButton.jpg) no-repeat left top;
	/*Formatting Attributes*/
	/*Type Attributes*/
	/*Other Attributes*/
}

#pageNext:hover{
	/*Position Attributes*/
	/*Size Attributes*/
	/*Color Attributes*/
	background:url(ooNextButton.jpg) no-repeat right top;
	/*Formatting Attributes*/
	/*Type Attributes*/
	/*Other Attributes*/
}

#pageOf{
	/*Position Attributes*/
	position:absolute;
	z-index:2;
	left: 732px;
	top: 147px;
	/*Size Attributes*/
	width:90px;
	height:20px;
	/*Color Attributes*/
	/*Formatting Attributes*/
	text-align:center;
	/*Type Attributes*/
	/*Other Attributes*/
}



/* Content Formating
-------------------------------------------*/
#moduleHeader p {
	/*Position Attributes*/
	/*Size Attributes*/
	/*Color Attributes*/
	color:#333333;	
	/*Formatting Attributes*/
	margin-top:9px;
	margin-left:8px;
	padding:0;	
	/*Type Attributes*/
	font-weight:bold;
	font-size:14px;
	letter-spacing:5px;
	/*Other Attributes*/
}

#pageHeader p {
	/*Position Attributes*/
	/*Size Attributes*/
	/*Color Attributes*/
	color:#666666;	
	/*Formatting Attributes*/
	margin-top:5px;
	margin-left:8px;
	padding:0;	
	/*Type Attributes*/
	font-weight:bold;
	font-size:14px;
	/*Other Attributes*/
}

#pageContent p {
	/*Position Attributes*/
	/*Size Attributes*/
	/*Color Attributes*/
	/*Formatting Attributes*/
	margin:15px;
	padding:0;	
	/*Type Attributes*/
	font-size:12px;
	line-height:25px;
	/*Other Attributes*/
}

h3 {
	/*Position Attributes*/
	/*Size Attributes*/
	/*Color Attributes*/
	/*Formatting Attributes*/
	margin:15px;
	padding:0;	
	/*Type Attributes*/
	font-size:12px;
	line-height:25px;
	font-weight:bold;
	/*Other Attributes*/
}

#pageContent dl {
	/*Position Attributes*/
	/*Size Attributes*/
	/*Color Attributes*/
	/*Formatting Attributes*/
	margin:15px;
	padding:0;	
	/*Type Attributes*/
	font-size:12px;
	line-height:25px;
	/*Other Attributes*/
}

#pageContent ul {
	/*Position Attributes*/
	/*Size Attributes*/
	/*Color Attributes*/
	/*Formatting Attributes*/
	margin:15px;
	padding:0;	
	/*Type Attributes*/
	font-size:12px;
	line-height:25px;
	/*Other Attributes*/
}

#pageContent table {
	/*Position Attributes*/
	/*Size Attributes*/
	/*Color Attributes*/
	/*Formatting Attributes*/
	margin-left:1.5em;
	padding:0;	
	/*Type Attributes*/
	/*Other Attributes*/
}

#pageContent table dl {
	/*Position Attributes*/
	/*Size Attributes*/
	/*Color Attributes*/
	/*Formatting Attributes*/
	/*Type Attributes*/
	font-size:12px;
	line-height:13px;
	/*Other Attributes*/
}

#pageContent table dt {
	/*Position Attributes*/
	/*Size Attributes*/
	/*Color Attributes*/
	/*Formatting Attributes*/
	margin-top:1em;
	/*Type Attributes*/
	font-weight:bold;
	/*Other Attributes*/
}

#footer p {
	/*Position Attributes*/
	/*Size Attributes*/
	/*Color Attributes*/
	color:#AAAAAA;	
	/*Formatting Attributes*/
	margin-top:5px;
	margin-left:14px;
	padding:0;	
	/*Type Attributes*/
	font-weight:bold;
	font-size:14px;
	/*Other Attributes*/
}

#loadingPage {
	/*Position Attributes*/
	display:block;
	/*Size Attributes*/
	/*Color Attributes*/
	/*Formatting Attributes*/
	padding-top:15em;
	/*Type Attributes*/
	text-align:center;
	/*Other Attributes*/
}