/* # # ###### ## ##### ###### ##### # # # # # # # # # # ###### ##### # # # # ##### # # # # # ###### # # # ##### # # # # # # # # # # # # ###### # # ##### ###### # # -----------------------------------------------------------------------------*/ .homeHeader { text-align:left; width:760px; height:350px; background:url('../images/arted_home_header.jpg');} .pageHeader { text-align:left; width:760px;} .vcuartsHeader { float:left; margin:.25em 0 0 0; padding:0; text-align:left; width:460px; height:53px;} .vcuSubhead { text-align:left; margin:.5em 0 1em 0; width:800px; height:36px; } /*VCU Search stuff -----------------------------------------------------------------------------*/ #VCUSearchBox {float:right; padding:5px 5px 0 0; z-index:5000000} /* #### #### # # ##### ## # # # ###### ##### # # # # ## # # # # # ## # # # # # # # # # # # # # # # # # ##### # # # # # # # # # ###### # # # # # ##### # # # # # ## # # # # # ## # # # #### #### # # # # # # # # ###### # # -----------------------------------------------------------------------------*/ #container { /*width: 80%; this will create a container 80% of the browser width */ background:#FFFFFF; border:1px solid #dddddd; border-top:0; width:820px; /* the auto margins (in conjunction with a width) center the page */ text-align: left; /* this overrides the text-align: center on the body element. */ height:100%; margin:0 auto; padding:16px; } /* # # ## # # # #### #### # # ##### ###### # # ##### ## ## # # # ## # # # # # ## # # # ## # # # ## # # # # # # # # # # # # # # ##### # # # # # # ###### # # # # # # # # # # # # # # # # # # # # # # ## # # # # # ## # # # ## # # # # # # # # #### #### # # # ###### # # # -----------------------------------------------------------------------------*/ #mainContent { margin: 0 .5em 0 215px; padding:0; } #mainContent p { font-size:12px; line-height:16px; color:#333333;} #mainContent .caption { font-size:9px; line-height:normal; } /* shrinks the captions size */ #mainContent .description { font-size:10px; line-height:13px; } /* shrinks the captions size */ #mainContent ul {list-style: outside; list-style:disc; padding: 0 0 2em 2em; } #mainContent ul li {padding: 0 0 .5em .5em; display: list-item; } #mainContent ul.spacedList li {padding: 0 0 1em 0;} /* department selector spacing */ #mainContent form#selectDept select {margin:1em 0;} /* styling for VCU events page */ #bodyNews table#cal_xml_feed {font-size: 11px;} #bodyNews table#cal_xml_feed tbody tr.cal_head td.cal_date {font-size: 12px; font-weight: bold; border-top: 1px solid #eeeeee; padding: .5em 0;} #bodyNews table#cal_xml_feed tbody tr.cal_info {} #bodyNews table#cal_xml_feed tbody tr.cal_info td.cal_time {margin:} #bodyNews table#cal_xml_feed tbody tr.cal_info td.cal_title a {} .body_small {font-size: 9px; text-transform: uppercase;} a img.butRoll{filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;} a img.butRoll:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} #majorTable h3 {font-size: 16px; line-height: normal;} #majorTable a {color:#333333;} #majorTable a:hover {color: #ff3333;} /* ======================= */ /* ! Alumni careers page */ /* ======================= */ #alumniCareersSidebar { float:right; background:#eeeeee; border:1px solid #dddddd; padding: 1em; margin:2em .25em 1em 2em; width:150px; font-size:9px; color:gray; } .alumniCareersImg { margin:0 1em 1em 0; width: 150px; position: relative; top:0; left:0;} .bigSpacer {height:12px; margin: 1em 0;} /* ###### ## #### ###### ## ## ## ## ### ## ## ## ## ## ## ## ## ## ## ### ## ## ## ## ## ## ## ## ## ## ## #### ## ## ## ## ## ## ## ## ## ##### ## ## ## ## ## ## ## ## ## ## ## ## ## ## #### ######### ## ## ## ## ## ## ## ## ## ## ## ### ## ## ## ## ###### ######## #### ###### ## ## ## ## ## ## ### -----------------------------------------------------------------------------*/ #clickNav { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; background-color: #fff; display: block; list-style:none; margin: 0; padding: 0; } #clickNav ul { list-style:none; margin:0; padding:0; } #clickNav li { display: inline; list-style:none; float:left; margin:0 10px; padding:0; } #clickNav li a { text-decoration:none; font-size: 1em; line-height: 2.2; height: 1.25em; font-weight: bold;} #clickNav li a.on { color: grey; } #clickNav li:first-child {margin-left:0; padding-left:0; } #clickNav li:last-child {margin-right:0; padding-right:0; } #mainContent ul#clickNav {margin:0 0 1.5em 0; padding-left:15px;} /* #### # ##### ###### ##### ## ##### # # # # # # # # # # # #### # # # ##### ##### # # # # # # # # # # # ###### ##### # # # # # # # # # # # # #### # ##### ###### ##### # # # # -----------------------------------------------------------------------------*/ #sidebar1 { float: left; width: 15em; /* since this element is floated, a width must be given */ margin:0; padding:0; } #sidebar1, #sidebar1 a:link { color:#666; } #sidebar1, #sidebar1 a:visited { color:#666; } #sidebar1, #sidebar1 a:hover { color:#000; } #sidebar1, #sidebar1 a:active { color:#000; } /* # # ## # # # #### ## ##### # #### # # ## # # # # # # # # # # # # # # ## # # # # # # # # # # # # # # # # # # # # # # ###### # # # # ### ###### # # # # # # # # ## # # # # # # # # # # # # # # ## # # # # ## # #### # # # # #### # # -----------------------------------------------------------------------------*/ #pageNavigation { margin: 0; padding: 0; width: 198px; float:left; display: block; list-style:none; background: url('../images/nav-back-white.gif') top left repeat-y; /* creates the white background behind active section */ } #pageNavigation li { display:inline; list-style:none; margin:0; padding:0; } #pageNavigation li a { display:block; padding-left: 1.5em; font-size:12px; letter-spacing:.05em; text-decoration: none; line-height:2.5em; background: url('../images/nav-back.jpg') top left no-repeat; width:180px; height: 30px; } #pageNavigation li a:hover { background: url('../images/nav-back2.jpg') top left no-repeat;} #pageNavigation li.first a { background: url('../images/nav-first.jpg') top left no-repeat; width:180px; height: 30px; padding-top: 5px; } /* padding and height add up to 35px which is the image height */ #pageNavigation li.first a:hover { background: url('../images/nav-first2.jpg') top left no-repeat; } #pageNavigation li.last a { background: url('../images/nav-last.jpg') top left no-repeat; width:180px; height: 42px;} #pageNavigation li.last a:hover { background: url('../images/nav-last2.jpg') top left no-repeat; } /* #### # # ##### # # ## # # # # # # # ## # # # # # #### # # ##### ##### # # # # # # # # # # # # # # # ###### # # # # # # # # # ## # # # # #### #### ##### # # # # ## -----------------------------------------------------------------------------*/ #pageNavigation ul#subnav { display: block; margin-top:.25em; margin-bottom: 1em; line-height:2em; } #pageNavigation ul#subnav li a {padding:0; display: block; background: none; font-size: 11px; line-height:2em; padding:0; width:172px; height: 20px; letter-spacing:-0.025em; color: #444444; } #pageNavigation ul#subnav li a:hover {color: #111111; background-color: #eeeeee; } /* SUBNAV - OVERVIEW LINKS ----------------------------------------------------------------------------- */ body#overview.about_us ul#subnav li a[title*="About Us"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#overview.about_us ul#subnav li a[title*="About Us"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#overview.mission_statement ul#subnav li a[title*="Mission Statement"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee;} body#overview.mission_statement ul#subnav li a[title*="Mission Statement"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#overview.national_rankings ul#subnav li a[title*="National Rankings"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#overview.national_rankings ul#subnav li a[title*="National Rankings"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#overview.accreditation ul#subnav li a[title*="Accreditation"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#overview.accreditation ul#subnav li a[title*="Accreditation"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#overview.letter ul#subnav li a[title*="Letter"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#overview.letter ul#subnav li a[title*="Letter"]:before { content: "> "; color: #bbb; padding-left:.25em;} /* SUBNAV - PROSPECTIVE STUDENTS LINKS ----------------------------------------------------------------------------- */ body#prospective_students.how_to_apply ul#subnav li a[title*="How to Apply"] { color: #ed3541;} body#prospective_students.how_to_apply ul#subnav li a[title*="How to Apply"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#prospective_students.undergraduate ul#subnav li a[title*="Undergraduate"] { color: #3399CC; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee;} body#prospective_students.graduate ul#subnav li a[title*="Graduate"] { color: #3399CC; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee;} body#prospective_students.transfers ul#subnav li a[title*="Transfers"] { color: #3399CC; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee;} body#prospective_students.internat ul#subnav li a[title*="Internationals"] { color: #3399CC; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee;} body#prospective_students.changemajor ul#subnav li a[title*="Change of Major"] { color: #3399CC; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee;} body#prospective_students.portfolio ul#subnav li a[title*="Portfolio"] { color: #3399CC; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#prospective_students.visit_vcuarts ul#subnav li a[title*="Visit VCUarts"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#prospective_students.visit_vcuarts ul#subnav li a[title*="Visit VCUarts"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#prospective_students.financial_information ul#subnav li a[title*="Tuition Best Buy"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#prospective_students.financial_information ul#subnav li a[title*="Tuition Best Buy"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#prospective_students.summer_programs ul#subnav li a[title*="Summer Programs"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#prospective_students.summer_programs ul#subnav li a[title*="Summer Programs"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#prospective_students.info_for_highschool ul#subnav li a[title*="Info for High School"] { color: #ed3541; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#prospective_students.info_for_highschool ul#subnav li a[title*="Info for High School"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#prospective_students.info_for_parents ul#subnav li a[title*="Info for Parents"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#prospective_students.info_for_parents ul#subnav li a[title*="Info for Parents"]:before { content: "> "; color: #bbb; padding-left:.25em;} /* SUBNAV - AREAS OF STUDY LINKS ----------------------------------------------------------------------------- */ body#areas_of_study.art_foundation ul#subnav li a[title*="Art Foundation"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#areas_of_study.art_foundation ul#subnav li a[title*="Art Foundation"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#areas_of_study.undergrad_major ul#subnav li a[title*="Undergraduate Majors"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee;} body#areas_of_study.undergrad_major ul#subnav li a[title*="Undergraduate Majors"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#areas_of_study.undergraduate_majors ul#subnav li a[title*="Undergraduate Majors"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee;} body#areas_of_study.undergraduate_majors ul#subnav li a[title*="Undergraduate Majors"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#areas_of_study.undergraduate_majors.art_education ul#subnav li a[title*="Art Education - BFA"] { color: #3399CC;} body#areas_of_study.undergraduate_majors.art_history ul#subnav li a[title*="Art History - BA"] { color: #3399CC;} body#areas_of_study.undergraduate_majors.cinema ul#subnav li a[title*="Cinema - BA"] { color: #3399CC;} body#areas_of_study.undergraduate_majors.communication_arts ul#subnav li a[title*="Communication Arts - BFA"] { color: #3399CC;} body#areas_of_study.undergraduate_majors.craft ul#subnav li a[title*="Craft/Material Studies - BFA"] { color: #3399CC;} body#areas_of_study.undergraduate_majors.dance ul#subnav li a[title*="Dance & Choreography - BFA"] { color: #3399CC;} body#areas_of_study.undergraduate_majors.fashion ul#subnav li a[title*="Fashion Design - BFA"] { color: #3399CC;} body#areas_of_study.undergraduate_majors.fashion ul#subnav li a[title*="Fashion Merchandising - BA"] { color: #3399CC;} body#areas_of_study.undergraduate_majors.photo_film ul#subnav li a[title*="Film - BFA"] { color: #3399CC;} body#areas_of_study.undergraduate_majors.graphic_design ul#subnav li a[title*="Graphic Design - BFA"] { color: #3399CC;} body#areas_of_study.undergraduate_majors.interior_design ul#subnav li a[title*="Interior Design - BFA"] { color: #3399CC;} body#areas_of_study.undergraduate_majors.kinetic_imaging ul#subnav li a[title*="Kinetic Imaging - BFA"] { color: #3399CC;} body#areas_of_study.undergraduate_majors.music ul#subnav li a[title*="Music - BA, BM"] { color: #3399CC;} body#areas_of_study.undergraduate_majors.painting_printmaking ul#subnav li a[title*="Painting & Printmaking - BFA"] { color: #3399CC;} body#areas_of_study.undergraduate_majors.photo_film ul#subnav li a[title*="Photography - BFA"] { color: #3399CC;} body#areas_of_study.undergraduate_majors.sculpture ul#subnav li a[title*="Sculpture + Extended Media - BFA"] { color: #3399CC;} body#areas_of_study.undergraduate_majors.theatre ul#subnav li a[title*="Theatre - BFA"] { color: #3399CC;} body#areas_of_study.graduate_programs ul#subnav li a[title*="Graduate Programs"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee;} body#areas_of_study.graduate_programs ul#subnav li a[title*="Graduate Programs"]:before { content: "> "; color: #bbb; padding-left:.25em;} /* SUBNAV - INSIDE VCUARTS LINKS ----------------------------------------------------------------------------- */ body#inside_vcuarts.student_resources ul#subnav li a[title*="Student Resources"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#inside_vcuarts.student_resources ul#subnav li a[title*="Student Resources"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#inside_vcuarts.faculty_resources ul#subnav li a[title*="Faculty Resources"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#inside_vcuarts.faculty_resources ul#subnav li a[title*="Faculty Resources"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#inside_vcuarts.faculty_committees ul#subnav li a[title*="Faculty Committees"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#inside_vcuarts.faculty_committees ul#subnav li a[title*="Faculty Committees"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#inside_vcuarts.arts_honors ul#subnav li a[title*="Arts Honors"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#inside_vcuarts.arts_honors ul#subnav li a[title*="Arts Honors"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#inside_vcuarts.service_learning ul#subnav li a[title*="Community Engagement"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#inside_vcuarts.service_learning ul#subnav li a[title*="Community Engagement"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#inside_vcuarts.computer_center ul#subnav li a[title*="Computing"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#inside_vcuarts.computer_center ul#subnav li a[title*="Computing"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#inside_vcuarts.employment ul#subnav li a[title*="Employment"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#inside_vcuarts.employment ul#subnav li a[title*="Employment"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#inside_vcuarts.international_travel ul#subnav li a[title*="International Travel"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#inside_vcuarts.international_travel ul#subnav li a[title*="International Travel"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#inside_vcuarts.imaging_resources ul#subnav li a[title*="Imaging Resources"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#inside_vcuarts.imaging_resources ul#subnav li a[title*="Imaging Resources"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#inside_vcuarts.commencement-faq ul#subnav li a[title*="Commencement FAQ"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#inside_vcuarts.commencement-faq ul#subnav li a[title*="Commencement FAQ"]:before { content: "> "; color: #bbb; padding-left:.25em;} /* SUBNAV - NEWS LINKS ----------------------------------------------------------------------------- */ body#news.recent ul#subnav li a[title*="Recent News"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#news.recent ul#subnav li a[title*="Recent News"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#news.archive ul#subnav li a[title*="News Archive"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#news.archive ul#subnav li a[title*="News Archive"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#news.studio ul#subnav li a[title*="Studio Newsletter"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#news.studio ul#subnav li a[title*="Studio Newsletter"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#news.events_calendar ul#subnav li a[title*="Events Calendar"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#news.events_calendar ul#subnav li a[title*="Events Calendar"]:before { content: "> "; color: #bbb; padding-left:.25em;} /* SUBNAV - SUPPORT VCUARTS LINKS ----------------------------------------------------------------------------- */ body#support_vcuarts.development ul#subnav li a[title*="Development Office"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#support_vcuarts.development ul#subnav li a[title*="Development Office"]:before { content: "> "; color: #bbb; padding-left:.25em;} /* SUBNAV - ALUMNI LINKS ----------------------------------------------------------------------------- */ body#alumni_and_friends.philanthropy ul#subnav li a[title*="Ways to Support VCUarts"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#alumni_and_friends.philanthropy ul#subnav li a[title*="Ways to Support VCUarts"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#alumni_and_friends.resources ul#subnav li a[title*="Resources for Alumni"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#alumni_and_friends.resources ul#subnav li a[title*="Resources for Alumni"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#alumni_and_friends.careers ul#subnav li a[title*="Alumni: Where Are They Now?"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#alumni_and_friends.careers ul#subnav li a[title*="Alumni: Where Are They Now?"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#alumni_and_friends.development ul#subnav li a[title*="Development Office"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#alumni_and_friends.development ul#subnav li a[title*="Development Office"]:before { content: "> "; color: #bbb; padding-left:.25em;} /* SUBNAV - RESEARCH LINKS ----------------------------------------------------------------------------- */ body#research.students ul#subnav li a[title*="Undergraduate"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#research.students ul#subnav li a[title*="Undergraduate"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#research.travel ul#subnav li a[title*="Graduate"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#research.travel ul#subnav li a[title*="Graduate"]:before { content: "> "; color: #bbb; padding-left:.25em;} body#research.faculty ul#subnav li a[title*="Faculty"] { color: #ed3541; background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; } body#research.faculty ul#subnav li a[title*="Faculty"]:before { content: "> "; color: #bbb; padding-left:.25em;} /* HIDE ALL SUBNAVS // unless they are called specifically below by body ID tag and Title tags -----------------------------------------------------------------------------*/ #pageNavigation ul#subnav { display:none; visibility:hidden; } body#homepage li.esterlink { display:none; visibility:hidden; } /* HIDE ester link on homepage */ body#overview #pageNavigation li#overview ul#subnav { display: block; visibility: visible;} body#overview #pageNavigation li#overview a[title*="Overview"] { background: url('../images/nav-first2.jpg') top left no-repeat; color:#333; } /* CSS3 enhancements */ body#prospective_students #pageNavigation li#prospective_students ul#subnav { display: block; visibility: visible;} body#prospective_students #pageNavigation li#prospective_students a[title*="Prospective Students"] { background: url('../images/nav-back2.jpg') top left no-repeat; color:#333; } /* CSS3 enhancements */ body#areas_of_study #pageNavigation li#areas_of_study ul#subnav { display: block; visibility: visible;} body#areas_of_study #pageNavigation li#areas_of_study a[title*="Areas of Study"] { background: url('../images/nav-back2.jpg') top left no-repeat; color:#333; } /* CSS3 enhancements */ body#inside_vcuarts #pageNavigation li#inside_vcu_arts ul#subnav { display: block; visibility: visible;} body#inside_vcuarts #pageNavigation li#inside_vcu_arts a[title*="Inside VCUarts"] { background: url('../images/nav-back2.jpg') top left no-repeat; color:#333; } /* CSS3 enhancements */ body#news #pageNavigation li#news ul#subnav { display: block; visibility: visible;} body#news #pageNavigation li#news a[title="News"] { background: url('../images/nav-back2.jpg') top left no-repeat; color:#333; } /* CSS3 enhancements */ body#support_vcuarts #pageNavigation li#support_vcuarts ul#subnav { display: block; visibility: visible;} body#support_vcuarts #pageNavigation li#support_vcuarts a[title="Support VCUarts"] { background: url('../images/nav-back2.jpg') top left no-repeat; color:#333; } /* CSS3 enhancements */ body#alumni_and_friends #pageNavigation li#alumni_friends ul#subnav { display: block; visibility: visible;} body#alumni_and_friends #pageNavigation li#alumni_friends a[title="Alumni + Friends"] { background: url('../images/nav-back2.jpg') top left no-repeat; color:#333; } /* CSS3 enhancements */ body#research #pageNavigation li#research ul#subnav { display: block; visibility: visible;} body#research #pageNavigation li#research a[title="Research"] { background: url('../images/nav-back2.jpg') top left no-repeat; color:#333; } /* CSS3 enhancements */ /* ###### ## ## ######## ###### ## ## ######## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ###### ## ## ######## ####### ###### ## ## ######## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ###### ####### ######## ###### ####### ######## -----------------------------------------------------------------------------*/ #pageNavigation ul#subsub { display: block; margin-top:.1em; margin-bottom: .25em; line-height:1em; margin-right: 0;} #pageNavigation ul#subsub li a { display: block; background: none; font-size: 11px; line-height:2em; padding:0; width:155px; height: 20px; letter-spacing:-0.025em; color: #444444; margin-right: 0;} #pageNavigation ul#subsub li a:before { content: "- "; color: #bbb; padding-left:.25em;} #pageNavigation ul#subsub li a:hover {color: #111111; background-color: #eeeeee; } /* hide all subsubs unless they are called specifically below by body ID tag */ #pageNavigation ul#subsub { display:none; visibility:hidden; } /*-----------------------------------------------------------------------------*/ body#prospective_students.how_to_apply #subsub { display: block; visibility: visible;} body#areas_of_study.undergraduate_majors #subsub { display: block; visibility: visible;} body#areas_of_study.undergraduate_majors #subsub li a {font-size: .8em; margin-left: -1.5em; width:170px;} /* ######## ### ###### ######## ###### ## ## ######## ## ## ### ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ### ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## #### ## ## ## ## ## ######## ## ## ## #### ###### ###### ## ## ######## ## ## ## ## ## ## ## ## ######### ## ## ## ## ## ## ## ## ## #### ######### ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ### ## ## ## ## ## ## ## ###### ######## ###### ####### ######## ## ## ## ## ### -----------------------------------------------------------------------------*/ #pageSubnav { width:180px; margin:2em 0 0 0; padding:0; display:block; list-style:none; font-size:10px; } #pageNavigation li { display:inline; list-style:none; } #pageSubnav li { padding:.5em 0; border-bottom:1px #cccccc solid; margin-left:10px; } #pageSubnav li:first-child { border-top:1px #cccccc solid; } #pageSubnav li a { display:block; letter-spacing:.05em; text-decoration: none; color:#777; line-height:1.6; margin-left:10px } #pageSubnav li a:hover { background: url('../images/nav-highlight2.jpg') top left no-repeat;} /* ###### ## #### ######## ######## ###### ## ## ####### ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ###### ## ## ## ## ###### ###### ######### ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ###### ######## #### ######## ######## ###### ## ## ####### ### ### -----------------------------------------------------------------------------*/ #slideshow { width:100%; margin:0 0 1.5em 0; /* border-radius: .95em .95em; -webkit-border-radius: .95em .95em; -moz-border-radius: .95em .95em; */ } /* ## ## ####### ## ## ######## ####### ## ## #### ###### ## ## ## ## ######## ## ## ## ## ## ## ## ## ### ### ## ## ## ## ## ## ## ## ## ## ### ### ## ### ## ## ## ## ## ## ## #### #### ## ## ## ## ## ## ## ## ## #### #### ## #### ## ## ## ######### ## ## ## ### ## ###### ## ## ## ## ## ## ##### ## ### ## ###### ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## #### ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ### ## ## ## ## ####### ## ## ######## ##### ## ####### #### ###### ## ## ## ## ######## ## ## ####### -----------------------------------------------------------------------------*/ #homeMenu, #homeMenu ul, #homeMenu ul li, #homeMenu li {padding:0; margin: 0; } #homeMenu ul { display: inline; } #homeMenu li { display: inline; list-style: none; float:left; } #homeMenu li#panel1 a { background: url('../images/menu-ester2.jpg'); background-position: 0 0; display: block; width: 181px; height: 206px; text-decoration: none; text-indent: -1000em; background-repeat:no-repeat; padding-right:1.5em; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; } #homeMenu li#panel1 a:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity:1; } #homeMenu li#panel2 a { background: url('../images/menu-still2.jpg'); background-position: 0 0; display: block; width: 181px; height: 206px; text-decoration: none; text-indent: -1000em; background-repeat:no-repeat; padding-right:1.5em; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; } #homeMenu li#panel2 a:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity:1; } #homeMenu li#panel3 { background: url('../images/menu-apply2.jpg'); background-position: 0 0; display: block; width: 181px; height: 206px; text-decoration: none; background-repeat:no-repeat; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; } #homeMenu li#panel3:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity:1; } #homeMenu li#panel3 dl {margin:125px 0 0 20px; padding:0;} #homeMenu li#panel3 dl dt#yes a { margin:0; padding:0; line-height:0; background: url('../images/home-yes.jpg'); background-position: 0 0; display: block; width: 134px; height: 25px; text-decoration: none; text-indent: -1000em; background-repeat:no-repeat; } #homeMenu li#panel3 dl dt#yes a:hover {background-position: -134px 0;} #homeMenu li#panel3 dl dt#maybe a { margin:0; padding:0; line-height:0; background: url('../images/home-maybe.jpg'); background-position: 0 0; display: block; width: 134px; height: 25px; text-decoration: none; text-indent: -1000em; background-repeat:no-repeat; } #homeMenu li#panel3 dl dt#maybe a:hover {background-position: -134px 0;} /* end home quick menu -----------------------------------------------------------------------------*/ #mainContent .callout { display: block; padding: 1.75em 1.75em .5em 1.75em; margin-bottom: 1.75em; background-color: #f6f6f6; border: 1px #eeeeee solid;} /* =============== */ /* ! FAQ Styling AND APPLICATION MENUS */ /* =============== */ div#faqlist ul.menu, div#faqlist ul.menu ul, div#dep-app-reqs ul.menu, div#dep-app-reqs ul.menu ul{ list-style:none; list-style-type:none; margin: 0; padding: 0; font-size: 14px; } div#dep-app-reqs ul.menu li{ padding-left: 0;} ul.menu a { display: block; text-decoration: none; } ul.menu li { margin-top: 1px; } ul.menu li a, ul.menu ul.menu li a { background: #EEE; color: #222; padding: 0.5em 1em; } ul.menu li a:hover, ul.menu ul.menu li a:hover { background: #CDCDCD; } ul.menu li ul li a, ul.menu ul.menu li ul li a { background: #fff; color: #111; padding-left: 20px; } ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover { background: #aaa; border-left: 5px #000 solid; padding-left: 15px; } ul.menu ul.menu li a:hover { border-left: 0; padding-left: 0.5em; } ul.menu ul.menu { border-left: 5px #f00 solid; } ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover { text-decoration: underline; background: #DDD; } /* GRAD FAQS */ #mainContent divdiv.grad-faqs .acitem{ padding-left: 6px;} div.grad-faqs li a:link, div.grad-faqs li a:visited, div.grad-faqs li a:hover, div.grad-faqs li a:active, div.grad-faqs li a.active:link, div.grad-faqs li a.active:visited, div.grad-faqs li a.active:hover, div.grad-faqs li a.active:active{ background: none; } #mainContent div.grad-faqs{ list-style: none; margin: 0; padding: 0;} #mainContent div.grad-faqs ol{ margin-left: 0; margin-top: 0; padding-left: 0; list-style: none;} #mainContent div.grad-faqs ol li ul{ margin-bottom:0; margin-top:5px; padding-bottom:10px;} /* GRAD FAQS */ div.panel { border: 1px #000 solid; padding: 5px; margin-top: 1px; } ul.menu div.panel a, ul.menu div.panel li a:hover { display :inline; color: #666; background: none; margin: 0; padding: 0; border: none; font-weight: bold; } ul.menu div.panel a:hover { color: #000; text-decoration: underline; } div.acitem {} ul.menu div.acitem a, ul.menu div.acitem a:hover { display :inline; color: #3399cc; background: none; margin: 0; padding: 0; border: none; font-weight: bold;} ul.menu div.acitem a:hover { color: red; } div.acitem p {margin-top: 1em; padding: 0; text-indent: 0;} .link-btn{ float: left; width: 175px;} body.graduate #mainContent ul li, body.internat #mainContent ul li{ text-indent: 0;} /* VALUELISTS CONTENT FOR APPLICATION ACCORDIAN LISTS */ div.accordion-info{ padding: 8px 8px 10px 8px;} div.accordion-info h3{ border: none; font-size: 12px; font-weight: bold; text-indent: 0; margin: 10px 0 0 0; line-height: 14px;} div.accordion-info p{ margin: 0 0 10px 0;} div.accordion-info{ font-family:Helvetica, Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; vertical-align:top;} div.accordion-info a img { outline: none; border: none;} div.accordion-info .alert-red { color: red;} div.accordion-info .link-btn-container{ margin-left: 0 0 15px 0;} div.accordion-info a{ color: #3399cc;} div.accordion-info a:hover{ color: red;} /* ######## ####### ####### ######## ######## ######## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ###### ## ## ## ## ## ###### ######## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ####### ####### ## ######## ## ## -----------------------------------------------------------------------------*/ #footer { margin:1.25em 0 0 0; padding:1em 0 0 2em; clear:both;} #footer h3, #footer h3 a { line-height:10%; color:#000; font-weight:bold; text-decoration:none;} #footer p, #footer p a { font-size:10px; line-height:1.3; color:#666; font-weight:normal; } #footer .nav { float:right; width:18em; text-align:left; } #footer .nav a, #footer .nav a:visited { color:#888; font-size:1em; line-height:2; text-decoration:none; } #footer .nav a:hover, #footer .nav a:active { color:#000; } .gray {color: gray;}