/* 

Institute for Gravitation and the Cosmos
Author: Michael A. Tribone

Table of Contents:
	1. Main Elements
	2. University-wide Search
	3. Header
	4. Navigation Bar
	5. Background Container
	6. Horizontal Bar Area
	7. News and Events
	8. Research Highlight
	9. Content Area
	10. Sponsors and 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: #B0A790;
   color: #000;
   margin: 0;
   padding: 0;
   }

#skipNav {
   position: absolute;
   top: 0;
   left: -1000px;
   } 
   
#skipNav a:link, #skipNav a:visited, #skipNav a:hover {
   color: #000;
   background-color: #000;
   text-decoration: none;
   }
   
#container {
   width: 950px;
   color: #000;
   background-color: #E4E3D1;
   margin: 0 auto;
   padding: 0;
   }     
 
h1 {
   font-size: 1.65em;
   margin: 0;
   padding: 1em 0 .25em 0;
   text-align: center;
   }
   
h2 {
   font-size: 1.50em;
   color: #6E2405;
   margin-bottom: -.45em;
   text-align: center;
   }

h3 {
   font-size: 1.25em;
   color: #507282;
   margin-bottom: -.45em;
   text-align: center;
   } 
   
h4 {
   font-size: 1.2em;
   }    
   
h5 {
   font-size: 1em;
   color: #990000
   }    
   
h6 {
   font-size: .90em;
   }     

table {
   width: 100%;
   border-collapse: collapse;
   margin-top: 15px;
   color: #000;
   background-color: #E4E3D1;
   text-align: left;
   }

th {
   font-size: 1.35em;
   color: #FFF;
   background-color: #000;
   border: 1px solid #000;
   padding: 5px;
   }

th.secondTH {
   color: #000;
   background-color: #E2E2E2;
   } 
   
td {
   border: 0px solid #000;
   padding: 5px;
   }   

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 {
   width: 100%;
   height: 75px;
   }
   
#pennStateMark {
   float: left;
   border: none;
   }   

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

#navBar {
   width: 100%;
   height: 2.5em;
   color: #000;
   background-color: #809EAD;
   margin: 0;
   padding: 0;
   }

#homeNav, #homeNav ul, #secondaryNav, #secondaryNav ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   }

#homeNav li, #secondaryNav li {
   float: left;
   }

#homeNav li a, #secondaryNav li a {
   display: block; 
   height: 1.60em;
   font-size: 1.15em;
   font-weight: bold;
   text-decoration: none;
   padding: .5em 1em 0 1em;
   border-right: 1px solid #FFF;
   }  

* html #homeNav li a, * html #secondaryNav li 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. */ 
   }

#homeNav li a:link, #homeNav li a:visited, #secondaryNav li a:link, #secondaryNav li a:visited {
   color: #FFF;
   background-color: #809EAD;
   } 
   
#homeNav li a:hover, #secondaryNav li a:hover {
   color: #FFF;
   background-color: #000;
   }    

/* Background Container 
----------------------------------- */

#bgContainer {
   margin: 0;
   padding: 0 0 25px 0;
   background: #000 url(images/night_sky4.jpg) bottom right no-repeat;
   border-top: 1px solid #000;
   }
   
#logo {
   float: right;
   padding: 15px 0;
   margin-right: 55px;
   }  
 
#logo3 {
   float: right;
   padding: 15px 0;
   } 
   
#homeBlurb {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-style: oblique;
   font-size: 1.45em;
   margin: 10px;
   padding: 20px;
   }  
   
#homeBlurb2 {
   width: 630px;
   color: #FFF;
   background-color: transparent;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-style: oblique;
   font-size: 1.65em;
   margin: 15px 0 10px 70px;
   padding: 20px 0 10px 25px;
   }    
   
#homeBlurb3 {
   width: 820px;
   color: #FFF;
   background-color: transparent;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-style: oblique;
   font-size: 1.65em;
   margin: 15px 50px;
   padding: 15px;
   }            

/* Horizontal Bar Area 
----------------------------------- */

#areaBar {
   clear: left;
   width: 100%;
   min-height: 240px;
   color: #FFF;
   background-color: #809EAD;
   margin-top: 20px;
   }
   
#areaBar img {
   float: left;
   padding: 8px;
   border: none;
   }  


/* News and Events
----------------------------------- */   

#newsEvents {
   clear: right;
   float: right;
   width: 300px;
   height: 360px;
   background: transparent url(images/newsEvents_top.png) top left repeat;
   margin: 30px 10px 0 0;
   padding: 10px 0 0 0;
   }
   
#newsEvents h2, #newsEvents h2 a {
   color: #FEC77C;
   background-color: transparent;
   margin: 5px 20px;
   } 
   
#newsEvents h3 {
   color: #29ABE2;
   background-color: transparent;
   margin: 5px 20px;
   }     
   
#newsEvents p {
   color: #FFF;
   background-color: transparent;
   margin: 5px 20px;
   }
#newsEvents ul {
   width: auto;
   height: 320px;
   color: #FFF;
   background-color: transparent;
   margin: 0 0 0 12px;
   padding: 0;
   overflow: auto;
   }
#newsEvents li {
   padding: 8px;
   margin-left: 20px;
   }
   
#newsEvents li a:link, #newsEvents li a:visited {
   color: #FEC77C;
   background-color: transparent;
   }   
         
#newsBottom {
   width: 370px;
   height: 31px;
    position: relative;
   top: 31px;
   padding: 0;
   margin: 0 0 0 7px;
   }     

/* Research Highlight 
----------------------------------- */

#researchHighlight {
   width: 535px;
   min-height: 340px;/* Minimum height for compliant browsers */
   height: auto !important; /* Part 1 of IE fix for min-height */
   height: 340px; /* Part 2 of IE fix for min-height */
   background: transparent url(images/researchHighlightBG.png) top no-repeat; 
   margin: 30px 15px 0 10px;
   padding: 0 0 10px 0;
   }

#researchHighlight h2 {
   color: #FFF;
   background: transparent url(images/researchHighlight_header.png) top left no-repeat;
   margin: 0px 13px 15px 10px;
   padding: 13px 0 8px 15px;
   }  
   
#researchHighlight h3 {
   color: #FFF;
   background-color: transparent;
   margin: 25px 0 0 0;
   padding: 0;
   }   
   
#researchHighlight img {
   float: left;
   padding: 10px 12px 12px 16px;
   } 
   
#researchHighlight p {
   color: #000;
   background-color: transparent;
   padding: 8px 25px 5px 16px;
   }    
   
#researchBottom2 {
   clear: left;
   width: 535px;
   height: 33px;
   padding: 0;
   }        
   
#researchBottom2 img {
   display: block;
   width: 535px;
   height: 33px;
   margin: 0 0 0 10px;
   padding: 0;
   }        
   



/* Content Area
----------------------------------- */ 

#contentArea {
   width: 760px;
   min-height: 500px;/* Minimum height for compliant browsers */
   height: auto !important; /* Part 1 of IE fix for min-height */
   height: 500px; /* Part 2 of IE fix for min-height */
   padding: 10px 95px 45px 95px;
   }  
   
#contentArea img.floatLeft {
   float: left;
   padding: 10px;
   } 
   
#contentArea img.floatRight {
   float: right;
   padding: 10px;
   }      
 
#contentArea img.highlightImage {
   float: left;
   margin-top: 1em;
   padding: 10px;
   } 
 
  
em.centers {
   font-size: 1em;
   font-weight: bold;
   letter-spacing: .10em;
   padding-right: 5px;
   }
   
.clearBoth {
   clear: both;
   } 
   
p.clearboth {
   padding-bottom: 1em;
   }   
   
a.newWindow span {
   position: absolute;
   left: -5000px;
   width: 4000px;
   }           

td.time, td.room {
   width: 20%;
   text-align: center;
   }

td.speaker {
   width: 20%;
   text-align: left;
   }
    
 b.chair {
    color: #039;
	background-color: #FFF;
	}  

#newsList li {
   padding-bottom: 1em;
   }  

.inlineList {
   margin: 8px 0;
   padding: 0;
   }
   
.inlineList li {
   display: inline;
   }    


li.thisWeek {
   color: #000;
   background-color: #FFF;
   padding: 1em;
   margin-bottom: 1em;
   border: 1px dotted #000;
   }
   
li.thisWeek a {
   font-size: 1.5em;
   font-style: italic;
   font-family: Georgia, "Times New Roman", Times, serif;
   color: #6E2405;
   }   


#publicationForm {
   width: 70%;
   margin: 60px auto;
   }
   
#publicationForm fieldset {
   padding: 20px 10px;
   }   
   
#publicationForm legend {
   font-size: 1.50em;
   color: #6E2405;
   }

/* Sponsors and Footer
----------------------------------- */ 

#sponsorsFooter {
   clear: both;
   margin-top: 25px;
   }

#sponsorsFooter h4 {
   float: left;
   color: #FFF;
   background-color: #809EAD;
   margin: 0 15px 15px 25px;
   padding: 12px;
   } 
#sponsorsFooter ul {
   width: 780px;
   margin: 0 0 0 120px;
   padding: 0 0 8px 0;
   }
   
#sponsorsFooter ul li {
   display: inline;
   }   
   
#sponsors li a:link, #sponsors li a:visited {
   padding: 8px 0;
   line-height: 1.75em;
   }   

#sponsorsFooter p {
   width: 760px;
   margin: 0 15px 5px 128px;
   padding: 0 0 25px 0;
   } 
   
#footer {
   border-top: 2px solid #FFF;
   margin-top: 15px;
   }   
   
#footer li {
   padding-top: 5px;
   line-height: 1.75em;
   }