/* 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;
}

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%;
	font-family: Georgia, "Times New Roman", Times, serif;
}


#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:1.2em;
	font-weight: bold;
	margin: 0.5em;
	padding-top: 0.5em;
	font-variant:small-caps;
	clear: both;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-top: 2px solid #663300;
}

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 545em 0;
width: 15em;
background-color: #990000;
/*position: absolute;*/
z-index: 0;
}

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

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

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

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


#leftnavhtml-world
{
font-size: 100%;
margin: 0 0 -80em 0;
float: left;
position: relative;
top: 0;
color:#FFFFFF;
padding: 0 0 545em 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: 10em;
/*    top: 0;*/
}

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;
text-align: left;
line-height: 100%;
clear: both;
width: auto;
float: left;
width: 100%;
}

#h1bar-early
{border-bottom: 2px solid  #663300;
border-top: 2px solid  #663300;
background-color:#DEDEBE;
margin-bottom: 0;
text-align: left;
line-height: 100%;
clear: both;
/*width: auto;*/
float: left;
width: 100%;
}

#h1bar-rapid
{border-bottom: 2px solid  #663300;
border-top: 2px solid  #663300;
background-color:#BAC9EB;
margin-bottom: 0;
text-align: left;
line-height: 100%;
clear: both;
width: auto;
float: left;
width: 100%;
}

#h1bar-campus
{border-bottom: 2px solid  #663300;
border-top: 2px solid  #663300;
background-color:#D8BDAE;
margin-bottom: 0;
text-align: left;
line-height: 100%;
clear: both;
width: auto;
float: left;
width: 100%;
}

#h1bar-community
{border-bottom: 2px solid  #663300;
border-top: 2px solid  #663300;
background-color:#BBB5D1;
margin-bottom: 0;
text-align: left;
line-height: 100%;
clear: both;
width: auto;
float: left;
width: 100%;
}

#h1bar-world
{border-bottom: 2px solid  #663300;
border-top: 2px solid  #663300;
background-color:#BACDAD;
margin-bottom: 0;
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;}

#gallery
{float: left;
width: 100%;
margin: 0;
}

#gallery img
{border: 0;}

.panel
{width: 100%;
clear: right;
float: left;
padding: 30px 10px;
}

.panel img
{border: 0;}

.item
{padding: 0;
margin: 5px;
text-align: center;
float: left;
width: 45%;}

p.textbox
{padding: 10px;
margin: 5px;
float: left;
/*width: 45%;*/
font-size: .9em;
/*  TRYING TO GET ARROW TO CENTER WITH TEXT     vertical-align:middle; */
}

p.textbox a:link
{
padding-right: 10px;
background: transparent url(images/arrow-1a.gif) no-repeat bottom right;
text-decoration: none;
width: 90%;
color: #0000ff;
display: block;
}

p.textbox a:visited
{
padding-right: 10px;
background: transparent url(images/arrow-1a.gif) no-repeat bottom right;
text-decoration: none;
width: 90%;
color: #0000ff;
display: block;
}

p.textbox a:hover
{
padding-right: 10px;
background: transparent url(images/arrow-2a.gif) no-repeat bottom right;
text-decoration: underline;
width: 90%;
color: #0000ff;
display: block;
}

p.textbox a:active
{
padding-right: 10px;
background: transparent url(images/arrow-2a.gif) no-repeat bottom right;
text-decoration: underline;
color: #0000ff;
width: 90%;
display: block;
}



.break
{clear: both;}



.edays
{background: url(images/early_days-background-1a.jpg);}

.edays p.textbox
{background-color:#EEEEDD}

.rgrowth
{background: url(images/rapid_growth-background-1a.jpg);}

.rgrowth p.textbox
{background-color:#DCE3F5;}

.slife
{background: url(images/student_life-background-1a.jpg);}

.slife p.textbox
{background-color:#EADCD4;}

.community
{background: url(images/community-background-1a.jpg);}

.community p.textbox
{background-color:#EDE4EF;}

.world
{background: url(images/world-background-1a.jpg);}

.world p.textbox
{background-color:#DEE8D9;}

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

.lowerlinks {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align:center;
	text-decoration: none;
}

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

/* TRYING TO CENTER IMAGES NEXT TO LINKS */
img.middle
{
vertical-align:middle;
}



/* TEST MENU */
#pro6 ul {margin:0 auto; padding:0; list-style:none; display:table; white-space:nowrap; list-style:none; height:35px; position:relative; background:#fff; font-size:.75em;}
#pro6 li {display:table-cell; margin:0; padding:0;}

#pro6 li a {display:block; float:left; height:35px; line-height:30px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer; background:url(images/pro_six_0a.gif) no-repeat;}
#pro6 li a b {float:left; display:block; padding:0 25px 5px 15px; background:url(images/pro_six_0b.gif) no-repeat right top;}

#pro6 li.current a {color:#000; background:url(images/pro_six_2a.gif) no-repeat;}
#pro6 li.current a b {background:url(images/pro_six_2b.gif) no-repeat right top;}
#pro6 li a:hover {color:#000; background: url(images/pro_six_1a.gif) no-repeat;}
#pro6 li a:hover b {background:url(images/pro_six_1b.gif) no-repeat right top;}
#pro6 li.current a:hover {color:#000; background: url(images/pro_six_2a.gif) no-repeat; cursor:default;}
#pro6 li.current a:hover b {background:url(images/pro_six_2b.gif) no-repeat right top;}