@charset "utf-8";
/* CSS Document */

/*** DOCUMENT STYLES BELOW ***/

body {
background-color: #FFFFFF;
color: #000000;
font-family: Verdana,Geneva,Arial,helvetica,sans-serif;
font-size: 80%;
line-height: 130%;
margin: 0;
padding: 0;
}

pre, code
{
    font-size: 1.1em; /* Monospace fonts can be hard to read */
    font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
}

  h1
  {
    color: #000000;
    font-size: 1.4em;
    line-height: 150%;
    margin: 0 1em 0 0;
    padding: 0.5em 0 0.5em 0;
  }
    
  h2
  {
    color: #000000;
    font-size: 1.2em;
    line-height: 100%;
    margin: 0;
    padding: 0.5em 0 0.5em 0;
  }
  
   h3
  {
    color: #000000;
    font-size: 1em;
    line-height: 100%;
    margin: 0;
    padding: 0;
  }
                             
  h4
  {
    font-size: 0.9em;
    line-height: 100%;
    padding: 0;
    margin: 0;
  }
    
  h5
  {
  font-size: 0.9em;
  font-variant: small-caps;
  font-weight: bold;
  margin: 0;
  padding: 0;
  }
    
 h6
 {
 font-size: 0.9em;
 font-style: italic;
 font-weight: normal;
 line-height: 100%;
 margin: 0;                  
 padding: 0;
 } 
 
 
 /** block-level elements **/
  p, ul, ol, dl, pre, table, fieldset, blockquote
  {
    margin: 1em 0;
  }
    
/** lists **/
  /* standardize list item indentation */
  ul, ol
  {
    margin-left: 0; 
    padding-left: 0;

  }
  
  ul
  {list-style-type: square;}

  li
  {
  margin-top: .3em;
  }
/* Whole page Wrapper */

#page {
margin: 0 auto;
text-align: left;
width: 77em;
overflow: visible;
}

/* Content Wrapper */

#content_area
{
clear: both;
/*margin: 1em .2em .2em 0em; EAA 20100615*/
margin: 0 .2em .2em 0em;
padding-left: 5px;
}


   
/* fix indent error in IE */
   
*:first-child ul, ol {
padding-left: 2em;
}
 
* html ul, ol
{
padding-left: 2em;
}  
    
/* end fix indent */





/** Link styling **/

a:link,
a:visited,
a:hover,
a:active
{
color: #990000;
}

a:link,
a:visited
{
text-decoration: underline;
}

a:hover
{
background: #DDDDDD;
}

a:hover,
a:active
{
text-decoration: underline;
}

/***** David CSUN - Probably don't need these li link styles
li a:link,
li a:visited,
li a:hover,
li a:active
{
color: #990000;
}

li a:link,
li a:visited
{
text-decoration: none;
}

li a:hover,
li a:active
{
text-decoration: underline;
}

*********/


/*** INDIVIDUAL STYLES BELOW ***/

/** IGRA STYLING **/
/*
#page img
{
border: none;
}
Elizabeth removed this and added following style to prevent ugly linked image borders*/

a img
{border: none;}

#content_area_igra img
{
margin: 0 10px 10px 0;
}

#header
{
}

#header_left
{
float: left;
width: 63em;
background: url(../images/igra/guitar2.gif);
background-repeat: no-repeat;
background-position: left center;
}

#header_left p
{
font-size: 2em;
}

#header_left a
{
color: #000000;
}

#header_left a:link, 
#header_left a:visited
{
text-decoration: none;
}

#header_left a:hover, 
#header_left a:active
{
text-decoration: underline;
background: none;
}

#header_right
{
float: left;
width: 12em;
}

#header_right img
{
padding: .4em;
}

#header_right p
{
font-size: 1.5em;
text-align: center;
margin: 0;
padding: 6px;
}

#header_right a
{
color: #000000;
}

#header_right a:link,
#header_right a:visited 
{
text-decoration: none;
}

#header_right a:hover, 
#header_right a:active
{
text-decoration: underline;
}

#left {
float:left;
padding:10px;
width:40%;
}

#right {
float:left;
padding:10px;
width:54%;
}


/** END OF IGRA STYLING **/


/* Header wrapper */

#header {
overflow: hidden;
float: left;
width: 100%;
}

/* CSUN LOGO AND SEARCHBOX WRAPPER */

#csun_wrapper
{

}

/* CSUN LOGO DIV */

#wordmark
{
float:left;
width:auto;
}

#wordmark img
{
margin: 0.2em;
padding: 0.2em;
border: 0;
}

/* SEARCHBOX DIV */

#searchbox {

        float:right;
        width:40em;
        margin: .2em 0 .2em 0;
        padding: 5px;
/*        border: solid 1px;
        border-top-color: #000000;
        border-right-color: #000000;
        border-bottom-color: #000000;
        border-left-color: #000000;  */
        list-style-type: none;
}

/* Actual searchbox form */

#searchbox_form
{
clear: both;
float: right;

}


#searchbox p
{
margin: 0.2em;
}

*:first-child+html #searchbox
{
margin: 0 0 1px 0;
/*padding: 0 0 1em 0;*/
}

/** Special Link styles for searchbox **/

#searchbox a:link {
color: #000000;
background: none;
text-decoration: none;
}

#searchbox a:visited {
color: #000000;
background: none;
text-decoration: none;
}
 
#searchbox a:hover {
color: #000000;  
background: none;
text-decoration: underline;
}
 
#searchbox a:active {
color: #000000;
background: none;
text-decoration: underline;
}

#searchbox ul
{
clear: both;   
float: right;
font-size: 0.8em;
list-style-type: none;
padding: 0pt;
margin: 0 0 1em 0em;  
text-align: center;
}

 
#searchbox li
{
border-left:1px solid #666666;
display:inline;  
display:block;
float:left;
padding:0pt 1em;
}

#searchbox li.start
{
border: none;
}

#searchbox form
{
/*padding: 0;  
text-indent:.3em;*/
clear:both;
display:block;
float:left;  
margin: 0 auto 0 auto;
width: 39em;
}

*:first-child+html #searchbox form
{
margin: 0 auto 0 0.5em;
}


/* LIBRARY LOGO DIV */

/* #sub_banner
{
float: left;
width: 100%;
} */

#sub_banner
{
background: #791213 url("/peoplepages/images/homepage_banner.jpg") no-repeat center left;
width: 100%;
float: left;
overflow: hidden;
height: 53px;
}

div#logo span
{
padding: 0;
}

div#logo span a
{
background: #791213 url("/peoplepages/images/bannertextimage.jpg") no-repeat center left;
/* position: relative; */
/* top: -8px; */
display: block;
height: 53px;
width: 310px;
float: left;
margin: 0;
padding: 0;
overflow: hidden;
text-indent: -10000px;
}

#sub_banner a:hover
{
}


#sub_banner img
{
margin: 0;
padding: 0;
}



/** Intranet page styles - intranet.dwt **/

#sub_banner-intranet
{
background: #791213 url("/peoplepages/images/intranet_banner.jpg") no-repeat center left;
width: 100%;
float: left;
overflow: hidden;
height: 53px;
}

div#intranet-logo span
{
padding: 0;
}

div#intranet-logo span a
{
background: #791213 url("/peoplepages/images/bannertext-intranet.jpg") no-repeat center left;
/* position: relative; */
/* top: -8px; */
display: block;
height: 53px;
width: 420px;
float: left;
margin: 0;
padding: 0;
overflow: hidden;
text-indent: -10000px;
}

#sub_banner-intranet a:hover
{
}


#sub_banner-intranet img
{
margin: 0;
padding: 0;
}




/* NAVIGATION BAR DIV */

#navbar
{
position: relative;
top: 0;
/* background: url(../images/navigation_bar-1.png); */
clear: both;
padding: 0;
margin: 0;
float: left;
width: 100%;
height: 2em;
overflow: visible;
}

/* LIBRARY FOOTER */

.libraryfooter
{
width: 100%;
font-size: 0.8em;
text-align: center;
margin-top: 2em;
float: left; /*ealtman added this so it won't break**/
}

.libraryfooter ul
{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0 0 0 15px;
padding:0;
}

.libraryfooter li
{
display: inline;
border-right: 1px solid #999999;
margin:0 15px 0 0;
padding:0 15px 0 0;
}

.libraryfooter li.last
{
border-style: none;
margin: 0;
padding: 0;
}


/*** ROUNDED CORNERS CSS FOR FOOTER ***/

.spiffy{display:block}

.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#bbbbbb}

.spiffy1{ 
  margin-left:3px;   
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e1e1e1;
  border-right:1px solid #e1e1e1;
  background:#cccccc}

.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8;
  background:#c7c7c7}

.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c7c7c7;
  border-right:1px solid #c7c7c7;}

.spiffy4{
  border-left:1px solid #e1e1e1;
  border-right:1px solid #e1e1e1}

.spiffy5{
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc}

.spiffyfg{
  background:#bbbbbb}

/** END FOOTER STYLES **/

/** OLD CHINA HAND ARCHIVES STYLE **/

#ochwrapper {
background-color:#FFFFFF;
border:1px solid #000000;
clear:both;
float:none;
margin:4px auto 10px;
padding:0;
width:80%;
}

#ochcontent {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(/images/deco.jpg) repeat-y scroll left top;
clear:both;
float:none;
margin:0 0 20px 10px;
overflow:hidden;
padding:0 30px 10px 175px;
position:relative;
top:10px;
}

#ochsearch {
background-color:#DDDDDD;
padding:0 20px 5px;
}

h1.och {
float:left;
font-size:1.7em;
font-weight:bold;
line-height:150%;
margin:5px;
padding:5px;
}




/** HTML Validation Styling **/

.invisible {
font-size: 0.01em;
visibility: hidden;
}

div#html_valid
{
font-size: 0.8em;
float: left;
width: 100%;
padding: 1em 0;
}

div#validation
{
text-align: right;
float: right;
width: 50%;
}

div#validation a:hover, a:active 
{
text-decoration: underline;
}

div#date_updated
{
float: left;
width: 50%;
}


/** Header Styles - CSUN LOGO - Searchbox **/
#static_csun
{
float:left;
width:auto;
/* background: transparent url(images/CSUNwordmark150t.gif) no-repeat 1%; */
}

#static_csun form
{
float: right;
margin: 1em;
}

#static_csun img
{
float: left;
margin: .2em;
padding: .2em;
}

/** Jumplink Styles **/

.small {
font-size:0.9em;
line-height:130%;
}

.jumplinks {
font-weight:bold;
line-height:130%;
margin-top:10px;
}


/* DEFAULT TABLE STYLES */

.textintables /*Insert class="textintables" in the <p> tag for a smaller left margin */

{line-height: 130%;

font-style: normal;

margin: 5px 1px 2px 5px;

padding: 5px 1px 5px 5px;}

/** David CSUN 060810 - Prospective Students Page Styling **/

div#studentwrapper
{
border: 1px solid #999999;
float: left; 
width: 100%;
position: relative;
left: -5px; 
padding-right: 5px;
margin-top: .5em;"
}

div#studentheader {
background: #FFFFFF url('/sites/default/files/users/main/student-header.jpg') no-repeat 1% center;
border-bottom:3px solid #990000;
padding: 10px;
height: 70px;
margin: 0;
float:left;
clear:both;
width: 98.5%;
}

div#studentheader h1
{position: absolute;
left: -1000px;
top: -1000px;
}

div#studentheader p
{font-size: 1.8em;
position: relative;
left: 90px;
top: 25px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}

div.studentblock
{background-color:#FFFFFF;
padding: 0 7px;
margin: 1px;}

#leftblock /*encompasses 5 blocks on the left*/
{width: 71%; 
/*border: 2px solid blue; */
background-color: #FFFFFF;
float: left; margin-left: 3px;}

#leftcolumn
{width: 24%; 
/*border: 1px solid black; */
float:left;}

#leftblock-inner
{width: 73%; 
/*border: 1px solid black; */
float:left;}

#leftblock-innertop /*horizontal block*/
{width: auto; 
/*border: 1px solid black; */
float:left; 
padding: 5px;
}

#leftblock-inner div.minicolumn
{width: 29%; 
/*border: 1px solid black;*/
 float:left;
 height: 27em;
 border-left: 2px solid #999999;
}

#rightblock /*constitutes 1 wide block on the right*/
{width: 27%; 
/*border: 2px solid red; */
float: left;
/*background: #FFFFFF url('../../images/prospstudents/musicmedia.jpg') no-repeat right top;
padding-top: 340px;*/
}

#leftblock-innertop h2
{padding: 10px 0 0 0;
margin: 0;
font-size: 1.3em;
width: auto;
}
#rightblock h2
{padding: 0;
margin: 0;
font-size: 1.3em; 
width: auto;
}

h2.imagedown
{padding-bottom: 120px;
font-size: 1.3em;
background: #FFFFFF url('/sites/default/files/users/main/elevator.jpg') no-repeat bottom center;
width: auto;
margin: 0;}

h2.imageup
{padding-top: 140px;
padding-bottom: 5px;
font-size: 1.3em;
width: auto;
margin: 0;}

#leftcolumn dl
{padding: 0;
margin: 0;}

#leftcolumn dt
{font-weight: bold;
padding: .7em .1em .1em .1em;
margin: 0;}

#leftcolumn dd
{
padding: .25em;
margin: 0;}

/**STYLES FOR LIBROXY PAGE**/

.mobileregion h1
{line-height: 150%;
clear: both;}

div.proxyform
{
background-color: #eeeeee; margin: 5px;
display:block;
float:left;
padding: 10px;
}

div.proxyform input
{
float:left;
margin: 4px 3px;
}

div.proxyform label
{
margin: 4px 3px;
float:left;
clear:left;
width: 10em;
text-align:right;
}

div.proxyform div.buttons
{float: right;
clear:left;}

div.proxyhelp
{float; left;
padding: 3px;
clear:left;}