html {
min-height: 100%;
margin-bottom: 1px;
}
body {
	margin: 0em;
	padding: 0em;
	text-align:center;
}
/*style for defining width of page*/
#container {
	width:850px;
	margin-right:auto;
	margin-left:auto;
	}
/*styles for content area of page*/
#content {
	width: 75%;
	float: right;
	text-align:left;
	border: 1px solid #fff;
}
/*styles for header 1 in content area of page*/
#content h1 {
	color: #330066;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 75%;
	margin-top: 0.5em;
	margin-left:0.1em;
	padding-bottom:0.3em;
}

html>/**/body #content h1 {
	margin-top: 0.8em;
	margin-left:0.1em;
	padding-bottom:-0em;
}

#contentpadding {
	margin-right: 0.7em;
}
/*styles for left content area of page containing text and top nav and or image */
#contentleft {
	width: 74.75%;
	float: left;

}
#contentleft p {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
		font-size: 80%;
}
#contentleft a img {
	border: none;
}
#maintextarea a {
	color: #330066;
	text-decoration: none;
}
#maintextarea a:hover {
	text-decoration: underline;
}
#maintextarea table {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
 border: 1px solid;
 border-collapse: collapse;
 border-color: #666666;
 } 
#maintextarea table td {
border: 1px solid;
padding:5px;
} 

#maintextarea a img {
	border: none;
}
#maintextarea .dottedhr {
	height: 5px;
	border: 0px;
	background: url(/en/media/Media,43,en.gif) repeat-x left top;
	margin-top: 3px;
}
#maintextarea .dottedhr hr {
	display: none;
}
/*styles for right content area of page containing square images */
#contentright {
	width: 25%;
	float: right;
	text-align: right;
}
#iadtlogo {
	float: left;
	width: 24%;
}
#iadtlogo a img {
	border: none;
}

#image1, #image2, #image3 {
	margin-top: 0.5em;
	height: 136px;
}
#image1 a, #image2 a, #image3 a {
	color: #ffffff;
	text-decoration: none;
}
#image1 a:hover, #image2 a:hover, #image3 a:hover {
	text-decoration: underline;
}	
#image1 p, #image2 p, #image3 p {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
#image1 img, #image2 img, #image3 img {
	z-index: 0;
/*This negative margin is required for all browsers except Safari see the end of this file*/
margin-left: -150px;
	position: absolute;
	height: 130px;
}
#image1 .titles, #image2 .titles, #image3 .titles {
	z-index: 10;
	position: absolute;
/*This negative margin is required for all browsers except Safari - see the end of this file */
margin-left: -150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 0px 0px 5px;
	width: 140px;
	text-align: left;
}
#image1 .info, #image2 .info, #image3 .info {
	z-index: 5;
	position: absolute;
/*This negative margin is required for all browsers except Safari - see the end of this file */
margin-left: -150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #ffffff;
	padding: 5px 0px 0px 5px;
	width: 140px;
	text-align: left;
	}

#header {
	width: 100%;
}
#breadcrumbs li.white {
	color: #FFFFFF;
}
#indexlinksandphotos {
	padding-bottom: 5em;
}
/*fix for mozilla vs internet explorer height differences */
html>body #indexlinksandphotos {
	margin-bottom: 7em;
}

#rightheader {
	width: 75%;
	float: right;
}
#rightheaderpadding {
	margin-right: 0.7em;
	border-bottom: 1px solid #666666;
}
#innercontainer {
	clear: both;
}
#level2image {
	border-bottom: 1px solid #666666;
}
.smaller {
	font-size: 80%;
}
.purple {
	color: #330066;
	font-weight: bold;
}
#breadcrumbs {
	clear: both;
	margin-bottom: -1em;
	text-align:left;
	margin-top:-0.8em;
}

#breadcrumbs p{
	font: bold Arial, Helvetica, sans-serif;
	color: #666666;
}
#breadcrumbs a {
	font:  100% Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	background: url(/en/media/Media,54,en.png) no-repeat right center;
	padding-right: 1em;
}
#breadcrumbs li {
	font:  bold  66% Arial, Helvetica, sans-serif;
	color: #666666;
	display:inline;
}
#breadcrumbs ul {
    margin-left:-0em;
}
/*fix for mozilla vs internet explorer height differences */
html>/**/body #breadcrumbs ul {
    margin-left:-2.5em;
}

#quicklinks {
	float: right;
}
#forms {
	float: right;
	margin-top: 3em;
	text-align: right;
}
#forms a {
	color: #666666;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-decoration: none;
}
form {
	display: inline;
}
.inline {
	display: inline;
}
#search {
	float: left;
}
#iadttext {
	float: left;
	margin-bottom:0.2em;
}
#iadtlogopadding {
	margin-right: 20%;
	margin-left: 20%;
}
#searchbox, #quicklinksmenu {
	color: #666666;
}
#Go{ width: 27px;}
/*styles for footer area*/
#footer {
	clear: both;
	width: 75%;
	float: right;
	text-align:left;
}
#footer p {
	color: #666666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	padding-top: 15px;
}
#footer a{
	color: #666666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
#footer a:hover{
	text-decoration: underline;
}
.invisible {
	overflow: hidden;
	position: absolute;
	height: 0px;
	width: 0px;
}
#level3navandimage img {
	float: right;
	margin-top:-2.25em;
	margin-right:-0.1em;
}

/*fix for mozilla vs internet explorer height differences */
html>/**/body #level3navandimage img {
	margin-top:-1.05em;
}
#level3navandimage li  {
	list-style: none;
	border-bottom: none;
	background: url(/en/media/Media,43,en.gif) repeat-x left bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin-left: -3.6em;
	width:46.5%;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
	color:#330066;
	}
html>body #level3navandimage li  {
	margin-left: -3.5em;
	}
#level3navandimage li.currentpagetoplink{
	list-style: url(/en/media/Media,41,en.jpg) inside ;
	font-weight: bold;
	margin-left:-4.5em;
	padding-left:0.2em;
	width:44.5%;
}
/*fix for mozilla vs internet explorer height differences */
html>/**/body #level3navandimage li.currentpagetoplink{
	list-style: url(/en/media/Media,41,en.jpg) inside;
	font-weight: bold;
	margin-left:-3.5em;
	width:46.5%;
	padding-left:0em;
}
#level3navandimage li.arrowlist{
	list-style: url(/en/media/Media,54,en.png) inside ;
	margin-left:-4.5em;
	padding-left:0.2em;
	width:44.5%;
}
/*fix for mozilla vs internet explorer height differences */
html>/**/body #level3navandimage li.arrowlist{
	list-style: url(/en/media/Media,54,en.png) inside;
	margin-left:-3.5em;
	width:46.5%;
	padding-left:0em;
}
.arrowlist a:link, .arrowlist  a:visited, .arrowlist a{
	color: #666666;
}
.arrowlist a:hover{
	text-decoration:none;
	color: #330066;
}
#level3navandimage a {
	text-decoration:none;
}
#contentleft h2 {
	color: #330066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bold;
}
#contentleft h2.blueheader, #maintextarea h3.blueheader{
	color: #3689BD;
	}
.default a:link, .default  a:visited, .default a{
	color: #666666;
}
.default a:hover{
	text-decoration:none;
	color: #330066;
}
.businesslink a:link, .businesslink a:visited, .businesslink a {
	color: #3689BD;
}
.businesslink a:hover{
	color: #3689BD;
	font-weight: bold;
}
.creativeartslink a:link, .creativeartslink a:visited, .creativeartslink a{
	color: #CC2F3A;
	}
	
.creativeartslink a:hover{
	color: #CC2F3A;
	font-weight: bold;
}
.creativetechnologieslink a:link, .creativetechnologieslink a:visited{
	color: #3EAA45;
	}
.creativetechnologieslink a:hover{
	color: #3EAA45;
	font-weight: bold;
}
#level3navandimage ul{
	margin-top:-2em;
} 
/*fix for mozilla vs internet explorer height differences */
html>/**/body #level3navandimage ul{
	margin-top:-0.5em;
} 
#level3navandimage {
	border-bottom: 1px solid #666666;
}
#level3header{
	border-bottom: 1px dashed #666666;
	width:46.5%;
}
#maintextarea ol li {
	list-style: url(/en/media/Media,54,en.png);
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin-left:-2em;
}

#maintextarea ul li {
	list-style: url(/en/media/Media,53,en.jpg);
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin-left:-2em;
}
#maintextarea li a {
	list-style: url(/en/media/Media,54,en.png);
	color: #330066;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
#maintextarea li a:hover {
	text-decoration:none;
}

#maintextarea h3 {
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	margin-bottom:-1em;
	font-weight: normal;
}
#maintextarea h4 {
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	margin-bottom:-1em;
	font-weight: normal;
}

#maintextarea h5 {
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	margin-bottom:-1em;
	font-weight: normal;
}
#maintextarea .sitemap ul li ul li {
	font-size: 100%;
}
#level5topnav h1 {
	color: #3689BD;
	font-size: 75%;
	margin-bottom:-1em;
	margin-left:0.5em;
}

/*fix for mozilla vs internet explorer height differences */
html>body #level5topnav h1 {
	margin-bottom:-0.5em;
	margin-left:0.6em;
}
#level5topnav h2 {
	font-size: 75%;
	color: #FFFFFF;
	margin-bottom:-1em;
	margin-left:0.5em;
	font-weight: normal;
}
/*fix for mozilla vs internet explorer height differences */
html>body #level5topnav h2 {
	margin-bottom:-0.5em;
}
#level5topnav p {
	font-size: 70%;
	color: #FFFFFF;
	margin-left:0.5em;
}
#level5topnav .gray {
	color: #666666;
	margin-top:2.5em;
}

#level5topnav {
	background: #BBDBEA;
	height:136px;
	margin-top:0.5em;
}
#level5topnav img {
margin-top:0.7em;
	clear: both;
	float: left;
}
/*fix for mozilla vs internet explorer height differences */
html>body #level5topnav img {
margin-top:1em;
margin-bottom:1em;
}

#level5topnav #coursedetails table {
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px dashed #FFFFFF;
	list-style: none;
	font-size: 70%;
	color:#469BC4;
	font-weight: bold;
	padding-bottom: 0.1em;
	margin-right:0.5em;
	}
#level5topnav #coursedetails table th {
display:none;
}
#level5topnav #coursedetails table td {
border-bottom: 1px dashed #FFFFFF;}

#level5topnav #coursedetails li .lineup {
	color: #666666;
}
#level5topnav #coursedetails{
margin-top:1em;}

/*fix for mozilla vs internet explorer height differences */
html>body #level5topnav #coursedetails{
margin-top:1em;}

#courseheading {
	width: 45%;
	float: left;
}

#coursedetails {
	float: right;
	width: 54%;
}

#column2{
	color:#666666;
	font-weight: normal;
}
/*styles for news section on index page*/
#newsarea {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	height: 2em;
	background: #CCCCCC;
}
/*fix for mozilla vs internet explorer height differences for news section on index page*/

html>body #newsarea {
	height: 2.1em;
}
/*style for 'news' word on index page*/
#newstext {
	font-family: Arial, Helvetica, sans-serif;
	color: #330066;
	font-size: 80%;
	font-weight: bold;
	float: left;
	background: #CCCCCC;
	padding-top: 0.7em;
	padding-bottom: 0.5em;
	margin: 0px;
	padding-left: 0.5em;
}
/*style for news items on index page*/
#newsitems {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 65%;
	background: #FFFFFF;
	float: right;
	margin: 0em;
	border: 0.5em solid #CCCCCC;
	padding: 0.5em;
	width: 555px;
}
#newsitems a {
	text-decoration: none;
	color: #666666;
}
#newsitems a:hover {
	text-decoration: underline;
}
#indexlinksandphotos #links {
	float: left;
	width: 153px;
}
#indexlinksandphotos #links img {
	margin-bottom: 0.25em;
	border: none;
}
#indeximages img {
	margin-left: 0.5em;
	float: right;
	border:none;
}
#indeximages a{
	text-decoration: none;
	
}
#indeximages a:hover {
	text-decoration: none;
	
}

/*Style for index image links*/

/*Style for first index image link*/
#indeximageslinks1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	position: relative;
	left: 20px;
	top: -120px;
	
}
#indeximageslinks1 a {
	text-decoration: none;
	color:  #FFFFFF;
}
#indeximageslinks1 a:hover {
	text-decoration: underline;
}
/*Style for second index image link*/
#indeximageslinks2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	position: relative;
	left: 330px;
	top: -140px;
	
}
#indeximageslinks2 a {
	text-decoration: none;
	color:  #FFFFFF;
}
#indeximageslinks2 a:hover {
	text-decoration: underline;
}
/*Style for third index image link*/
#indeximageslinks3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	position: relative;
	left: 480px;
	top: -160px;
	
	
}
#indeximageslinks3 a {
	text-decoration: none;
	color:  #FFFFFF;
}
#indeximageslinks3 a:hover {
	text-decoration: underline;
}


/*fix for mozilla vs internet explorer height differences */
html>body #indeximages img {
	margin-left: 0.45em;
}
/*fix for mozilla vs internet explorer height differences */
html>/**/body #indexlinksandphotos #links img {
	margin-bottom: 0.5em;
}
#indexcontent {
	margin-top: 0.5em;
}

.column2 {
	color: #666666;
	font-weight: normal;
}
#coursedetails caption {
	display: none;
}







#leftnav {
	float: left;
	width: 24%;
	text-align:left;
}
#leftnavpadding {
	margin-top:0.4em;
	margin-right: 20%;
	margin-left: 17%;
}
#leftnav h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #330066;
	font-size: 75%;
	border-bottom: none;
	background: url(/en/media/Media,43,en.gif) repeat-x left bottom;
	margin-bottom: -1.5em;
	padding-bottom: 0.4em;
}
html>/**/body #leftnav h2 {
	margin-bottom: -1em;
}
#leftnav li {
	color: #330066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	border-bottom: none;
	background: url(/en/media/Media,43,en.gif) repeat-x left bottom;
	list-style: url(../none) none;
	margin-left: -19.5%;
	padding-bottom: 0.1em;
}

#leftnav a {
	color: #666666;
	text-decoration: none;
}
#leftnav a:visited {
	color: #666666;
	text-decoration: none;
}
#leftnav a:hover {
	color: #330066;
	text-decoration: none;
}
/*fix for mozilla vs internet explorer height differences */
html>/**/body #leftnav li {
	margin-left: -45%;
	}
#leftnav li li {
	color: #330066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	border-bottom: none;
	background: none;
	list-style: url(/en/media/Media,54,en.png);
	margin-left: -2.4em;
}
#leftnav li .currentbranch0 a, #leftnav li .currentbranch0 a:visited, #leftnav li .currentbranch1 a, #leftnav li .currentbranch1 a:visited {
	color: #330066;
}
/*fix for mozilla vs internet explorer height differences */
html>/**/body #leftnav li li {
	margin-left: -2.5em;
	margin-top:-0.2em;
	margin-bottom:-0.4em;
	}
#leftnav a.currentpage {
	color: #330066;
}
#leftnav a:visited.currentpage {
	color: #330066;
}
#leftnav a:hover.currentpage {
	text-decoration: underline;
}
#leftnav li.currentpageleftlink{
	list-style: url(/en/media/Media,42,en.jpg);
	}
		
#leftnav li li a.currentpageleftlink, #leftnav li li a:visited.currentpageleftlink  {
	color: #330066;
}

/* Safari Styles */
html>/**/body #leftnav li li {
	padding-top: 0.2em;
}
html>/**/body #leftnav li ul {
	padding-bottom: 0.3em;
}

html>/**/body #leftnav li {
	padding-bottom: 0.3em;
	padding-top: 0.0em;

	padding-top: 0.2em;#   /*Needs the # for Safari  */

	}
	
/* Anything below this line will not be seen by Safari */


html>/**/body #leftnav li ul {
	padding-bottom: 0.0em;
}

#image1 img, #image2 img, #image3 img, #image1 .titles, #image2 .titles, #image3 .titles, #image1 .info, #image2 .info, #image3 .info {
margin-left: -150px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */
#image1 img, #image2 img, #image3 img, #image1 .titles, #image2 .titles, #image3 .titles, #image1 .info, #image2 .info, #image3 .info {margin-left:0px;}
}