/*COLORS
blue
orange: #f90
—————————————-*/


/*RESET
—————————————-*/

html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, dl, dt, dd, ol, ul, li,
form,table, tr, th, td
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

img{
border: 0px;

}

ul li, ol li {
	list-style: none;
	list-style-position: outside;
}
ol ol, ul ul, ol ul, ul ol
{
	margin-left: 15px;
	margin-bottom: 0px;
}

a:focus {
	outline: 0px;

}
html{height: 100%;
}

html, body, #rightLine  {
	height: 100%;
}

#rightLine{
min-height: 100%;
}


body {
	height: 100%;
	background: fixed;
	background:repeat-y;
	background-image: url(images/sideBacNew.png);

	font-family: Arial, Helvetica, sans serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	text-algn: left;
}


#top{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 114px;
	width: 100%;
	background-image: url(images/topBacNew.png);
	z-index: 2;
}

#corner{
	position: absolute;
	left:0px;
	top: 0px;
	width: 244px;
	height: 118px;
	z-index: 3;
	}
#judith{
	position: absolute;
	top: 40px;
	right: 22px;
	width: auto;
	z-index: 3;
	}

				
#rightLine{
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 20px;
	height: 100%;
	background-image: url(images/blueBac.png);
	background-color: #235281;
	z-index: 8;
		}	
		
#wrapper{
	position: relative;
	
	left: 0px;
	padding-bottom: 680px;
	
	height: auto;
	width: 95%;
	z-index: 2;

}		
	#classNum{
	position: absolute;
	left:0px;
	top: 39px;
	width: 129px;
	height: 62px;
	z-index: 4;
	}
			
	#titleIndex{
	position: absolute;
	left:1px;
	top: 75px;
	width: 148px;
	height: 62px;
	z-index: 4;
	}	
	



/*CONTENT
—————————————-*/


	#contentLeft{
	margin-top: 170px;
width:600px;

margin-left:	400px;
	height: auto;
	
	padding-bottom: 40px;
	padding-right: 20px;

	color: #333;

	
	}
#contentRight{

	width:260px;
	float: right;
	color: #333;
margin-left: 40px;
	padding-left:	20px;
	padding-bottom:	40px;
	height: auto;
min-height: 100%;
border-left-color:#9c6;
	border-left-width:1px;
	border-left-style: solid;
	
}


	

#classInfo a{ 
	font-size: 12px;

	
	index:24;
	}
	



/*HEADERS
—————————————-*/

h1{
	font-size: 18px;
	color: #333;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	display: inline;
}


h2{
	font-size: 16px;
	color: #333f;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	display: inline;
	
	
}

h3{
	font-size: 16px;
	color: #fff;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	display: inline;
	}

h4{
	font-size: 16px;
		color: #042f60;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin-bottom: -3px;
	
	
}


h5{
	font-size: 13px;
	color: #042f60;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	display: inline;
	}
.blue21{
	font-size: 21px;
	color: #369;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	}
	
	.blue18{
	font-size: 18px;
	color: #369;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	}
	.blue16{
	font-size: 16px;
	color: #369;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	}
	.blue14{
	font-size: 14px;
	color: #369;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	}
	.blueitalic14{
	font-size: 14px;
	color: #369;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	
	}
	.blueitalic12{
	font-size: 12px;
	color: #369;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	
	}
	
	
	.green21{
	font-size: 21px;
	color: #042f60;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	}
	
	.green18{
	font-size: 18px;
		color: #042f60;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	}
	.green16{
	font-size: 16px;
		color: #042f60;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	}
	.green14{
	font-size: 14px;
		color: #042f60;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	}
	
	.greenItalic14{
	font-size: 14px;
		color: #042f60;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
}
	
	.greenItalic12{
	font-size: 12px;
		color: #042f60;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
		}	
	
	.gray21{
	font-size: 21px;
	color: #333;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	}
	
	.gray18{
	font-size: 18px;
	color: #333;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	}
	.gray16{
	font-size: 16px;
	color: #333;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	}
	.gray14{
	font-size: 14px;
	color: #333;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	}
	
	.grayItalic14{
	font-size: 14px;
	color: #333;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	
	}
	
	.grayItalic12{
	font-size: 12px;
	color: #333;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	
	}
	
	.orange18{
	font-size: 18px;
		color: #FF4D09;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	}
	.orange16{
	font-size: 16px;
			color: #FF4D09;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	}
.orange14{
	font-size: 14px;
		color: #FF4D09;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	}
	
.orangeItalic14{
	font-size: 14px;
		color: #FF4D09;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	
	}
	
	.orangeItalic12{
	font-size: 12px;
	color: #f80;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	
	}

	
	.purple18{
	font-size: 18px;
	color: #636;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	}
	.purple16{
	font-size: 16px;
	color: #636;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	}
.purple14{
	font-size: 14px;
	color: #636;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	
	}
	
.purpleItalic14{
	font-size: 14px;
	color: #636;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	
	}
	
	.purpleItalic12{
	font-size: 12px;
color: #636;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	
	}
	
li{


list-position: outside;
list-style-image: url(images/bullet.png);
margin-left: 5px;
}
	
	
/*FORM
—————————————-*/
input{
	background: #fff;
	border-color:#399;
	border-width:1px;
	border-style: solid;
	height: 24px;
	color:  #369;
	padding-top: 4px;
	padding-left: 5px;
	padding-bottom: 5px;
	font-size: 12px;
}
emailinput{
	background: #fff;
	border-color:#399;
	border-width:1px;
	border-style: solid;
	height: 24px;
	color:  #369;
	padding-top: 4px;
	padding-left: 5px;
	padding-bottom: 5px;
	font-size: 12px;
}
input a:hover{
color: #399;
}


textarea{
	background: #fff;
	border-color:#399;
	border-width:1px;
	border-style: solid;
	color:  #369;
	padding-top: 4px;
	padding-left: 5px;
	font-size: 12px;
}
label{
	font-size: 12px;
}



#left{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 370px;
	height: 1500px;;
	background: #999;
	z-index: 2;

}

#classMenu{
	position: absolute;
	top:334px;
	left: 396px;
	z-index: 12;
	
	
}
	



#side{
	position: absolute;
	left:0px;
	top: 0px;
	width: 205px;
	height: 421px;
	z-index: 10;
	

}

#up{
	position: fixed;
	right:0px;
	bottom: 155px;
	
	
	
	z-index: 8;
	}
#hours{
	position: absolute;
	left:20px;
	top: 0px;
	width: 300px;
	height: 100%;
	background-color: #690;
	color: #333;


	z-index: 16;
	}

	




/*IMAGES
—————————————-*/
.left{
	float: left;
	margin-right: 12px;
	margin-bottom: 8px;
	border-style: solid;
	border-color:#ccc;
	border-width:1px
	
}

.right{
	float: right;
	margin-left: 12px;
	margin-bottom: 8px;
	border-style: solid;
	border-color:#ccc;
	border-width:1px;
	
}


/*MENU
—————————————-*/

#arrows{
	position: fixed;
	top:50%;
	padding-top: 0px;
	padding-left:0px;
	right: 0px;
	width: 68px;
	height: 51px;
	z-index: 12;
	background-image:url(images/blueBac.png);
	}
#arrowUp{
	position: absolute;
	top:2px;
	margin-top:2px;
	right:25px;
	width: 35px;
	height: 19px;
	z-index: 21;
	}
#arrowDown{
	position: absolute;
	top:27px;
	
	right: 25px;
	width: 35px;
	height: 19px;
	z-index: 20;
	}
#home{
	position: absolute;
	top:0px;
	
	right: 0px;
	width: 16px;
	height: 49px;
	z-index: 20;
	}
	

		
		
#emailTop{
	position: absolute;
	width: 49px;
	height: 50px;
	z-index: 12;
	left: 153px;
	top:220px;
	background-image:url(images/emailBacNew.png);
	}
	#emailContent{
	position: absolute;
	top:8px;
	
	left: 5px;
	width: auto;
	height: auto;
	z-index: 20;
	
	}
	#loginStudents{
	position: absolute;
	width: 89px;
	height: 24px;
	z-index: 20;
	left: 221px;
	top:10px;
	
	}
	#loginFaculty{
	position: absolute;
	width: 89px;
	height: 24px;
	z-index: 20;
	left: 221px;
	top:35px;
	
	}
	
	
	#emailContent{
	position: absolute;
	top:8px;
	
	left: 5px;
	width: auto;
	height: auto;
	z-index: 20;
	
	}				
				
				
#welcome{
	position: absolute;
	top: 140px;
	left: 221px;
	width: 100px;
	height:auto;
	text-align: left;
	font-size: 16px;
	color: #fff;

	z-index: 6;
	}

	


#classInfo{
	position: absolute;
	top: 120px;
	left: 221px;
	width: 112px;
	height:auto;
	text-align: left;
	z-index: 6;
	}
	

#classInfoContent{
	margin-right: 10px;
	

	
	}

 
	 
#leftMenu{
	position: absolute;
	width: 134px;
	height: auto;
	z-index: 16;
	left: 16px;
	top:120px;
		}

#classes{
	position: absolute;
	top: 530px;
	left: 177px;
	width: 175px;
	height:101px;
	
	z-index: 16;
	background-image: url(images/menuBac.png);
}
#classesContent{
	position: absolute;
	top: 6px;
	left:-5px;
	width: 168px;
	height: 102px;
	z-index: 17;
	padding-left: 10px;
		padding-top: 10px;
	
}




		
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #369;
	line-height: 16px;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-color:#399;
	border-bottom-width:1px;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #369;
	line-height: 16px;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-color:#399;
	border-bottom-width:1px;
}
a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #399;
	line-height: 16px;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-color:#369;
	border-bottom-width:1px;
	
	}
		
a.review:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #369;
	line-height: 24px;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-color:#399;
	border-bottom-width:1px;
}
a.review:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #369;
	line-height: 24px;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-color:#399;
	border-bottom-width:1px;
}
a.review:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #399;
	line-height: 24px;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-color:#369;
	border-bottom-width:1px;
	
	}
#menuContact  a:link{
	color: #690;
	font-size: 30px;
	border: 0px;
	text-decoration: none;
	
	}
#menuContact a:visited{
	color: #690;
	font-size: 30px;
	border: 0px;
	text-decoration: none;
	}
#menuContact a:hover{
	color: #40628b;;
	font-size: 30px;
	border: 0px;
	text-decoration: none;
	


}

/*LINKS
—————————————-*/

#classes a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #fff;
	line-height: 110%;
	text-decoration: none;
	border: 0px;

}
#classes a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #fff;
	text-decoration: none;
	border: 0px;
	line-height:110%;

}
#classes a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #9c6;
	text-decoration: none;
	border: 0px;
	line-height: 110%;
}
#classGd a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #fff;
	line-height: 120%;
	text-decoration: none;
	border: 0px;

}
#classGd a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
	border: 0px;
	line-height: 98%;

}
#classGd a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #40628b;
	text-decoration: none;
	border: 0px;
	line-height: 98%;

}


#classInfo a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	line-height: 100%;
	border-width:0px;
	text-decoration: none;

}

#classInfo a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	line-height: 100%;
	text-decoration: none;
	border-width:0px;


}

#classInfo a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #9cc;
	line-height: 100%;
	text-decoration: none;
	border-width:0px;
	
}

/*LINKS BOTTOM
—————————————-*/
#menu a:link {
font family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
line-height: 100%;
text-decoration: none;
border: 0px;

}
#menu a:visited {
font family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
line-height: 100%;
text-decoration: none;
border: 0px;

}
#menu a:hover {
font-family:  Arial, Geneva, sans-serif;
font-size: 12px;
color: #40628b;
line-height: 100%;
text-decoration: none;
border: 0px;

}



#leftMenu a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	line-height: 100%;
	border-width:0px;
	text-decoration: none;
	margin-left: 8px;

}

#leftMenu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	line-height: 100%;
	text-decoration: none;
	border-width:0px;
	margin-left: 8px;


}

#leftMenu a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #9c6;
	line-height: 100%;
	text-decoration: none;
	border-width:0px;
	margin-left: 8px;
	
}
#footer  a:link{
	color: #fff;
	font-size: 12px;
	border: 0px;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-color:#9c6;
	border-bottom-width:1px;
	
	}
#footer a:visited{
	color: #fff;
	font-size: 12px;
	border: 0px;
	text decoration: none;
	border-bottom-style: solid;
	border-bottom-color:#9c6;
	border-bottom-width:1px;
	}
#footer a:hover{
	color: #9c6;;
	font-size: 12px;
	border: 0px;
	text_decoration: none;
	border-bottom-style: solid;
	border-bottom-color:#fff;
	border-bottom-width:1px;
	
	}
	

#loginContent a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	line-height: 100%;
	border-width:0px;
	text-decoration: none;

}

#loginContent a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	line-height: 100%;
	text-decoration: none;
	border-width:0px;


}

#loginContent a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cff;
	line-height: 100%;
	text-decoration: none;
	border-width:0px;
	
}
	
	
	
.blueText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #40628B;
	text-decoration: none;
}
.marginMinus{
margin-bottom: -10;
}
.whiteText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
.eleven {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:
	text-decoration: none;
}

div#form{
	position: absolute;
	width: 602px;
	top: 40px;
	left: 392px;
	color: #333;
}

/*
______FOOTER INFO________
*/


#footer {
 position: relative;

 left: 0px;
 clear: both;
 z-index: 10;
 height: 680px;
 margin-top: -680px;
background-image: url(images/blueBac.png);
background-color: #235281;
 width: 100%;
 border-top-style: solid;
	border-top-color:#399;
	border-top-width:0px;

 
}

#footerTitle {
	position: absolute;
	top: -60px;
	left: 180px;
	z-index: 12;
}

#footerTitle1 {
	position: absolute;
	top: -13px;
	left: 129px;
	z-index: 14;
}

#footerContent{
position: absolute;
left: 150px;
color: #fff;
top: 56px;


 }
 
 

 
 #footerLeft{
	position: absolute;
	left: 40px;
	height: auto;
	width: 300px;
	
	z-index:10;
 }
  
 #footerCenter{
	position: absolute;
	left: 360px;
	height: auto;
	width:300px;
	

	z-index:10;
	
 }
 #footerRight{
	position: absolute;
	left: 680px;
	height: auto;
	width:300px;
	margin-right: 75%;
	z-index:10;
	
	
}

 #contentRight2{ 
 color:#333;
 }	
#arrowUp a{
border-bottom-style: solid;
	border-bottom-color:#fff;
	border-bottom-width:0px;
}
#arrowDown a{
border-bottom-style: solid;
	border-bottom-color:#fff;
	border-bottom-width:0px;
	}
#home a{
border-bottom-style: solid;
	border-bottom-color:#fff;
	border-bottom-width:0px;
	}
	#logo a{
border-bottom-style: solid;
	border-bottom-color:#fff;
	border-bottom-width:0px;
	}
	#logo a hover{
border-bottom-style: solid;
	border-bottom-color:#fff;
	border-bottom-width:0px;
	}
#emailTop a:link{
color:#a0d873;
	font-size: 0px;
	border: 0px;
	text_decoration: none;
	}
	#emailTop a:visited{
color:#a0d873;
	font-size: 0px;
	border: 0px;
	text_decoration: none;
	}
	#emailTop a:hover{
color: #9cc;;
	font-size: 0px;
	border: 0px;
	text_decoration: none;
	}
#loginStudents a {
	border: 0px;
	text_decoration: none;
	}
	
	#loginFaculty a {
	border: 0px;
	text_decoration: none;
	}
	
	#corner a {
	border: 0px;
	text_decoration: none;
	}
	
	
	
	#emailContent a {
	border: 0px;
	text_decoration: none;
	}