/* CSS Document */
HTML {
	OVERFLOW: -moz-scrollbars-vertical;
	HEIGHT: 100%;
}
BODY {
	HEIGHT: 100%;
	BACKGROUND-COLOR: #AFCDF1; 
	/* BACKGROUND-COLOR: #666666;  */	
	MARGIN: 0; 
	PADDING: 0; 
	TEXT-ALIGN: center;
}
DIV {
	MARGIN: 0px auto; 
	POSITION: relative;
}

/* Layout */
/* Start Banner */
#leftSide {
	POSITION: fixed;
	MARGIN-LEFT: -272px;
	WIDTH: 35px;
	TOP: 0px;
	BOTTOM: 0px;
	LEFT: 50%;
	TEXT-ALIGN: center;	
	BACKGROUND-IMAGE: url(../images/LOGO/sideBarLogo.jpg);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: bottom;
	BACKGROUND-COLOR: #000000;
	COLOR: #FFFFFF;	
}
/* End Banner */

#frame {
	WIDTH: 475px;
	BACKGROUND-COLOR: #FFFFFF;
	TEXT-ALIGN: left;
	MIN-HEIGHT: 100%;
}
/* A CSS hack that only applies to IE */
* HTML #frame{
	HEIGHT: 100%;
}
#logo {
	TOP: 10px;
	MARGIN-LEFT: 15px;
	HEIGHT: 32px;
	WIDTH: 200px;
	BACKGROUND-IMAGE: url(../images/LOGO/professorLogo.jpg);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
}
#main_nav {
	MARGIN-TOP: -18px;
	MARGIN-RIGHT: 15px;
	TEXT-ALIGN: right;
	HEIGHT: 26px;
	LINE-HEIGHT: 24px;
	MARGIN-BOTTOM: 5px; 
}
#main_nav a:link, #main_nav a:visited {
	COLOR: #000000; 
	FONT-SIZE: 12px;
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	VERTICAL-ALIGN: middle;
	LINE-HEIGHT: 24px;
}
#main_nav a:hover {
	COLOR: #5376AC; 
	FONT-SIZE: 12px;
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	VERTICAL-ALIGN: middle;
	LINE-HEIGHT: 24px;
}
#stripe {
	HEIGHT: 1px;
	WIDTH: 445px;
	MARGIN-LEFT: 15px;
	MARGIN-RIGHT: 15px;
	LINE-HEIGHT: 1px;
	FONT-SIZE: 1px;
	BACKGROUND-COLOR: #5376AC;
}
#content {
	MARGIN-LEFT: 15px;
	MARGIN-RIGHT: 15px;
	WIDTH: 445px;
	TEXT-ALIGN: left;
}

/* Content */
DL {
	FONT-SIZE: 19px; 
	COLOR:#FF9100; 
	FONT-WEIGHT: bold;
}
DT {
	FONT-SIZE: 16px; 
	COLOR:#666666; 
	FONT-WEIGHT: bold; 
	PADDING-LEFT: 25px;
}
DD {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	FONT-FAMILY: Helvetica, Verdana, Arial, sans-serif; 
	COLOR: #666666;
}
.page {
	FONT-SIZE: 19px; 
	COLOR:#FF9100; 
	FONT-WEIGHT: bold;
}
.title {
	FONT-SIZE: 19px; 
	COLOR:#FF9100; 
	FONT-WEIGHT: bold;
}
.project {
	FONT-SIZE: 16px; 
	COLOR:#666666; 
	FONT-WEIGHT: bold;
}
.desc {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	FONT-FAMILY: Helvetica, Verdana, Arial, sans-serif; 
	COLOR: #666666;
}
.images {
	TEXT-ALIGN: left;
}
.clickHere {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	FONT-FAMILY: Helvetica, Verdana, Arial, sans-serif; 
	COLOR: #5376AC;
}
/* Links */
A:link, A:visited {
	COLOR: #000000; 
	FONT-WEIGHT: bold; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana; 
	TEXT-DECORATION: none;
}
A:hover {
	COLOR: #AFCDF1; 
	FONT-WEIGHT: bold; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana; 
	TEXT-DECORATION: none;
}
#content .desc A:link img, #projectThumbsHolder A:visited img {
	BORDER-COLOR: #000000; 
	COLOR: #000000; 
	FONT-WEIGHT: bold; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana;
	TEXT-DECORATION: none;
}
#content .desc A:hover img {
	TEXT-DECORATION-COLOR: #FF9100; 
	COLOR: #FF9100; 
	FONT-WEIGHT: bold; 
	FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana;
	TEXT-DECORATION: none;
}

/* Internal Popup Windows */
.popup {
	FONT: 12px Arial, Helvetica, sans-serif, Verdana; 
	BORDER: 1px #000000 solid;
	POSITION: absolute;
	Z-INDEX: 100;
	VISIBILITY: hidden;
    TOP: 0px;
	LEFT: 0px;
	LAYER-BACKGROUND-COLOR:#ffffcc;
	WIDTH: 280px;
	HEIGHT: 154px;
	BACKGROUND-COLOR:#FFFFFF;
	TEXT-ALIGN: left;
	/* background-COLOR: #ffffcc;*/
}
#topBanner {
	WIDTH: 280px;
	HEIGHT: 17px;
	BACKGROUND-COLOR: #CCCCCC;
	TOP: 0px;
}
.classTitle {
	LINE-HEIGHT: 17px;
	TEXT-TRANSFORM: uppercase;
	TEXT-DECORATION: none;
	TEXT-ALIGN: left;
	COLOR: #000000;
	FONT: bold 11px  Arial, Helvetica, sans-serif, Verdana;
	PADDING-LEFT: 5px;
}
.classDesc {
	FONT: 11px Arial, Helvetica, sans-serif, Verdana; 
	WIDTH: 268px;
	HEIGHT: 123px;
	PADDING: 5px;
	TEXT-ALIGN: left;
}
A.closeX:link, A.closeX:visited {
	FLOAT: right;
	POSITION:relative;
	TOP: 0px;
	DISPLAY: block;
	PADDING: 1px 5px 2px;
	LINE-HEIGHT: 14px;
	TEXT-TRANSFORM: uppercase;
	TEXT-DECORATION: none;
	TEXT-ALIGN: center;
	FONT: bold 12px Verdana, sans-serif;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #FF9100;
}
A.closeX:hover {
	TEXT-DECORATION: none;
}
#content DD.classes A:link, #content DD.classes A:visited {
	TEXT-DECORATION: none;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	FONT-FAMILY: Helvetica, Verdana, Arial, sans-serif;
	COLOR: #666666;
}
#content DD.classes A:hover {
	TEXT-DECORATION: underline;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	FONT-FAMILY: Helvetica, Verdana, Arial, sans-serif;
	COLOR: #666666;
}