/* 

Undergraduate Degree Bulletin
Author: Michael A. Tribone

Table of Contents:
	1. Main Elements
	2. University-wide Search
	3. Header
	4. Navigation Bar
	5. Home Page and Secondary Page Middle Wrapper
	6. Home Page and Secondary Page Right Column
	7. Left Navigation Column
	8. Middle Content Column
	9. Footer

 */
 

/* Main Elements
--------------------------------------------- */ 
body {
   font-family:  "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; /* Sets the font family for the whole page. */
   font-size: 0.75em; /* Set to cut down the 16pt standard OS font. */
   background-color: #FFF;
   color: #000;
   min-width: 968px; /* Acceptable minimum width for compliant browsers. */
   margin: 0;
   padding: 0;
   }

#skipNav {
   position: absolute;
   top: 0;
   left: 0;
   } 
   
#skipNav a:link, #skipNav a:visited, #skipNav a:hover {
   color: #000;
   background-color: #000;
   text-decoration: none;
   }  
   
#skipPopular, #skipPrint, #skipFooter {
   position: absolute;
   left: -2000px;
   }   
 
h1 {
   font-size: 1.8em; /* 12x1.8 = 21.6pt */
   line-height: 1.3em;
   margin: 0;
   padding: 1em 0 .25em 0;
   }
   
h2 {
   font-size: 1.45em; /*12x1.45 = 17.4pt */
   font-weight: lighter;
   color: #009;
   background-color: #FFF;
   margin-bottom: -.30em;
   padding-bottom: 0;
   }
   
h2.homeBlack {
   font-weight: bold;
   color: #000;
   background-color: #FFF;
   margin: 18px 0 0 0;
   }

h2.collegeDetail {
   font-weight: bold;
   color: #000;
   background-color: #FFF;
   margin: 15px 0 0 0;
   }   
   
h2.popular {
   font-size: 1.2em;
   font-weight: bold;
   color: #009;
   background-color: transparent;
   margin-left: 15px;
   }     

h3 {
   font-size: 1.3em; /* 12x1.3 = 15.6pt */
   font-weight: 500;
   color: #009;
   background-color: #FFF;
   margin-bottom: -.50em;
   padding-bottom: 0;
   } 
   
h3.printOptions {
   font-size: 1.2em;
   font-weight: bold;
   color: #009;
   background-color: transparent;
   margin; 0;
   padding: 0 0 10px 45px;
   }   

h4, h5, h6 {
   margin-bottom: 0;
   padding-bottom: 0;
   }
   
h4 {
   font-size: 1.1em; /* 12x1.1 = 13.2 pt */
   }    
   
h5 {
   font-size: 1em;
   }    
   
h6 {
   font-size: .90em;
   }   
   
font, basefont {
    color: inherit; /* Standard browsers */
    color: expression(this.parentNode.currentStyle['color']); /* IE */
    font: inherit; /* Standard browsers. Font instead of font-size for Opera */
    font-family: expression(this.parentNode.currentStyle['fontFamily']); /* IE */
    font-size: 100%; /* All browsers. Sizes are inherited */
  } 
  
center {
    text-align: inherit; /* Standard browsers */
    text-align: expression(this.parentNode.currentStyle['textAlign']); /* IE */
  }  
   
/* University-wide Search 
----------------------------------- */

#searchPennState {
   background-color: #000;
   color: #FFF;
   text-align: right;
   margin: 0;
   padding: .25em 1.55em .5em 0;
   }
   
#searchPennState a:link, #searchPennState a:visited {
   color: #FFF;
   background-color: #000;
   text-decoration: none;
   }
   
#searchPennState a:hover {
   color: #329FCD;
   background-color: #000;
   text-decoration: none;
   }    

/* Header 
----------------------------------- */

#header, #headerGrad {
   width: expression(document.body.clientWidth < 1000 ? "968px" : "100%" ); /* IE PC min-width fix by using IE dynamic properties */
   min-height: 6.50em; /* Minimum height for compliant browsers */
   height: auto !important; /* Part 1 of IE fix for min-height */
   height: 6.50em; /* Part 2 of IE fix for min-height */
   }

#header {
   color: #FFF;
   background: #305FBE url(images/mark_bg.gif) repeat-x;
   }
   
#headerGrad {
   color: #FFF;
   background: #FAF8F0 url(images/markGrad_bg.gif) repeat-x;
   } 
   
#markPrint {
   display: none;
   }   
   
#mark {
   float: left;
   width: 128px;
   height: 75px;
   }           
   
#headerTitle, #headerTitleGrad {
   float: right;
   width: 85%;
   min-height: 6.50em; /* Minimum height for compliant browsers */
   height: auto !important; /* Part 1 of IE fix for min-height */
   height: 6.50em; /* Part 2 of IE fix for min-height */
   } 
   
#headerTitle {
   background: #305FBE url(images/bulletin_title.jpg) repeat-y right;
   }    
   
#headerTitleGrad {
   color: #333365;
   background: #FAF8F0 url(images/bulletinGrad_title.jpg) repeat-y right;
   } 
   
#bulletinTitle {
   float: left;
   width: auto;
   padding: 8px 35px 0 20px;
   font-size: 3.10em;
   font-weight: bold;
   }  
   
 #bulletinTitle a {
    color: #333365;
    background: transparent;
    text-decoration: none;
    } 

#undergradTitle {
   
   width: auto;
   padding: 20px 0 0 0;
   font-size: 1.80em;
   font-weight: lighter;
   letter-spacing: .05em;
   }

   
/* Navigation Bar
---------------------------------- */

#nav {
   float: left;
   width: 100%;
   min-height: 3em; /* Minimum height for compliant browsers */
   height: auto !important; /* Part 1 of IE fix for min-height */
   height: 3em; /* Part 2 of IE fix for min-height */
   margin: 0;
   padding: 0;
   border-top: 2px solid #FFF;
   list-style: none; 
   color: #FFF;
   background-color: #A19E70;
   }  
   
#navGrad {
   float: left;
   width: 100%;
   min-height: 3em; /* Minimum height for compliant browsers */
   height: auto !important; /* Part 1 of IE fix for min-height */
   height: 3em; /* Part 2 of IE fix for min-height */
   margin: 0;
   padding: 0;
   border-top: 2px solid #FFF;
   list-style: none;
   color: #FFF;
   background-color: #39C; 
   }     
   
#nav li, #navGrad li {
   float: left;
   }    
   
#nav a, #navGrad a {
   display: block;
   padding: .25em .9em;
   height: 2.5em;
   border-right: 2px solid #FFF;
   text-align: center;
   text-decoration: none;
   }   

* html #nav a, * html #navGrad a { /* Special code for IE to have auto width on menu items */
   width: 1%; /* Sets width to small increment to counteract width of 100%. */
   white-space: nowrap; /* Controls width of list items but will wrap at specified break. */ 
   }

#nav li a:link, #nav li a:visited {
   color: #FFF;
   background-color: #A19E70;
   }  
   
#navGrad li a:link, #navGrad li a:visited {
   color: #FFF;
   background-color: #39C;
   }
   
#nav li a:hover, #navGrad li a:hover {
   color: #FFF;
   background-color: #000;
   } 
            
#nav li.courseDescriptions a:link, #nav li.courseDescriptions a:visited, #navGrad li.courseDescriptions a:link, #navGrad li.courseDescriptions a:visited {
   color: #FFF;
   background: #91242D url(images/course_desc_circle.gif) no-repeat bottom right;
   } 
   
#nav li.courseDescriptions a:hover, #navGrad li.courseDescriptions a:hover {
   color: #FFF;
   background: #000 none;
   }     
      
#nav li.programs a:link, #nav li.programs a:visited, #navGrad li.programs a:link, #navGrad li.programs a:visited {
   color: #FFF;
   background: #247192 url(images/programs_square.gif) no-repeat bottom right;
   }  
   
#nav li.programs a:hover, #navGrad li.programs a:hover {
   color: #FFF;
   background: #000 none;
   }
   
.navPadTop {
   line-height: 1.85em;
   } 
            
     
/* Home Page and Secondary Page Middle Wrapper
----------------------------------- */

#homeMiddleWrapper, #secondaryMiddleWrapper {
   clear: both;
   margin: 0;
   padding: 0;
   background: #FFF url(images/rightColumn.gif) top right repeat-y;
   /*background: #FFF url(images/drop_shadow.gif) repeat-x;*/
   border-top: 2px solid #FFF;
   }    
   
#column3Wrapper {
   width: 70%;
   padding: 0 10px;
   }
   
#column3Wrapper ul {
   list-style-type: none;
   margin: 0;
   padding: 4px 0 0 16px;
   }   

#column3Wrapper li {
   padding-bottom: .5em;
   }
   
#homeContentLeft, #homeContentRight, #homeContentMiddle {
   float: left;
   width: 32%;
   margin: 0;
   padding: 15px 0 0 8px;
   }  

#homeGradLeft, #homeGradRight {
   float: left;
   width: 46%;
   margin: 0;
   padding: 15px 0 25px 25px;
   } 
   
#equalWrapper {
   margin: 0;
   padding: 0;
   background: transparent url(images/drop_shadow.png) repeat-x;
  /* background: url(images/rightColumn.gif) top right repeat-y; */
   }     
   
/* Home Page and Secondary Page Right Column
------------------------------------ */

#rightSearchFast {
   float: right;
   width: 255px;
   color: #204182;
   margin: 0;
   padding: 25px 10px 10px 5px;
   background: url(images/side_dots.png) top left no-repeat;
   }   

#rightSearchFast h1, #rightSearchFast h1 a {
   color: #000;
   background-color: #F1F1EB;
   }

#rightSearchFast h1, #rightSearchFast h2 {
   padding: 2px 0 2px 28px;
   margin-bottom: 0;
   }
   
#rightSearchFast ol, #rightSearchFast ul {
   margin: 0;
   padding: 3px 0 32px 50px;
   font-size: .90em;
   color: #36C;
   background-color: transparent;
   }   
   
#rightSearchFast ul {
   list-style-type: none;
   } 
   
#rightSearchFast li {
   padding-bottom: .75em;
   }      
    
   
#searchBulletin {
   width: 220px;
   min-height: 85px; /* Minimum height for compliant browsers */
   height: auto !important; /* Part 1 of IE fix for min-height */
   height: 85px; /* Part 2 of IE fix for min-height */
   color: #FFF;
   background: #C95E31 url(images/searchbox.gif) no-repeat bottom;
   margin: 0 0 12px 28px;
   padding: 0;
   }   

#searchBulletin form {
   color: #FFF;
   background: transparent url(images/searchboxTop.gif) no-repeat top;
   margin: 0;
   padding: 0 0 5px 0;
   }   

#searchBulletin select, #searchBulletin input, #courseFastPath input {
   font-size: .85em;
   margin: 2px;
   padding: 0;
   }

#searchBulletin form label {
    float: left;
    width: 4em;
    text-align: right;
    margin-right: 5px;
    }

#searchSubmit {
   float: right;
   padding-right: 55px;
   }
         
#courseFastPath {
   width: 220px;
   min-height: 70px; /* Minimum height for compliant browsers */
   height: auto !important; /* Part 1 of IE fix for min-height */
   height: 70px; /* Part 2 of IE fix for min-height */
   color: #FFF;
   background: #36C url(images/fastpath.gif) no-repeat bottom;
   margin: 0 0 24px 28px;
   padding: 0;
   }
   
#courseFastPath form {
   color: #FFF;
   background: transparent url(images/fastpathTop.gif) no-repeat top;
   margin: 0;
   padding: 0 0 10px 0;
   }
     
#courseFastPath fieldset, #searchBulletin fieldset {
   border: none;
   margin: 0 0 0 8px;
   padding: 4px 0 0 0;
   }   
 
#courseFastPath form label {
    float: left;
    width: 6.5em;
    text-align: right;
    margin-right: 5px;
    }
    
#courseSubmit {
   padding-left: 5px;
   }    
      
#courseFastPath a:link, #courseFastPath a:visited {
   color: #FFF;
   background-color: transparent;
   font-size: .9em;
   padding: 10px;
   }
   
#courseFastPath legend, #searchBulletin legend {
   color: #FFF;
   background-color: transparent;
   font-size: 1.20em;
   font-weight: bold;
   padding: 0;
   margin: 0;
   }   
   
    
   
/* Left Navigation Column
------------------------------------ */   
#leftNav {
   float: left;
   width: 22%;
   margin: 0;
   padding: 8px;
   }  
   
#descriptionsUndergradAlpha {
   width: auto;
   list-style-type: none;
   margin: 0 0 1em 0;
   padding: 16px 8px;
   }

#descriptionsUndergradAlpha li {
   display: inline;
   } 
   
#leftNav ul {
   list-style-type: none;
   margin: 0 0 1em 0;
   padding: 16px 8px;
   }
   
#leftNav ul ul {
   list-style-type: none;
   margin: 0 0 0 8px;
   padding: .50em 3px 0 3px;
   }

#leftNav ul li {
   padding-bottom: .50em;
   }
   
#leftNavHome {
   min-height: 12.5em; /* Minimum height for compliant browsers */
   height: auto !important; /* Part 1 of IE fix for min-height */
   height: 12.5em; /* Part 2 of IE fix for min-height */
   background-color: #FDFDFD;
   }   

   
/* Middle Content Column
------------------------------------ */   
#middleContent {
   width: 43%; /* Content width expilicitly specified to fix the IE Italic Bug - auto no worky */
   margin: 0 260px 0 22%;
   padding: 16px 24px 24px 32px;
   line-height: 1.5em;
   }   
   
#middleContent table {
   border-collapse: collapse;
   margin-top: 15px;
   color: #000;
   background-color: #FFF;
   }
   
#middleContent th {
   border: 1px solid #000;
   padding: 5px;
   }

#middleContent td {
   border: 1px solid #000;
   padding: 5px;
   }
   
#middleContent ul {
    margin: 16px;
    padding: 0;
    list-style-type: disc;
    }

#middleContent ul.noBullets {
   list-style-type: none;
   }
   
#middleContent ul.facultyListing {
   list-style-type: none;
   margin: .5em 0;
   }   
   
#middleContent ul.facultyListing li {
	padding: 0 0 .5em 0;
	line-height: normal;
	}   
   
#middleContent ul li {
   padding: 5px 8px;
   }
   
#middleContent ul ul {
   margin: 0;
   padding: 5px 10px;
   list-style-type: circle;
   }   
   
#middleContent ul ul li {
   padding: 0;
   }  

#middleContent ol.lowerAlpha {
   margin-left: 0;
   padding-left: 0;
   }
   
#middleContent ol.lowerAlpha li {
   list-style: lower-alpha inside;
   line-height: 1.5em;
   padding-bottom: .5em;
   }
   
#middleContent p.inlineParagraph, #middleContent ol.inlineList, #middleContent ol.inlineList li {
   display: inline;
   margin: 0;
   padding: 0;
   }

#contentColumn {
   width: 55%; /* Content width expilicitly specified to fix the IE Italic Bug - auto no worky */
   margin: 0 260px 0 10%;
   padding: 16px 24px 24px 32px;
   line-height: 1.5em; 
   }
   
#siteMapList {
   margin: 0;
   padding: 0;
   list-style-type: none;
   }
   
a.siteMapHead:link, a.siteMapHead:visited, a.siteMapHead:hover {
   font-size: 1.25em;
   font-weight: bold;
   color: #000;
   background-color: #FFF;
   }    

#siteMapList ul li.siteMapHead2 {
   list-style-type: none;
   }
   
#siteMapList ul li.siteMapHead2 span {
   font-size: 1.15em;
   font-weight: bold;
   color: #009;
   background-color: #FFF;
   }  
   
a.newWindow span {
   position: absolute;
   left: -5000px;
   width: 4000px;
   }
   
.textCenter {
   text-align: center;
   }
   
.textRight {
   text-align: right;
   }   
   
/* Footer
------------------------------------ */       
   
#footer, #footerGrad {
   margin: 0;
   padding: 1em 2em;
   clear: both;
   width: auto;
   text-align: center;
   }  
   
#footer {   
   color: #FFF;
   background: #305FBE url(images/bulletin_title.jpg) repeat-y right;   
   }
  
#footerGrad {   
   color: #323F45;
   background: #FAF8F0 url(images/bulletinGrad_title.jpg) repeat-y right; 
   }     

#footer a:link, #footer a:visited, #footerGrad a:link, #footerGrad a:visited {
   color: #FFF;
   background-color: transparent;
   }      
   
#footer a:hover, #footerGrad a:hover {
   color: #000;
   background-color: #FFF;
   }  

#footerGrad a:link, #footerGrad a:visited {
   color: #000;
   background-color: transparent;
   }      
   
#footerGrad a:hover {
   color: #009;
   background-color: #FFF;
   } 
   
#footer li, #footerGrad li {
   display: inline;
   }
   
#disclaimer {
   display: none;
   }