* { 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:#bbbbbb;}
a:visited{	text-decoration:none; color:#bbbbbb;}
a:hover{text-decoration:none; color:#5c5c5c;}

/**********************************  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;}

a.highlighton:active{color:#500000;font-weight:bold;}
a.highlighton:visited{color:#500000;font-weight:bold;}
a.highlighton:link{color:#500000;font-weight:bold;}
a.highlighton:hover{color:#500000;font-weight:bold;}
a.highlightoff:active{color:#500000;}
a.highlightoff:visited{color:#500000;}
a.highlightoff:link{color:#500000;}
a.highlightoff:hover{color:#500000;}
/************************************Rationale**************************************/
#rationale{

}
/*************************************Header classes**************************************/
.fname{
font-weight:bolder;
color:#000000;
font-size:1.6em;
text-align:center;
}
.lname{
font-weight:0.1em;
font-size:1.6em;
text-align:center;
}


  
/**********************************Photo Gallery********************************************/
#gallery {
	margin-top:.5em;
	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:5px; height:5px; float:left; margin:0 3px 3px 3px;}
#gallery ul li a {display:block; width:25px; height:25px; text-decoration:none;}
#gallery ul li a img {display:block; width:25px; height:25px; border:0; visibility:hidden;}
#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; visibility:visible;}}

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

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

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

} 
.formleft tr {
 padding: 1.6em;
} 

.tableright{
margin-top:1em;
height:2em;
width:10em;
float:right;
clear: both;
}

.tableleft{
margin-top:1em;
	float:left;
	height:2em;
	width:10em;
	clear: both;
}

/*************************************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/Home.jpg); 
	background-repeat: no-repeat;
	background-position: right top;
	background-color:#FFFFFF;
	overflow: hidden;
	height: auto;
}

#mainCA{
		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;
}
#mainCT{		width:80em;
	margin: 0px auto;
	background-image: url(images/Creative%20Tech.jpg); 
	background-repeat: no-repeat;
	background-position: right top;
	background-color:#FFFFFF;
	overflow: hidden;
	height: auto;
}

#navigation{
	width:80em;
	margin-top: 1em;
	height: 20.8em;
}
	#navlogo{
	width:17.3em;
	height:20em;
	float:left;
	background-image: url(images/iadt.jpg);
	background-repeat: no-repeat;
	margin-left: 1.3em;
	}
	#nav1{
	width:17em;
	height:16em;
	float:left;
	margin-top: .5em;
	}
	
	#nav2{
	width:17.5em;
	height:19.5em;
	float:left;
	margin-top: .5em;
	}
	#nav3{
	width:15em;
	height:20em;
	float:left;
	margin-top: .5em;
	}
	#nav3-2{
	width:10.5em;
	height:20em;
	float:left;
	margin-top: .5em;
	}
	#nav4{
	width:14.5em;
	height:20em;
	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{
	margin:0em;
	width:0em;
	height:0em;
    display:none;
}
#title{
	width:80em;
	height:20.2em;
}

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

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

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


#content{
width:80em
}

#contentbody{
	width:43.9em;
	text-align: left;
	float:right;
}
	#contentbody p{
	margin-right:10em;
}
#contenttitle{
	width:35em;
	text-align: right;
	float:left;
}
#contentnav{
	width:40em;
	text-align: right;
	float:left;
}

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