/* 

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.7em; /* 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;
   }  
 
h1 {
   font-size: 1.65em;
   margin: 0;
   padding: 1em 0 .25em 0;
   }
   
h2 {
   font-size: 1.40em;
   color: #009;
   background-color: transparent;
   margin-bottom: -.30em;
   padding-bottom: 0;
   }
   
h2.homeBlack {
   color: #000;
   background-color: transparent;
   margin-bottom: 0;
   }
   
h2.popular, h3.printOptions {
   color: #009;
   background-color: transparent;
   margin-left: 15px;
   }     

h3 {
   font-size: 1.25em;
   font-weight: 500;
   color: #009;
   background-color: #FFF;
   margin-bottom: -.50em;
   padding-bottom: 0;
   } 
   
h4 {
   font-size: 1.1em;
   margin-bottom: 0;
   padding-bottom: 0;
   }    
   
h5 {
   font-size: 1em;
   margin-bottom: 0;
   padding-bottom: 0;
   }    
   
h6 {
   font-size: .90em;
   margin-bottom: 0;
   padding-bottom: 0;
   }       
   
/* 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, header {
   width: expression(document.body.clientWidth < 1000 ? "968px" : "100%" ); /* IE PC min-width fix by using IE dynamic properties */
   height: 6.75em;
   }

#header, header {
   color: #FFF;
   background-color: #305FBE;
   }
   
#headerGrad {
   color: #FFF;
   background-color: #CCCC9A;
   } 
   
#markPrint {
   display: none;
   }   
   
#mark {
   float: left;
   width: 128px;
   height: 75px;
   }           
   
#headerTitle, #headerTitleGrad {
   float: right;
   width: 85%;
   height: 6.75em;
   } 
   
#headerTitle, header {
   background-color: #305FBE;
   }    
   
#headerTitleGrad {
   background-color: #CCCC9A;
   } 
   
#bulletinTitle {
   float: left;
   width: 380px;
   padding: 8px 0 0 20px;
   font-size: 3.15em;
   font-weight: bold;
   }   

#undergradTitle {
   float: right;
	background: none;
	color: #FFF;
   width: 400px;
   padding: 4px 15px 0 0;
   font-size: 1.85em;
   font-weight: lighter;
   letter-spacing: .05em;
   }

   
/* Navigation Bar
---------------------------------- */
#primaryNavigation {
	position: absolute;
	left: -9999px;
}

#navBar, #navBarGrad, #bannerNav {
   clear: both;
   width: 100%;
   height: 3em;
   margin: 0;
   padding: 0;
   border-top: 2px solid #FFF;
   }  
   
#navBar, #bannerNav {
   color: #FFF;
   background-color: #A19E64;
    }
    
#navBarGrad {
   color: #FFF;
   background-color: #39C;
   }
   
#nav, #nav ul, #navGrad, #navGrad ul {   
   margin: 0;
   padding: 0;
   list-style-type: none;   
   }  
   
#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: #A19E64;
   }  
   
#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
----------------------------------- */    
   
.col1home a:link, .col1home a:visited,
.col2home a:link, .col2home a:visited,
.col1homeGrad a:link, .col1homeGrad a:visited,
.col2homeGrad a:link, .col2homeGrad a:visited {
   color: #737373;
   background-color: transparent;
   text-decoration: none;
   }
   
.col1home a:hover, .col2home a:hover,
.col1homeGrad a:hover, .col2homeGrad a:hover {
   color: #000;
   background-color: transparent;
   text-decoration: underline;
   }  
   
.col1home ul, .col2home ul,
.col1homeGrad ul, .col2homeGrad ul {
   list-style-type: none;
   margin: 0;
   padding: 4px 0 0 16px;
   }   

.col1home li, .col2home li,
.col1homeGrad li, .col2homeGrad li {
   padding-bottom: .5em;
   }
   
/* Home Page and Secondary Page Right Column
------------------------------------ */
#skipPopular, #skipPrint {
	position: relative;
	left: -9999px;
}

.programsCollegeHome {
	width: 48%;
}

.genEdResources {
	margin-left: 48%;
}

#rightSearchFast {
   float: right;
   width: 255px;
   color: #204182;
   margin: 0;
   padding: 18px 10px 60px 5px;
   /*background: url(images/side_dots.gif) 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 ul li {
   padding-bottom: .5em;
   }      
   
#rightSearchFast li{
   padding: .15em 0;
   } 

#searchBulletin {
	width: auto;
   color: #FFF;
   background-color: #C95E31;
   background-image: linear-gradient(bottom, rgb(128,38,3) 35%, rgb(201,95,49) 73%); /* http://gradients.glrzad.com/ */
   background-image: -o-linear-gradient(bottom, rgb(128,38,3) 35%, rgb(201,95,49) 73%);
   background-image: -moz-linear-gradient(bottom, rgb(128,38,3) 35%, rgb(201,95,49) 73%);
   background-image: -webkit-linear-gradient(bottom, rgb(128,38,3) 35%, rgb(201,95,49) 73%);
   background-image: -ms-linear-gradient(bottom, rgb(128,38,3) 35%, rgb(201,95,49) 73%);

   background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.35, rgb(128,38,3)),
	color-stop(0.73, rgb(201,95,49)));
	
	border-radius: 5px; /* http://www.cssportal.com/css3-rounded-corner/ */
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
   margin: 0 0 12px 18px;
   padding: .65em;
   } 

#searchBulletin form {
	background: none;
   color: #FFF;
   margin: 0;
   padding: 0;
   }

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

#courseFastPath {
   width: auto;
   color: #FFF;
   background-color: #36C;
	background-image: linear-gradient(bottom, rgb(0,51,153) 35%, rgb(51,102,204) 73%); /* http://gradients.glrzad.com/ */
	background-image: -o-linear-gradient(bottom, rgb(0,51,153) 35%, rgb(51,102,204) 73%);
	background-image: -moz-linear-gradient(bottom, rgb(0,51,153) 35%, rgb(51,102,204) 73%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,51,153) 35%, rgb(51,102,204) 73%);
	background-image: -ms-linear-gradient(bottom, rgb(0,51,153) 35%, rgb(51,102,204) 73%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.35, rgb(0,51,153)),
		color-stop(0.73, rgb(51,102,204))
	);
	border-radius: 5px; /* http://www.cssportal.com/css3-rounded-corner/ */
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
   margin: 0 0 24px 18px;
   padding: .65em;
   }

#courseFastPath form {
   color: #FFF;
   background: none;
   margin: 0;
   padding: 0;
   }
     
#courseFastPath fieldset, #searchBulletin fieldset {
   border: none;
   margin: 0 0 0 8px;
   padding: 4px 0 0 0;
   }   
   
#courseFastPath a:link, #courseFastPath a:visited {
   color: #FFF;
   background-color: transparent;
   font-size: .85em;
   padding-right: 16px;
   }
   
#courseFastPath legend, #searchBulletin legend {
   color: #FFF;
   background-color: transparent;
   font-size: 1.20em;
   font-weight: bold;
   padding: 0;
   margin: 0;
   }    
   
/* Left Navigation Column
------------------------------------ */   
#secondaryNavigation {
	position: absolute;
	left: -9999px;
}

#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;
   } 
   
#leftNavListing, #collegesSecondary {
   list-style-type: none;
   margin: 0 0 1em 0;
   padding: 16px 8px;
   }
   
#collegesSecondary ul, #generalEducationList ul {
   list-style-type: none;
   margin-left: 8px;
   padding: .50em 3px;
   }
   
#leftNavListing li, #collegesSecondary li, #generalEducationList li {
   padding-bottom: .50em;
   }


/* 3 Column Test
------------------------------------ */

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	border-top: 2px solid #FFFFFF;
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1, .col2, .col3,
.col1home, .col2home, .col3home,
.col1homeGrad, .col2homeGrad, .col3homeGrad {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	background:#f1f1eb;		/* right column background colour */
}
.threecol .colmid {
	right:22%;			/* width of the right column */
	background: url("images/drop_shadow.gif") repeat-x scroll 0 0 #FFFFFF;		/* center column background colour */
	padding: 1.5em 0 9em 0;
}
.threecol .colleft {
	right:54%;			/* width of the middle column */
/* 	background:#fff;	left column background colour */
}

.threecol .colleft .gradHome {
	right: 35%;
}

.threecol .col1 {
	width:47%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
	padding: 1em 0;
}

.threecol .col1 table {
   border-collapse: collapse;
   }
   
.threecol .col1 th {
   border: 1px solid #000;
   padding: 5px;
   }

.threecol .col1 td {
   border: 1px solid #000;
   padding: 5px;
   }
   
.threecol .col1 ul {
    margin: 16px 16px 16px 0;
    }
.threecol .col1home ul, .threecol .col2home ul {
	list-style-type: none;
	margin: 0;
	padding: 4px 0 0 16px;
}    
.threecol .col1 ul li {
   padding: 5px 16px;
   }
   
.threecol .col1 ul ul {
   margin: 0;
   }   
   
.threecol .col1 p.inlineParagraph, .threecol .col1 ol.inlineList, .threecol .col1 ol.inlineList li {
   display: inline;
   margin: 0;
   padding: 0;
   }

#siteMapList {
   margin: 0;
   padding: 0;
   }
   
a.siteMapHead:link, a.siteMapHead:visited, a.siteMapHead:hover {
   font-size: 1.25em;
   font-weight: bold;
   color: #000;
   background-color: #FFF;
   }    
   
a.newWindow span {
   position: absolute;
   left: -5000px;
   width: 4000px;
   }
   
.textCenter {
   text-align: center;
   }
   
.textRight {
   text-align: right;
   }   
 


.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:86%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

.threecol .col3homeGrad {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:89%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

.threecol .col1home {
	width:44%;			/* width of center column content (column width minus padding on either side) */
	left:103%;			/* 100% plus left padding of center column */
	padding: 1em 0;
}

.threecol .col1homeGrad {
	width:32%;			/* width of center column content (column width minus padding on either side) */
	left:113%;			/* 100% plus left padding of center column */
	padding: 1em 0;
}

.threecol .col2home {
	width:25%;			/* Width of left column content (column width minus padding on either side) */
	left:35%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	padding: 1em 0;
}

.threecol .col2homeGrad {
	width:33%;			/* Width of left column content (column width minus padding on either side) */
	left:46%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	padding: 1em 0;
}

.threecol .col3home {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:88%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


.floatLeft {
	float: left;
}
 
  
/* Footer
------------------------------------ */   
   
#footer, #footerGrad, footer {
   margin: 0;
   padding: 1em 3em;
   clear: both;
   width: auto;
   text-align: center;
   }  
   
#footer, footer {   
   color: #FFF;
   background-color: #305FBE;   
   }
  
#footerGrad {   
   color: #FFF;
   background: #CCCC9A url(images/whitebook_title.jpg) repeat-y right; 
   }     

#footer li, #footerGrad li, footer li {
   display: inline;
   }

#disclaimer, #skipFooter {
   display: none;
   }

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

#skipFooter2 {
	position: absolute;
	left: -9999px;
}