* { padding: 0; margin: 0; }
body {
 font-family: verdana, sans-serif;
 font-size: .7em;
 background-color:#333333;
 font-family: verdana, sans-serif;
 color:#5c5c5c;
 line-height:1.3em;
}

h1{
	color:#500000;
	font-weight:Bold;
	font-size:1em;
	text-align:left;
}
h2{
	font-size:1em;
	text-align:right;
	font-weight:Bold;
	margin-right: .5em;
}
h3{
	font-size:1.1em;
	Font-weight:normal;
	color:#000000;
}
h4{
	Font-size:1.1em;
	direction:rtl;
	font-weight:Bold;
	margin:0;
}
h5{
	color:#500000;
	font-weight:Bold;
	font-size:1.7em;
	text-align:center;
}
li{
margin-left:1.5em;
}

a:link{	text-decoration:none; color:#5c5c5c; font-weight:bold;}
a:visited{	text-decoration:none; color:#5c5c5c; font-weight:bold;}
a:hover{text-decoration:none; color:#500000; font-weight:bold;}

/**********************************  Links  **************************************/
a.home:visited{	color:#666666;}
a.navon:active{	color:#500000;	font-weight:bold;}
a.navon:visited{color:#5c5c5c;}
a.navon:link{color:#5c5c5c;}
a.navon:hover{color:#500000;}
a.contentlink:visited{color:#5c5c5c;}
a.contentlink:link{	color:#000000;		}
a.contentlink:hover{color:#500000;}
a.ca:visited{color:#500000;}
.highlighton{color:#500000;font-weight:bold;}
.highlightoff{	color:#500000;}

/**********************************Table classes********************************************/

.form td {
 padding-top: 1em;
 padding-right: 3em;
} 
.form tr {
 padding: 1.6em;
} 
.formleft{
  float:right;

} 
.formleft td{
  padding-top: .7em;

} 
  
/**********************************Photo Gallery********************************************/
#gallery {

	width:43.9em;
	height:40em;
}
#gallery ul {
	list-style:none;
	padding:0;
	margin:0;
	width:450px;
	position:relative;
	float:left;
	
}

#gallery ul li {display:inline; width:27px; height:27px; float:left; margin:0 5px 5px 0;}
#gallery ul li a {display:block; width:25px; height:25px; text-decoration:none; border:1px solid #000;}
#gallery ul li a img {display:block; width:25px; height:25px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#gallery ul li a:hover img { margin-top:3em; position:absolute; left:0; top:0; width:auto; height:auto; border:1px solid #000;}}

/*************************************Forums**************************************/
label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}


input
{
 font-family: verdana, sans-serif;
	color: #5c5c5c;
	border: 1px solid #5c5c5c;
	background-color: #FFFFFF;
}

input.large
{
width:80em;
}

fieldset
{
border: 1px solid #5c5c5c;
width: 20em
}

legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #5c5c5c;
} 


/*************************************MAIN DIVS**************************************/
#main{
	width:80em;
	margin: 0px auto;
	background-image: url(images/Creative%20Arts.jpg); 
	background-repeat: no-repeat;
	background-position: right top;
	background-color:#FFFFFF;
	overflow: hidden;
	height: auto;
}

#main.img1{
	background-image: url(images/Creative%20Arts.jpg);
}
#main.img2{background-image: url(images/Creative%20Tech.jpg); 
}

#navigation{
	width:80em;
	margin-top: 1em;
	height: 0em;
	visibility:hidden;
}
	#navlogo{
	width:17.3em;
	height: 0em;
	float:left;
	background-image: url(images/iadt.jpg);
	background-repeat: no-repeat;
	margin-left: 1.3em;
	visibility:hidden;
	}
	#nav1{
	width:17.5em;
	height: 0em;
	float:left;
	margin-top: .5em;
	visibility:hidden;
	}
	
	#nav2{
	width:17.5em;
	height: 0em;
	float:left;
	margin-top: .5em;
	visibility:hidden;
	}
	#nav3{
	width:20em;
	height: 0em;
	float:left;
	margin-top: .5em;
	visibility:hidden;
	}
	#nav4{
	width:14.5em;
	height: 0em;
	float:left;
	}

#stunavigation{
	width:80em;
	float:left;
}
	#stunavlogo{
	width:19em;
	height:6em;
	float:left;
	background-repeat: no-repeat;
	}
	#stunav1{
	width:17.2em;
	height:6em;
	float:left;
	}
	#stunav2{
	width:23em;
	height:4em;
	float:left;
	}
	#stunav3{
	width:19em;
	height:4em;
	float:left;
	}
	#printlogo{
	visibility: visible;
	
	}	
#titlebar{
	width:0em;
	height:20.2em;
}

#titlelogo{
	width:28em;
	height:0em;
	float:left;
	background-image: url(images/grad_exhibit.jpg);
	background-repeat: no-repeat;
	margin-left: 1.3em;
}

#titlestudent{
	width:40em;
	height:0em;
	float:left;
	margin-top: 5.4em;
	margin-left: 1em;
}

#titleimg1{
	width:30.5em;
	height:0em;
	float:left;
	background-image: url(images/img1.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
#titleimg2{
	width:30.4em;
	height:0em;
	float:left;
	background-image: url(images/img2.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
#titleimg3{
	width:30.5em;
	height:0em;
	float:left;
	background-image: url(images/img3.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}


#content{
width:80em
}

#contentbody{
	width:71em;
	text-align: left;
	float:right;
}
	#contentbody p{
	margin-right:10em;
}
#contenttitle{
	width:5em;
	text-align: right;
	float:left;

}
#contentnav{
	width:40em;
	text-align: right;
	float:left;
}

#footerwhite{
	width:80em;
	height:25em;
	float: left;
}
	
	#footer{
	width:0em;
	height:0em;
	float: left;
}