/* --------------------------------------------------- 

Styles for RISD.EDU                      
February, 2010                                        

--------------------------------------------------- */

@import url(screen_common.css);

/* Calendar Detail ------------------------------------------ */
#calDetail .event {
	padding: 34px 0 16px 0;
	border-bottom: 1px solid #CCC;
	height: 1%;
	overflow: hidden;
}
#calDetail h3.eventMonth, #calDetail h3.eventDay {
	margin: 0;
	padding: 0;
	line-height: 90%;
	border: 0;
}
#calDetail h3.eventMonth {
	margin-top: 2px;
	font-size: 15px;
	text-transform: uppercase;
}   
#calDetail h3.eventDay {} 
#calDetail h5 {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding: 5px 8px;
	margin-bottom: 10px;
	background-color: #62733E;
	display: block;
}
#calDetail .eventLeft {
    width: 80px;
    float: left; 
}
#calDetail .eventRight {  
    float: left;
	width: 84%; /* Percentage needed to include full page calendar */
}

/* Calendar Grid -------------------------------------------- */
#calGrid table {
	width: 100%;
}
#calGrid table tr td, #calGrid table tr th {
	padding: 7px 0;
	text-align: center;
	vertical-align: middle;
	font: normal 10px verdana, arial, helvetica, sans-serif;
} 
#calGrid table tr td {
	color: #666;
	border-right: 1px solid #CCC;	
	border-bottom: 1px solid #CCC;
}
#calGrid table tr td:first-child {
	border-left: 1px solid #CCC;	
}
#calGrid table tr th {
	color: #FFF;
	background-color: #000;
	border-right: 1px solid #000;	
	border-bottom: 1px solid #000;
}
#calGrid table tr td[abbr] { /* An attribute selector that MSIE 8 can understand */
	border: 0;
	color: #000;
	font: bold 15px arial, helvetica, sans-serif;
}
#calGrid table tr td.carat {
	font: normal 16px 'courier new', courier, monospace;
	border: 0;
}
#calGrid table tr td a[title] {
	font-weight: bold;
}
#calGrid p {
	text-align: right;
	margin-right: 20px;
}
#calGrid p span {
	font-weight: bold;
}

/* Calendar Summary --------------------------------------- */
#calSummary a {
    padding: 26px 0 10px 0;
    text-decoration: none;
    display: block;
    height: 1%;
    overflow: hidden;    
}
#calSummary a:hover {
    background-color: #F3EFEE;
}
#calSummary > a {
    float: right;    
    padding: 10px 12px 0 0;
}
#calSummary > a:hover {
    background-color: #FFF;
}
#calSummary h3.eventMonth, #calSummary h3.eventDay {
    color: #000;
	line-height: 90%;
}
#calSummary h3.eventMonth {
    font-weight: bold;
    margin: 2px 0 0 0;
    font-size: 15px;
    text-transform: uppercase;
}   
#calSummary h3.eventDay {
    margin: 0;   
    padding-bottom: 2px; 
    line-height: 29px;
} 
#calSummary h4 {
    margin: 0 0 8px 0;
} 
#calSummary h5 {
    margin-bottom: 0;
}
#calSummary p {
    color: #666;
    line-height: 140%;    
} 
#calSummary p:last-child a:hover {
    background-color: #FFF;
} 
#calSummary .event  {
    border-bottom: 1px solid #CBCBCB;
}
#calSummary .eventLeft {
    width: 82px;
    text-align: center;
    float: left;
}
#calSummary .eventRight {
    float: left;
    width: 77%;  
}
#calSummary .eventRight h4 {
    color: #80361a; /* Same as universal link color */
}

/* Combo Pages - All ---------------------------------------- */
.comboPage > div {
    float: left;
}
.comboPage div {
    overflow: hidden;
}
.comboPage div h4 {
    font-size: 17px;
}
.comboPage p, .comboPage span {
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    line-height: 140%;
}
.comboPage ul {
    margin: 0 0 10px 13px;  
}
.comboPage ul li {
    font-size: 13px;
    padding-bottom: 7px;
    list-style-type: square;
}
.comboPage #box1 {
    width: 612px;
    height: 344px; 
}
.comboPage .boxContainer {
    background-color: transparent;
}
.comboPage .boxContainer > div {
    background-color: #FFF;
}
.comboPage div .col {
    padding: 0 0 0 18px;
    width: 45%;
    float: left;
}   
.comboPage #box1 h4 {
    font-family: Georgia, 'Times New Roman', Times, Serif;	
    font-size:28px;
	color: #FFF;
	margin: 0;
}   
.comboPage #box1 h6 {
    font-family: Georgia, 'Times New Roman', Times, Serif;	
	color: #FFF;
	margin: 0;
    font-size: medium;  
}


/* Combo Page A -------------------------------------------- */
#typeA #box1 {
    width: 100%;
    height: 406px;
    margin-bottom: 6px;   
    background: transparent url(../images/background/80-black.png);
}
#typeA #box1 ul {
    margin: 0;   
}
#typeA #box1 ul li {
    list-style-type: none;
    float: left;
}
/* filter control list */
#typeA #box1 > ul {
    width: 100%;
    margin: 20px 0 0 46px;
    height: 36px;
}
#typeA #box1 > ul li {
    font: normal 11px verdana, arial, helvetica, sans-serif; 
    color: #666;
    padding: 0;
    margin-right: 12px;
}
#typeA #box1 > ul li:last-child {
    text-align: right;
    margin: 0;    
    width: 300px;
}
#typeA #box1 > ul li:last-child a:hover {
    text-decoration: underline;
}
#typeA #box1 > ul li a {
    color: #666;
    display: block;
    height: 24px;
    line-height: 22px;
    background-position: 0 0;          
    background-repeat: no-repeat;       
    background-color: transparent;       
}
#typeA #box1 > ul li a:hover {
    color: #FFF;
    background-position: 0 -26px;
    text-decoration: none;
}
#typeA #box1 > ul li a#gra {
    width: 105px;
    text-align: center;
    background-image: url(../images/background/grad_button.gif);             
}
#typeA #box1 > ul li a#und {
    width: 138px;
    text-align: center;    
    background-image: url(../images/background/undergrad_button.gif);           
}
#typeA #box1 > ul li p {
    padding: 3px 0 0 0;     
}
#typeA #box1 > ul li a.onState {
    color: #FFF;
    background-position: 0 -26px;
}
/* academic program list */
#typeA  #box1 .offsetBlock ul li {
    font: bold 15px/42px arial, helvetica, sans-serif;
    text-transform: uppercase;    
    letter-spacing: 1px;
    white-space:  nowrap;    
    padding: 0 25px 0 0;     
    background: transparent url(../images/background/bullet-grey.gif) no-repeat 99% 17px;     
}
#typeA #box1 .offsetBlock ul li a.fadeState {
    color: #222; 
}
#typeA #box1 .offsetBlock {
	clear: left;
    padding: 20px 10px 24px 46px;
}

/* required by Chrome 8, because the DIV will not expand. Why? */
#typeA #box2 {
	width: 100%;
}

#typeA #box2, #typeA #box3, #typeA #box4, #typeA #box5 {
    background-color: #FFF;
    margin-bottom: 6px;
}
#typeA #box2 p {
    margin: 12px 28px 12px 31px;
    font: normal 14px/170% arial, helvetica, sans-serif;    
}
#typeA #box3 {
    width: 406px;
    height: 250px;
}
#typeA #box4, #typeA #box5 {
    width: 200px;        
    height: 250px;
}
#typeA #box4, #typeA #box5  {
    margin-left: 6px;
}

#typeA #box3 p, #typeA #box4 p {
    margin-bottom: 8px;
}
/* #typeA #box3 h5 {
    position: absolute;   
    margin-bottom: 6px;      
} */


/* Combo Page B -------------------------------------------- */
#typeB > div {
    background-color: #FFF;    
}
#typeB #box1, #typeB #box2, #typeB #box3, #typeB #box4, #typeB #box5 {
    margin-bottom: 6px;    
}
#typeB #box1 {
    margin-right: 6px;
}
#typeB #box2 {
    width: 200px;
    height: 344px;
}
#typeB #box2 img {
    border: 0;
}
#typeB #box3, #typeB #box4, #typeB #box5 {
    height: 240px;
}
#typeB #box3 {
    width: 406px;
    margin-right: 6px;       
}
#typeB #box3 h5 {
  /*  position: absolute; */
}
#typeB #box4, #typeB #box7 {
    width: 200px;
    margin-right: 6px;       
}
#typeB #box5, #typeB #box8  {
    width: 200px;      
}
#typeB #box6 {
    width: 406px;
    margin-right: 6px;         
}

/* Combo Page C -------------------------------------------- */
#typeC > div {
    float: left;
}
#typeC #box1 {
    margin-bottom: 6px;    
}
#typeC #box2 {
 /*   padding-top: 20px;  */       
    margin-bottom: 6px;    
}
#typeC #box2 p {
    font-size: 14px;
    font-family: Georgia, 'Times New Roman', Times, Serif;
}
#typeC .boxContainer {
    width: 612px;
    margin-right: 6px;
	margin-bottom: 36px;
    clear: left;    
}
#typeC #box4, #typeC #box5, #typeC #box6, #typeC .boxRight {
    width: 200px;
    float: right;
    margin-bottom: 6px;
    background-color: #FFF;
}
#typeC #box6 {
    clear: right;
}

/* Combo Page C+T ----------------------------------------- */
#typeCT #box1, #typeCT #box2 {
    margin-bottom: 1px;    
}
#typeCT .boxContainer {
    width: 612px;
    margin-right: 1px;
    clear: left;    
}
#typeCT #box3, #typeCT #box4, #typeCT #box5, #typeCT .boxRight {
    width: 205px;
    float: right;
    margin-bottom: 1px;
    background-color: #FFF;    
}
#typeCT #box4 {
    clear: right;
}

/* Combo Page D -------------------------------------------- */
#typeD .black {
    background: transparent url(../images/background/70-black.png);
    color: #999;
}
#typeD .black h4 {
    color: #FFF;
}
#typeD .black h5 {
    background-color: #000;
	color: #999;
}
/* 
Provides a unique link for this block black background.
Remove if not needed.
#typeD .black a {color: #666;} 
*/
#typeD .boxContainer {
    width: 200px;    
    margin-right: 6px;
}
#typeD .boxRight a {
	font: normal 13px Georgia, 'Times New Roman', Times, Serif;
}
#typeD #box1 {
    margin-right: 6px;
    margin-bottom: 6px;
}	
#typeD #box2 {
    width: 200px;
    height: 344px;
    margin-bottom: 6px;
}
#typeD #box3 {
    width: 406px;
 /*   height: 500px; */
    margin-right: 6px;
    background-color: #FFF;        
}
#typeD #box4, #typeD #box5, #typeD #box6, #typeD .boxCenter, #typeD .boxRight {
    width: 200px;
    margin-bottom: 6px;
}
#typeD #box6, #typeD .boxRight {
    background-color: #FFF;        
}

/* Combo Page D+T ----------------------------------------- */
#typeDT div {
    margin-bottom: 1px;
}
#typeDT #box1 {
    margin-right: 1px;
}
#typeDT #box2, #typeDT #box3 {
    background-color: #FFF;      
}
#typeDT #box2 {
    width: 205px;
    height: 344px;
}
#typeDT #box3 {
    width: 406px;
}
#typeDT .boxContainer {
    width: 205px;
    margin-left: 1px;
}
#typeDT .boxRight {
    width: 205px;
    margin-left: 1px;
    background-color: #FFF; 
}

/* Combo Page E -------------------------------------------- */
#typeE > div {
    background-color: #FFF;    
    margin-bottom: 6px;   
    width: 200px;
}
#typeE #box2 {
    height: 344px;
}
#typeE #box1, #typeE #box3, #typeE #box4, #typeE #box5 {
    margin-right: 6px;
}
#typeE #box3, #typeE #box4, #typeE #box5 {
    height: 354px;
}
/* #typeE #box7 h5 {
    position: absolute;   
} */
#typeE #box7 {
    width: 406px;
    margin-right: 6px;         
}
#typeE #box7, #typeE #box8 {
    height: 270px;
}
    
/* Combo Page F -------------------------------------------- */
#typeF > div {
    background-color: #FFF;    
    margin-bottom: 6px;   
    width: 200px;
}
#typeF .boxContainer {
    float: right;
    background-color: transparent;
}
#typeF .boxContainer > div {
    margin-bottom: 6px;
}
#typeF #box2 {
    padding-top: 20px;        
    margin-bottom: 6px;    
    width: 612px;
}
#typeF #box2 p {
    font-size: 14px;
    font-family: Georgia, 'Times New Roman', Times, Serif;
}
#typeF #box3, #typeF #box4, #typeC #boxLL, #typeC #boxLC {
    margin-right: 6px;
}
#typeF #box3, #typeF #box4, #typeF #box5 {
    height: 200px;
}
#typeC #boxLL, #typeC #boxLC, #typeC #boxLR {
    float: left;
    width: 200px;
    /* height: 200px; */
}

/* Page Type 4 ----------------------------------------------- */
.type4#mainContainer { width:100%; }    
.type4 #mainContent { padding: 0; }


/* Page Type 5 ----------------------------------------------- */
.type5#mainContainer { width:100%; }    
.type5 #mainContent, .type4 #colfull { 
    /*padding: 40px 35px 40px 40px;*/
	padding: 40px 0 40px 40px;
}
.type5 #mainContent.divided {
    background: #FFF url(../images/background/pixel_grey.gif) repeat-y 754px 0;
}
.type5 #col1 {
	width: 688px;
}
.type5 #col2 {
	xbackground-color: #F0F0F0;
}

/* Faculty Bio ------------------------------------------------- */
#facCourses {
    font-size: 11px;
}

/* Input Form ----------------------------------------------- */
#inputForm label {
    display: block;
    float: left;
    width: 150px;
}
#inputForm input, #inputForm select {
    margin-bottom: 14px;
}
#inputForm input:focus, #inputForm select:focus, #inputForm textarea:focus {
    background-color: #FFC;
}

/* Google Map ----------------------------------------------- */
span.add1       { font-size:12px; display: block; padding-top: 4px; color: #666; }
#map {
    font-family: sans-serif;
    font-size: 12px;
	width: 740px;
	height: 450px;
	border: 1px solid #999;
}
#map strong {
    font: bold 14px Georgia, 'Times New Roman', Times, Serif;
}
div#map div div div div.gmnoprint div.gmnoprint div div img {
    width: 242px;
    height: 97px;
    border: 1px solid #000;
    margin: 10px 0 2px 0;
    position: relative;
}
div#map div div div div.gmnoprint div.gmnoprint div div div {
    color: #999;
}
#side_bar {
	margin-top: 12px;
	line-height: 160%;
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}
#side_bar a.onState {
    color: #FFF;
    background-color: #493A73;
    padding-bottom: 2px;
}

/* Tables ---------------------------------------------------- */
.dataTblSm td {
    vertical-align: top;
    font: normal 11px arial, helvetica, geneva, sans-serif;
    padding: 3px 8px 3px 0;
}
.tblDisplay {
    margin-top: 10px;
    width: 100%;
}
.tblDisplay td, .tblDisplay th {
    vertical-align: top;
}
.tblDisplay td {
    font: normal 13px/17px arial, helvetica, tahoma, sans-serif;  
    padding: 10px 0 9px 8px;
}
.tblDisplay th {
    color: #666;
    text-align: left;  
    text-transform: uppercase;
    font-size: 11px; 
    padding: 7px 4px 6px 8px;
    background: transparent url(../images/background/pattern_ltGrey.gif);
    border-right: 1px solid #CBCBCB;
    border-bottom: 1px solid #CBCBCB;    
}
.tblDisplay td {
    border-bottom: 1px solid #CBCBCB;        
}
.tblDisplay tbody tr.noRule td {
    border-bottom: 0;        
}
.tblPhotoLeft {
	float: left;
}
.tblPhotoLeft td {
	padding: 4px 12px 8px 0;
}
.tblPhotoRight {
	float: right;
}
.tblPhotoRight td {
	padding: 4px 0 8px 12px;
}

table.policy {
border-collapse:collapse;
border: 0;
}
table.policy tr:nth-child(odd)
{ 
background: #f7f8f6;
}
table.policy td
{ 
padding: 12px 10px 12px 10px;
}


/* -------------------------------------------------------------- */
/* LISTS                                                                      */
/* -------------------------------------------------------------- */

/* Expanding List -------------------------------------------- */
.expandingList {  
    margin-bottom: 20px;
}
.expandingList ul { 
	margin: 0 !important; 
}
.expandingList ul li {  
	list-style-type: none !important;
    border-bottom: 1px solid #CBCBCB;
    padding: 8px 0 !important;
}
.expandingList ul li a.onState {
    font-weight: bold;  
    color: #000 !important;
}
.expandingList ul li img {
    float: left;
}
.expandingList ul li ul {  
    margin-left: 15px;
}
.expandingList ul li ul li {  
    list-style-type: disc;
    border: 0;
}
.expandingList ul li .cdesc { 
    display: none;
    font-family: Georgia, 'Times New Roman', Times, Serif;
    line-height: 150%;
    padding: 10px 0 0 0;  
}
.expandingList ul li .cdesc h5 { 
    margin-top: 0;
    color: #000;
}
.expandingList ul li .cdesc h5 span { 
    color: #666;
}

/* Expanding List - Courses ---------------------------------- */
#courses .cdcontainer > p {
	width: 90px;
	float:left;
}
#courses .cdesc {
	margin-left: 90px;
}

/* Icon List ---------------------------------------------------- */
#iconList ul { margin: 0; }
#iconList ul li {
	list-style-type: none;
    padding: 0 0 4px 0;
    height: 1%;
    overflow: hidden;     
}
#iconList ul li div {
    width: 90%;
    float: left;
}
#iconList ul li img {
	width: 20px;
    float: left;
    margin: 2px 8px 0 0;
}

/* News List - Summary ------------------------------------ */
#newsListSummary > a {
    float: right;    
    padding: 10px 12px 0 0;
}
#newsListSummary h5 {
    margin-bottom: 0;
}
#newsListSummary ul {
    margin: 0;
    padding: 0;
}
#newsListSummary ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-bottom: 1px solid #CBCBCB;
}
#newsListSummary ul li img {
    margin: 0 20px;
    float: left;
}
#newsListSummary ul li div {
    width: 56%;
    float: left;
}
#newsListSummary ul li div h4 {
    color: #80361a; /* Same as universal link color */
}
#newsListSummary p {
    color: #666;
    line-height: 140%;    
} 
#newsListSummary ul li {
    padding: 20px 0;
    text-decoration: none;
    display: block;
    height: 1%;
    overflow: hidden;    
	cursor: pointer;	
}
#newsListSummary ul li img {
    border: 1px solid #000;    
}
#newsListSummary ul li:hover {
    background-color: #F3EFEE;  
}

/* News List - Summary, Small ---------------------------- */
#newsListSummarySm > a {
    float: right;    
    padding: 10px 12px 0 0;
}
#newsListSummarySm h5 {
    margin-bottom: 0;
    position: static !important;
}

#newsListSummarySm ul {
    margin: 12px 10px 12px 18px;
    padding: 0;
}
#newsListSummarySm ul li {
    list-style-type: none;
    margin-bottom: 4px;
    font-weight: normal;
}

/* Photo List -------------------------------------------------- */
#photoList img {
    border: 1px solid #000;
    margin: 0 20px 0 0;
    float: left;
}
#photoList ul { margin: 0 !important; }
#photoList ul li {
    padding: 20px 0;
    height: 1%;
    overflow: hidden;   
    border-bottom: 1px solid #CBCBCB;    
    list-style-type: none !important;
    margin-bottom: 30px; /* Lisa edit */
}   
#photoList ul li:first-child {
    padding-top: 0;
}  
#photoList ul li div {
    width: 66%;
    float: left;
}

/* Rss -------------------------------------------------- */

#col a.rss, #col1 a.rss {
    float: right;
}
#col a.rss img, #col1 a.rss img {
    margin: -16px 0 0 -16px;
}

/* Tag List -------------------------------------------------- */
ul#tagList  { margin: 0 !important; }
ul#tagList li { padding-bottom: 6px; }   

/* -------------------------------------------------------------- */
/* COLOR THEMES                                                      */
/* -------------------------------------------------------------- */

/* Combo Page Type A ------------------------------------ */
#APPAR a 	{ color: #a63a6a; }
#ARCH a 	{color: #d38948;}
#CER a 		{color: #b35121; }
#DM 		{ width:230px; background-image: none !important; }
#DM a 		{ color: #4C8899; }
#ENGL a 	{ color: #a6a360; }
#FAV a 		{ color: #485099; }
/*#FURN    { width:200px; background-image: none !important; }*/
#FURN a 	{ color: #99823d; }
/*#GLASS 		{ width:200px; background-image: none !important; }*/
#GLASS a 	{ color: #739fbf; }
#GRAPH 		{ background-image: none !important; }
#GRAPH a 	{ color: #737373; }
/*#ARTH 		{ background-image: none !important; }*/
#ARTH a 	{ color: #cc9514; }
#HPSS 		{ background-image: none !important; }
#HPSS a 	{ color: #ba6e0c; }
/*#ILLUS 		{ background-image: none !important; }*/
#ILLUS a 	{ color: #b72718; }
#ID a 		{ color: #6b9699; }
#INTAR 		{ background-image: none !important; }
#INTAR a 	{ color: #96956b; }
#JM a 		{ color: #918a99; }
#LDAR 		{ background-image: none !important; }
#LDAR a 	{ color: #88a642; }
#PAINT a 	{ color: #e2720e; }
#PHOTO a 	{ color: #5E4866; }
#PRINT 		{ background-image: none !important; }
#PRINT a 	{ color: #b39c44; }
#SCULP a 	{ color: #6c8486; }
#ARTE a 	{ color: #99971f; }
#TEXT 		{ background-image: none !important; }
#TEXT a 	{ color: #d98b16; }


.about h1 { width: 166px; background-image: url(../images/background/title/ABOUT.gif); }
.about #navSub, .about h5, .about #header div { background-color: #7e8c61; }
.about #header div { width: 805px; }

.academics h1 { width: 254px; background-image: url(../images/background/title/ACADEMICS.gif); }
.academics #navSub, .academics h5, .academics #header div { background-color: #7e8c61; }
.academics #header div { width: 717px; }

.admissions h1 { width: 266px; background-image: url(../images/background/title/ADMISSIONS.gif); }
.admissions #navSub, .admissions h5, .admissions #header div { background-color: #7e8c61; }
.admissions #header div { width: 705px; }

.calendar h1 { width: 237px; background-image: url(../images/background/title/calendar.gif); }
.calendar h5, .calendar #header div { background-color: #7e8c61; }
.calendar #header div { width: 734px; }

.contact-us h1 { width: 206px; background-image: url(../images/background/title/contact.gif); }
.contact-us #navSub, .contact-us h5, .contact-us #header div { background-color: #7e8c61; }
.contact-us #header div { width: 765px; }

/* added for Financial Aid section----------------------------------*/
.financial-aid h1 { width: 584px; background-image: url(../images/background/title/financial-aid.gif); }
.financial-aid #navSub, .financial-aid h5, .financial-aid #header div { background-color: #7e8c61; }
.financial-aid #header div { width: 387px; }

.foundation-studies h1 { width: 444px; background-image: url(../images/background/title/FOUND.gif); }
.foundation-studies #navSub, .foundation-studies h5, .foundation-studies #header div { background-color: #7e8c61; }
.foundation-studies #header div { width: 528px; }

.graduate-studies h1 { width: 402px; background-image: url(../images/background/title/GRAD.gif); }
.graduate-studies #navSub, .graduate-studies h5, .graduate-studies #header div { background-color: #7e8c61; }
.graduate-studies #header div { width: 569px; }

.parents h1 { width: 201px; background-image: url(../images/background/title/PARENTS.gif); }
.parents #navSub, .parents h5, .parents #header div { background-color: #7e8c61; }
.parents #header div { width: 771px; }

.students h1 { width: 228px; background-image: url(../images/background/title/STUDENTS.gif); }
.students #navSub, .students h5, .students #header div { background-color: #7e8c61; }
.students #header div { width: 743px; }

.search h1 { width: 182px; background-image: url(../images/background/title/search.gif); }
.search h5, .search #header div { background-color: #7e8c61; }
.search #header div { width: 789px; }

.video h1 { width: 434px; background-image: url(../images/background/title/video.gif); }
.video #navSub, .video h5, .video #header div { background-color: #7e8c61; }
.video #header div { width: 537px; }

/* academic program themes */
.apparel-design h1 { width: 372px; background-image: url(../images/background/title/APPAR.gif); }
.apparel-design #navSub, .apparel-design h5, .apparel-design #header div { background-color: #a63a6a; }
.apparel-design #header div { width: 599px; }
.apparel-design #calDetail h5 { background-color: #a63a6a; }
.apparel-design #wrapper a#aca { background-position: -412px -36px; }
.apparel-design #wrapper a:hover#aca { background-position: -206px -36px; }
 
.architecture h1 { width: 341px; background-image: url(../images/background/title/ARCH.gif); }
.architecture #navSub, .architecture h5, .architecture #header div { background-color: #d38948; }
.architecture #header div { width: 630px; }
.architecture #calDetail h5 { background-color: #d38948; }
.architecture #wrapper a#aca { background-position: -412px -36px; }
.architecture #wrapper a:hover#aca { background-position: -206px -36px; }
 
.ceramics h1 { width: 251px; background-image: url(../images/background/title/CER.gif); }
.ceramics #navSub, .ceramics h5, .ceramics #header div { background-color: #b35121; }
.ceramics #header div { width: 720px; }
.ceramics #calDetail h5 { background-color: #b35121; }
.ceramics #wrapper a#aca { background-position: -412px -36px; }
.ceramics #wrapper a:hover#aca { background-position: -206px -36px; }
  
.digital-media h1 { width: 368px; background-image: url(../images/background/title/DM.gif); }
.digital-media #navSub, .digital-media h5, .digital-media #header div { background-color: #4C8899; }
.digital-media #header div { width: 604px; }
.digital-media #calDetail h5 { background-color: #4C8899; }
.digital-media  #wrapper a#aca { background-position: -412px -36px; }
.digital-media  #wrapper a:hover#aca { background-position: -206px -36px; }
  
.english h1 { width: 551px; background-image: url(../images/background/title/ENGL.gif); }
.english #navSub, .english h5, .english #header div { background-color: #a6a360;} 
.english #header div { width: 420px; }
.english #calDetail h5 { background-color: #a6a360; }
.english #wrapper a#aca { background-position: -412px -36px; }
.english #wrapper a:hover#aca { background-position: -206px -36px; }
 
.film-animation-video h1 { width: 500px; background-image: url(../images/background/title/FAV.gif); }
.film-animation-video #navSub, .film-animation-video h5, .film-animation-video #header div { background-color: #485099; }
.film-animation-video #header div { width: 471px; }
.film-animation-video #calDetail h5 { background-color: #485099; }
.film-animation-video #wrapper a#aca { background-position: -412px -36px; }
.film-animation-video #wrapper a:hover#aca { background-position: -206px -36px; }
  
.furniture-design h1 { width: 409px; background-image: url(../images/background/title/FURN.gif); }
.furniture-design #navSub, .furniture-design h5, .furniture-design #header div { background-color: #99823d; }
.furniture-design #header div { width: 561px; }
.furniture-design #calDetail h5 { background-color: #99823d; }
.furniture-design #wrapper a#aca { background-position: -412px -36px; }
.furniture-design #wrapper a:hover#aca { background-position: -206px -36px; }
  
.glass h1 { width: 188px; background-image: url(../images/background/title/GLASS.gif); }
.glass #navSub, .glass h5, .glass #header div { background-color: #739fbf; }
.glass #header div { width: 783px; }
.glass #calDetail h5 { background-color: #739fbf; }
.glass #wrapper a#aca { background-position: -412px -36px; }
.glass #wrapper a:hover#aca { background-position: -206px -36px; }
  
.graphic-design h1 { width: 370px; background-image: url(../images/background/title/GRAPH.gif); }
.graphic-design #navSub, .graphic-design h5, .graphic-design #header div { background-color: #737373; }
.graphic-design #header div { width: 600px; }
.graphic-design #calDetail h5 { background-color: #737373; }
.graphic-design #wrapper a#aca { background-position: -412px -36px; }  
.graphic-design #wrapper a:hover#aca { background-position: -206px -36px; }  
 
.history-of-art-visual-culture h1 { width: 642px; background-image: url(../images/background/title/HAVC.gif); }
.history-of-art-visual-culture #navSub, .history-of-art-visual-culture h5, .history-of-art-visual-culture #header div { background-color: #cc9514;}
.history-of-art-visual-culture #header div { width: 329px; }
.history-of-art-visual-culture #calDetail h5 { background-color: #cc9514; }
.history-of-art-visual-culture #wrapper a#aca { background-position: -412px -36px; }
.history-of-art-visual-culture #wrapper a:hover#aca { background-position: -206px -36px; }
 
.history-philosophy-the-social-sciences h1 { width: 814px; background-image: url(../images/background/title/HPSS.gif); }
.history-philosophy-the-social-sciences #navSub, .history-philosophy-the-social-sciences h5, .history-philosophy-the-social-sciences #header div { background-color: #ba6e0c; }
.history-philosophy-the-social-sciences #header div { width: 157px; }
.history-philosophy-the-social-sciences #calDetail h5 { background-color: #ba6e0c; }
.history-philosophy-the-social-sciences #wrapper a#aca { background-position: -412px -36px; }
.history-philosophy-the-social-sciences #wrapper a:hover#aca { background-position: -206px -36px; }
  
.illustration h1 { width: 313px; background-image: url(../images/background/title/ILLUS.gif); }
.illustration #navSub, .illustration h5, .illustration #header div { background-color: #b72718; }
.illustration #header div { width: 658px; }
.illustration #calDetail h5 { background-color: #b72718; }
.illustration #wrapper a#aca { background-position: -412px -36px; }
.illustration #wrapper a:hover#aca { background-position: -206px -36px; }
 
.industrial-design h1 { width: 416px; background-image: url(../images/background/title/ID.gif); }
.industrial-design #navSub, .industrial-design h5, .industrial-design #header div { background-color: #6b9699; }
.industrial-design #header div { width: 555px; }
.industrial-design #calDetail h5 { background-color: #6b9699; }
.industrial-design #wrapper a#aca { background-position: -412px -36px; }
.industrial-design #wrapper a:hover#aca { background-position: -206px -36px; }
   
.interior-architecture h1 { width: 516px; background-image: url(../images/background/title/INAR.gif); } 
.interior-architecture #navSub, .interior-architecture h5, .interior-architecture #header div { background-color: #96956b; }
.interior-architecture #header div { width: 455px; }
.interior-architecture #calDetail h5 { background-color: #96956b; }
.interior-architecture #wrapper a#aca { background-position: -412px -36px; }
.interior-architecture #wrapper a:hover#aca { background-position: -206px -36px; }
 
.jewelry-metalsmithing h1 { width: 567px; background-image: url(../images/background/title/JM.gif); }
.jewelry-metalsmithing #navSub, .jewelry-metalsmithing h5, .jewelry-metalsmithing #header div { background-color: #918a99; }
.jewelry-metalsmithing #header div { width: 404px; }
.jewelry-metalsmithing #calDetail h5 { background-color: #918a99; }
.jewelry-metalsmithing #wrapper a#aca { background-position: -412px -36px; }
.jewelry-metalsmithing #wrapper a:hover#aca { background-position: -206px -36px; }
  
.landscape-architecture h1 { width: 564px; background-image: url(../images/background/title/LDAR.gif); } 
.landscape-architecture #navSub, .landscape-architecture h5, .landscape-architecture #header div { background-color: #88a642; }
.landscape-architecture #header div { width: 407px; }
.landscape-architecture #calDetail h5 { background-color: #88a642; }
.landscape-architecture #wrapper a#aca { background-position: -412px -36px; }
.landscape-architecture #wrapper a:hover#aca { background-position: -206px -36px; }
 
.painting h1 { width: 233px; background-image: url(../images/background/title/PAINT.gif); } 
.painting #navSub, .painting h5, .painting #header div { background-color: #e2720e; }
.painting #header div { width: 738px; }
.painting #calDetail h5 { background-color: #e2720e; }
.painting #wrapper a#aca { background-position: -412px -36px; }
.painting #wrapper a:hover#aca { background-position: -206px -36px; }
 
.photography h1 { width: 337px; background-image: url(../images/background/title/PHOTO.gif); } 
.photography #navSub, .photography h5, .photography #header div { background-color: #5E4866; }
.photography #header div { width: 635px; }
.photography #calDetail h5 { background-color: #5E4866; }
.photography #wrapper a#aca { background-position: -412px -36px; }
.photography #wrapper a:hover#aca { background-position: -206px -36px; }
 
.printmaking h1 { width: 316px; background-image: url(../images/background/title/PRINT.gif); } 
.printmaking #navSub, .printmaking h5, .printmaking #header div { background-color: #b39c44; }
.printmaking #header div { width: 657px; }
.printmaking #calDetail h5 { background-color: #b39c44; }
.printmaking #wrapper a#aca { background-position: -412px -36px; }
.printmaking #wrapper a:hover#aca { background-position: -206px -36px; }
 
.sculpture h1 { width: 274px; background-image: url(../images/background/title/SCULP.gif); } 
.sculpture #navSub, .sculpture h5, .sculpture #header div { background-color: #6c8486; }
.sculpture #header div { width: 699px; }
.sculpture #calDetail h5 { background-color: #6c8486; }
.sculpture #wrapper a#aca { background-position: -412px -36px; }
.sculpture #wrapper a:hover#aca { background-position: -206px -36px; }
 
.teaching-learning-in-art-design h1 { width: 688px; background-image: url(../images/background/title/ARTE.gif); }
.teaching-learning-in-art-design #navSub, .teaching-learning-in-art-design h5, .teaching-learning-in-art-design #header div { background-color: #99971f; }
.teaching-learning-in-art-design #header div { width: 283px; }
.teaching-learning-in-art-design #calDetail h5 { background-color: #99971f; }
.teaching-learning-in-art-design #wrapper a#aca { background-position: -412px -36px; }
.teaching-learning-in-art-design #wrapper a:hover#aca { background-position: -206px -36px; }
 
.textiles h1 { width: 240px; background-image: url(../images/background/title/TEXT.gif); } 
.textiles #navSub, .textiles h5, .textiles #header div { background-color: #d98b16; }
.textiles #header div { width: 732px; }
.textiles #calDetail h5 { background-color: #d98b16; }
.textiles #wrapper a#aca { background-position: -412px -36px; }
.textiles #wrapper a:hover#aca { background-position: -206px -36px; }