/* 
COURSE				ID		HEX
-----------------------------------
Art in Public: 		#ap		#e85bb5		
Fine Art: 			#fa		#f08f31		
Multidisciplinary:	#md		#fbbb01		
Textile:			#tx		#41b2e7		
-----------------------------------
*/

	/*
	Body and layout.
	*/

*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: 'Lucida Grande', 'Lucida Sans', Verdana, Sans-Serif;
	font-size: 12px;
	line-height: 1.6;
	color: #1B1B1B;
	background-color: #FFF;
	background-image: url(/i/background.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
}

#header
{
	margin-bottom: 85px;
	border-top: 8px solid;
}

#header p
{
	text-align: right;
	font-size: 10px;
	color: #999;
	padding: 5px 10px 0 0;
	margin: 0;
}

#container
{
	width: 900px;
	margin: 0 auto;
	background-image: url(/i/container_bg.png);
	background-color: #FFF;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding: 0 20px;
	background-position: center top;
}

#sidebar
{
	width: 200px;
	margin: 10px 0 0 20px;
	float: left;
}

#sidebar img
{
	margin-bottom: 30px;
}

.brand_href,
.brand_href:hover 
{
	border:0;
	background-color:#fff;
}

#content
{
	width: 630px;
	padding: 0 20px 0 30px;
	float: right;
}

#footer
{
	margin: 80px 0 20px 0;
	padding: 0 0 0 220px;
	color: #282828;
}

#newsbox
{
	width: 200px;
	margin: 53px 10px 0 30px;
	float: right;
	padding: 8px;
	border: 2px solid #ccc;
	background-image: url(/i/newsbox_bg.png);
	background-repeat: repeat-x;
	background-position: 0 20%;
}
	
#content #newsbox h2,#content #newsbox h3
{

	padding-top: 0;
	margin-top: 0;
	font-size: 1em;
	
}

#content #newsbox h3
{
	font-weight: normal;
}

#content #newsbox p 
{
	font-size: 1em;
}

		/*
			Typography
		*/

#content h1
{
	font-size: 24px;
	color: #282828;
}

#content h2
{
	margin: 40px 0 0 0;
	font-size: 18px;
	color: #282828;
}

#content h3
{
	margin: 30px 0 0 0;
	font-size: 16px;
	color: #282828;
}

#content h4
{
	margin: 20px 0 0 0;
	font-size: 14px;
	color: #282828;
	font-weight: bold;
}
#content h5
{
	margin: 20px 0 0 0;
	font-size: 12px;
	color: #282828;
	font-weight: bold;
}
blockquote
{
	padding: 0 60px 0 20px;
	border-left: 1px solid #CCC;
}

p
{
	margin: 11px 0 0 0;
	font-size: 14px;
}

		/*
			Links
		*/

a
{
	text-decoration: none;
	color: #666;
	padding-bottom: 1px;
	border-bottom: 1px solid #999;
}

a:visited
{
	color: #666;
}

a:hover, a:active
{
	color: #484848;
	padding-bottom: 1px;
	border-bottom: 1px solid #787878;
	background-color: #CCC;
}

#content a
{
	font-weight: bold;
}

		/*
			Lists
		*/

 ul, ol
{
	margin: 20px 0;
	line-height: 1.8;
}

#sidebar ul, #sidebar ol
{
	list-style: none;
	color: #484848;
}

#content li 
{
margin-left:30px;
font-size: 14px;
}

#sidebar li
{
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(/i/bullet.png);
}

#sidebar li.ap
{
	background-image: url(/i/bullet_ap.png);
}

#sidebar li.fa
{
	background-image: url(/i/bullet_fa.png);
}

#sidebar li.md
{
	background-image: url(/i/bullet_md.png);
}

#sidebar li.tx
{
	background-image: url(/i/bullet_tx.png);
}




		/*
			Area Specific Typography
		*/

#header h1
{
	font-size: 48px;
	color: #333;
}

#sidebar h2
{
	font-size: 12px;
	line-height: 0.5;
	padding: 0;
	color: #484848;
}

#footer p
{
	padding-top: 4px;
	border-top: 1px solid;
}

		/*
			Classes
		*/

.here
{
	color: #484848;
	font-weight: bold;
}

		/*
			Images
		*/

img
{
	border: 0;
}

#content img
{
	margin: 10px 0 10px 0;
	border: 5px solid #CCC;
}

#content a:hover img
{
	border: 5px solid #666;
}

		/* 
		Tables 	
		*/
th
{
	text-align: left;
	width: 35%;
}


		/* 
			Course specific page colors
			
		*/

/* Art in Public: 		#ap		#e85bb5		*/

body#ap #header, 	
body#ap #footer p
{
	border-color: #e85bb5;
	color: #e85bb5;
}
#content h2.ap,	
body#ap #content h1, 
body#ap #content h2, 
body#ap #content h3, 
body#ap #content h4
{
	color: #e85bb5;
}

/* Fine Art: 			#fa		#f08f31	*/	

body#fa #header, 	
body#fa #footer p
{
	border-color: #f08f31;
	color: #f08f31;
}
#content h2.fa,
body#fa #content h1, 
body#fa #content h2, 
body#fa #content h3, 
body#fa #content h4
{
	color: #f08f31;
}

/*	Multidisciplinary:	#md		#fbbb01	*/	
body#md #header, 	
body#md #footer p
{
	border-color: #fbbb01;
	color: #fbbb01;
}
#content h2.md,
body#md #content h1, 
body#md #content h2, 
body#md #content h3, 
body#md #content h4
{
	color: #fbbb01;
}
/*	Textile:			#tx		#41b2e7	*/

body#tx #header, 	
body#tx #footer p
{
	border-color: #41b2e7;
	color: #41b2e7;
}
#content h2.tx,
body#tx #content h1, 
body#tx #content h2, 
body#tx #content h3, 
body#tx #content h4
{
	color: #41b2e7;
}