@charset "utf-8";
/* CSS Document */



*{
	outline: none;
}
img{
	border:none;
	outline:none;
}
a{
	color:white;
}
body{

	text-align:center;
	background-image:url(fullBG.jpg);
	background-repeat:repeat-y;
	background-position:center;
	background-color:#000;
	color:white;
}

#returntomain{
	top:120px;
	left:270px;
	position:absolute;
	text-align:right;
}
#returntomain #dot61{
	width:15px;

}
#returntomain .return{
	width:200px;	
}
	

#headerbg{
	position:absolute;
	width:1600px;
	overflow:hidden;
	left:50%;
	margin-left:-800px;
	background-image:url(headBG.jpg);
	height:600px;
}
#headerbgnocrane{
	position:absolute;
	width:1600px;
	overflow:hidden;
	left:50%;
	margin-left:-800px;
	background-image:url(headBGnoCrane.jpg);
	height:600px;
}

#wrapper{
	position:relative;
	text-align:center;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	top:0;
	border-top:solid black 1px;
}

#bgr{
	position:absolute;
	top:500px;
	left:0;
	width:800px;
	height:100%;
	background-image:url(gradHorzBG.jpg);
	background-repeat:repeat-y;
}

#header{
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:800px;
	height:500px;
	top:0;
	left:0;

	background-image:url(header.jpg);
}


#contents{
	position:relative;
	width:800px;
	text-align:left;
	margin-top:480px;
	margin-left:auto;
	margin-right:auto;
	left:0;
	background-image:url(gradHorzBG.jpg);
	background-repeat:repeat-y;

	
}

#bottomborder{	
	position:absolute;
	left:0;
	bottom:-8px;
	background-image:url(bottomBorder.jpg);
	z-index:7;
}

#menu {
	position:absolute;
	right:15px;
	top:110px;
	text-align:right;
	width:400px;
	font-size:1px;
	line-height:inherit;
}
#menu img{
margin-bottom:12px;

}
#menu > img{
	padding-bottom:4px;
}

#techinfo{
	position:relative;
	text-align:center;
	font-size:10px;	
	top:70px;
	margin-left:20px; 
	width:800px;
	z-index:7;
	color:#CCC;	
}

#oldtechinfo{
	position:relative;
	text-align:center;
	margin-left:75px;
	margin-bottom:20px;
	margin-top:70px;
	font-size:10px;
	z-index:7;
	color:#CCC;
}
#techinfo a{
	color:#CCC;
}

#createdby{
	position:relative;
	font-size:smaller;
	margin-top:10px;
}
#createdby a{
	color:white;
}

#contents p{
	width:400px;
	text-align:justify;
	margin-left:50px		
}
#contents .mainpage{

margin-left:125px;
}	
#contents h3{
	margin-left:100px;
}
#contents h2{
	margin-left:60px;
}
#contents h4{
	font-weight:bold;
	margin-top:-0.5em;
	margin-left:80px;
	
}
#contents li{
	margin-left:80px;
}
.rightjust{
	text-align:right;
}
#contents .rightjust ul{
	text-align:left;
	margin-left:400px;
}	
#contents .rightjust h3{
	text-align:left;
	margin-left:460px;
}
#contents .rightjust  p{
	margin-right:40px;
}


#classInfo{
	position:absolute;
	right:20px;
	width:400px;
	height:900px;
	overflow:hidden;
	top:450px;
	background-color:transparent;
	border:none;
	color:white;
	font-family:Georgia, "Times New Roman", Times, serif
	font-weight:bold;
	z-index:8;
	
}

#classcontents{
	position:relative;
	width:800px;
	text-align:left;
	margin-top:480px;
	margin-left:auto;
	margin-right:auto;
	left:0;
	background-image:url(gradHorzBG.jpg);
	background-repeat:repeat-y;
	padding-bottom:70px;

	
}
#classcontents p{
	width:400px;
	text-align:justify;
	margin-left:150px;
	margin-top:-0.5em;
}
#classcontents #rightj{
	float:right;
	margin-top:-3.5em;
}

#classcontents h3{
	margin-left:100px;
}
#classcontents h2{
	margin-left:60px;
}
#classcontents h4{
	font-weight:bold;
	margin-top:-0.5em;
	margin-left:120px;
	
}
#classcontents li{
	margin-left:80px;
}
#note{
	font-size:smaller;
	margin-top:-1em;
}

#classcontents table{
	margin-left:50px;
}


table.sortable {
font-size:14px;	
}

table.sortable thead {
	border-bottom:solid #555 1px;
    background-color:#0c0d33;
    color:#EEEEEE;
    font-weight: bold;
    cursor:pointer;
}
table.sortable tr{
	height:1.5em;

	
}
table.sortable tr:hover{
background-color:#0c0d33;
border-bottom:solid white 1px;
}

table.sortable th:hover{
border-bottom:solid white 1px;
}
table.sortable td:hover{
border-bottom:solid white 1px;
}

table.sortable td{
	cursor:pointer;
	padding-right:1.5em;
	border-bottom:solid #555 1px;
}
table.sortable th{
	cursor:pointer;
	padding-right:1em;
	border-bottom:solid #555 1px;
}
table.sortable a{
	cursor:pointer;
	text-decoration:none;
}

#classcontents #createdby{
	position:absolute;
	font-size:smaller;
	margin-top:10px;
	bottom:0;
	right:10px;
	padding-bottom:10px;
}
#classcontents  hr{
	margin-left:10px;
}

#formOptions{
	text-align:center;
	width:100%;
	font-size:20px;
	font-weight:bold;
}
#formOptions a{
	margin-right:20px;

}

 #infobox{
	 position:absolute;
	 top:150px;
	 left:50px;
	 width:700px;
	 height:450px;
	 background-image:url(layerBG.png);
	 background-repeat:repeat-y;
	 z-index:9;
	 border:ridge 3px white;
	 text-align:left;
 }
 #infobox h3{
	 margin-left:10px;
 }
 #infobox p{
	 margin-left:20px;
 }
 
 #map_canvas{
	 position:absolute;
	 right:10px;
	 width:200px;
	 height:150px;
	 top:10px;
 }
 
 #building{
	 position:absolute;
	 right:10px;
	 top:170px;
	 width:200px;
	 
 }
 
 #building:hover{
	 width:65%;
	 right:-120px;
	 top:50px;
	 z-index:9;
 }

.classstuff{
font-size:12px;
border:solid 1px white;
width:300px;
margin-left:20px;
margin-bottom:10px;
}

.instructor p{
	position:absolute;
	font-size:12px;
	bottom:0;
	margin-bottom:110px;
}
.instructor img{
height:90px;
position:absolute;
bottom:10px;
margin-right:10px;
margin-left:20px;


}

.contact{
font-size:12px;
text-align:right;
position:absolute;
right:20px;
bottom:10px;
}

#classlistinfopage{
	position:relative;
	width:800px;
	text-align:left;
	margin-top:500px;
	margin-left:auto;
	margin-right:auto;
	left:0;
	background-image:url(gradHorzBG.jpg);
	background-repeat:repeat-y;
	padding-bottom:70px;	
}
#classlistinfopage p{
	width:400px;
	text-align:justify;
	margin-left:150px;
	margin-top:-0.5em;
}
#classlistinfopage #rightj{
	float:right;
	margin-top:-3.5em;
}
#classlistinfopage h3{
	margin-left:100px;

}
#classlistinfopage h2{
	margin-left:60px;

}
#classlistinfopage h4{
	font-weight:bold;
	margin-top:-0.5em;
	margin-left:120px;
	
}
#classlistinfopage li{
	margin-left:80px;

}
#classlistinfopage table{
	margin-left:50px;

}
#classlistinfopage #createdby{
	position:absolute;
	font-size:smaller;
	margin-top:10px;
	bottom:0;
	right:10px;
	padding-bottom:10px;

}
#classlistinfopage  hr{
	margin-left:10px;
}
	
.rightpicture{
right:20px;
position:absolute;
width:310px;
top:80px;

}