/** ADDED CONTENT FOR FACEBOOK RETRIEVAL FEEDS - DAVID - CSUN **/

p.offleft
{
 position: absolute;
 left: -500em; 
 top: -500em;
}


/* CSS Document */
body
{margin: 0;
padding: 0;
background-color: #ffffff ;
font-family:Arial, Helvetica, sans-serif;
}
#banner
{/*position: absolute;
top: 0;
left: 0;*/
font-size: 100%;
margin: 0;
padding: 0 20px 0 0;
background: #990000 url(images/headerback.jpg) repeat-x bottom left;
height: 10em;
z-index: 0;
}

#csunlogo
{position: absolute;
top: 5px;
left: 5px;
z-index: 4;
}

#skiptocontent {
	position: relative;
	top: 90px;
	left: 8px;
	font-size: .8em;
	z-index:10;
}

#skiptocontent a:link,
#skiptocontent a:visited
 {
text-decoration:none;
color: #fff;
}

#skiptocontent a:hover,
#skiptocontent a:active
 {
text-decoration:underline;
color: #fff; 
}





h1.banner, #bannertitle
{
	text-align:right;
	font-size: 3em;
	color: #FFFFFF;
	margin: 0;
	font-weight: bolder;
		font-family:Arial, Helvetica, sans-serif;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	position: relative;
top: .5em;
z-index: 3;
}
#bannertitle a:link, #bannertitle a:visited, #bannertitle a:hover, #bannertitle a:active
{color: #FFFFFF; text-decoration:none;}

h1.sub
{text-align: left;
color: #000000;
font-size:1.5em;
margin: .5em 0 .5em 0;
position: relative;
top: 0;
}

h1.exhib
{color: #663300;
font-size:1.5em;
font-weight: bold;
margin: 0;
padding: 5px;
line-height: 100%;
}


#tagline
{font-weight: bold;
color:#FFFFFF;
float: right;
text-align:right;
margin:  0 0 0 0;
position: relative;
top: 1.8em;
left: -.5em;
z-index: 2;
font-size: 1.3em;
width: 100%;
}


h2
{color: #663300;
font-size:1em;
font-weight: bold;
margin-top: .3em;
clear: both;
}

h3
{font-size: 1.1em}

p
{padding:0 0 .5em 0em;
margin: 0;}

#navlist a:link
{color: #FFFFFF;
text-decoration: none;
}
#navlist a:visited
{color: #FFFFFF;
text-decoration: none;
}
#navlist a:hover
{color: #FFFFFF;
text-decoration: underline;
}
#navlist a:active
{color: #FFFFFF;
text-decoration: underline;
}

#leftnavtop{
background: #990000 url(images/leftnavtop.jpg) repeat-x bottom left;
font-size: 100%;
margin: 0;
padding: 0;
height: 10em;
width: 15em;
position: absolute;
top: 0;
left: 0;
z-index:1;

}
#leftnav
{
font-size: 100%;
margin: 0 0 -500px 0;
float: left;
position: relative;
top: 0;
color:#FFFFFF;
padding: 10em 0 400px 0;
width: 15em;
background-color: #990000;
position: absolute;
top: 0;
z-index: 0;
}

#leftnavhtml
{
font-size: 100%;
/* margin: 0 0 -80em 0; */
float: left;
position: relative;
top: 0;
color:#FFFFFF;
padding: 10em 0 990em 0;
width: 15em;
background-color: #990000;
position: absolute;
top: 0;
z-index: 0;
}



ul#navlist
{list-style-type:none;
padding: 0 1em 0 1em;
margin: 0;
font-weight: bold;
font-size: .8em;
}

ul#navlist li
{margin: 1em 0;
border-bottom: thin dotted #FFFFFF;
padding-bottom: .5em;}

p.info
{font-size: .8em;
font-weight: bold;
color: white;
padding-top: 1em;
padding-left: 1em;}

#content
{
/*	position: absolute; */
    position: relative;
	left: 16em;
	width: 700px;
	height: 400px;
	background-color: #ffffff;
    top: 0;
/*	top: 159px; */
}

ul#areas
{list-style-type: none;
float: left;
padding: 0;
margin: 0;
}

ul#areas li
{
padding: 0 14px 0 0;
width: 126px;
height: 410px;
margin: 0;
float: left;
}

ul#areas a
{font-size: 0%;
line-height: 0%;
width: 126px;
height: 410px;
margin: 0;
float: left;
padding: 0;}

/*5-panel navigation to sections on front page*/

a#early:link
{background: #ffffff url(images/pepsquadoff_01.jpg) no-repeat top left;}
a#early:visited
{background: #ffffff url(images/pepsquadoff_01.jpg) no-repeat top left;}
a#early:hover
{background: #ffffff url(images/pepsquadon_01.jpg) no-repeat top left;}
a#early:active
{background: #ffffff url(images/pepsquadon_01.jpg) no-repeat top left;}

a#rapid:link
{background: #ffffff url(images/pepsquadoff_03.jpg) no-repeat top left;}
a#rapid:visited
{background: #ffffff url(images/pepsquadoff_03.jpg) no-repeat top left;}
a#rapid:hover
{background: #ffffff url(images/pepsquadon_03.jpg) no-repeat top left;}
a#rapid:active
{background: #ffffff url(images/pepsquadon_03.jpg) no-repeat top left;}

a#student:link
{background: #ffffff url(images/pepsquadoff_05.jpg) no-repeat top left;}
a#student:visited
{background: #ffffff url(images/pepsquadoff_05.jpg) no-repeat top left;}
a#student:hover
{background: #ffffff url(images/pepsquadon_05.jpg) no-repeat top left;}
a#student:active
{background: #ffffff url(images/pepsquadon_05.jpg) no-repeat top left;}

a#comm:link
{background: #ffffff url(images/pepsquadoff_07.jpg) no-repeat top left;}
a#comm:visited
{background: #ffffff url(images/pepsquadoff_07.jpg) no-repeat top left;}
a#comm:hover
{background: #ffffff url(images/pepsquadon_07.jpg) no-repeat top left;}
a#comm:active
{background: #ffffff url(images/pepsquadon_07.jpg) no-repeat top left;}

a#world:link
{background: #ffffff url(images/pepsquadoff_09.jpg) no-repeat top left;}
a#world:visited
{background: #ffffff url(images/pepsquadoff_09.jpg) no-repeat top left;}
a#world:hover
{background: #ffffff url(images/pepsquadon_09.jpg) no-repeat top left;}
a#world:active
{background: #ffffff url(images/pepsquadon_09.jpg) no-repeat top left;}

/*navigation across 5 sections of the exhibit on sub-pages*/

#h1bar
{border-bottom: 2px solid  #663300;
border-top: 2px solid  #663300;
background-color:#CCCC99;
margin-bottom: 0.5em;
text-align: left;
line-height: 100%;
clear: both;
width: auto;
float: left;
width: 100%;
}
#exhibnav
{color: #663300;
font-weight: bold;
background-color:#ffffff;
margin: 0;
text-align: left;
display: block;
float: left;
width: 100%;
}

#exhibnav ul
{list-style-type: none;
background-color: transparent;
padding: 0;
margin: 0;
}

#exhibnav li
{float: left;
background-color: transparent;
display:block;
margin: 0;
text-align: center;
padding: 2px 6px 4px 6px;
}


#exhibnav a:link
{color: #663300;
text-decoration: none;
}
#exhibnav a:visited
{color: #663300;
text-decoration: none;
}
#exhibnav a:hover
{color: #663300;
text-decoration: underline;
}
#exhibnav a:active
{color: #663300;
text-decoration: underline;
}

li.grey
{color: #999999;}

#text
{float: left;
clear: both;
width: 700px;}

p.caption
{
font-size: .8em;
font-weight: bold;
padding: 4px 4px 0 4px;
margin: 0;}

#early01
{float: right; 
clear: right;
padding: 20px 10px 0 10px;
width: 380px;
text-align:center;
margin-bottom: 5px;}

#early02
{float: left; 
clear:left;
width: 1px;
height: 17em;
text-align:center;
}

#early03
{float: left; 
clear:left;
width: 130px;
text-align:center;
padding: 20px 10px 0 10px;}

#rapid01
{float: left; 
clear: left;
padding: 0 10px 0 10px;
width: 150px;
text-align:center;}

#rapid02
{float: right; 
clear:right;
width: 1px;
height: 5em;
}

#rapid03
{float: right; 
clear:right;
width: 150px;
text-align:center;
padding: 20px 10px 0 10px;}


#student01
{float: left; 
clear: left;
padding: 0 10px 0 10px;
width: 140px;
text-align:center;}

#student02
{float: right; 
clear:right;
width: 1px;
height: 8em;
}

#student03
{float: right; 
clear:right;
width: 205px;
text-align:center;
padding: 20px 10px 0 10px;}

#student04
{float: left; 
clear:left;
width: 1px;
height: 3em;
}

#student05
{float: left; 
clear: left;
padding: 20px 10px 0 10px;
width: 260px;
text-align:center;
}

#comm01
{float: left; 
clear: left;
padding: 20px 10px 0 0px;
width: 160px;
text-align:center;}

#comm02
{float: right; 
clear:right;
width: 1px;
height: 16em;
}
#comm03
{float: right; 
clear:right;
width: 205px;
text-align:center;
padding: 20px 0px 0 10px;}

#world01
{float: right; 
clear: right;
padding: 0 0 10px 10px;
width: 200px;
text-align:center;}

#world02
{float: left; 
clear: left;
padding: 0;
width: 1px;
height: 13em;
}

#world03
{float: left; 
clear: left;
padding: 20px 10px 10px 0;
width: 305px;
text-align:center;}