/* Appearances */

/* #883300 is the yellow-gold color used for the 2009-11 University Catalog color scheme.
   This color is oranger and brighter than the #553300 used elsewhere, but that is because
   in this .css file it is only used for the 3px borders around the menu. The brighter
   color is needed to make it stand out.

   #996600 is the brighter-yellow color used for the mouse-over effect on the menu. */

/* Experimental fix, see http://www.positioniseverything.net/articles/onetruelayout/appendix/equalheightproblems */
/* is there any way to select just anchors, not real links? */

a.internal{ 
 position:absolute;
}
html{
 color:black;
}
div.course-changed, div.change{
 clear:right;  
 border-width:3pt 0 3pt 0;
 border-style:solid;
 border-color:black;
 width:100%;
}
#main div.course-changed, #main div.change{
 width:95%;
 margin-bottom:1em;
}
body{
 background:#CCCCCC url("../11images/bodyBg.jpg") repeat-x 50% 0;
 font-family:Georgia, "Times New Roman", Times, serif;
 margin:0;
 height:100%;
 padding:0;
 text-align:left;
}
.bg_top{
 background:url("../11images/bgShadow.gif") repeat-x 50% 0%;
 width:100%;
 height:100%;
}
.bg_y{
 background:#CCCCCC url("../11images/bgShadow1.gif") repeat-y 50% 0;
 margin:0 auto;
 width:990px;
 padding:0;
 position:relative;
 z-index:10;
}
#container{
 width:950px;
 margin:0 auto;
 padding:0 0;
 background-color:#CCCCCC; 
 overflow:hidden;
}
#masthead{
 background:white url("../11images/bkg_masthead.jpg") no-repeat;
 height:116px;
 float:left;
 width:100%;
}
#main{
 padding-left:1em;
 padding-bottom:.5em;
}
#wrapper{
 background:#FFF;
}
#content, #fullcontent, #content2, #main{
 background:#fff;
 min-height:100px;
}
#navigation{
 background-color:#EFEFEF;
 color:#000;
 min-height:100px;
 font-size:11px;
 line-height:15px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 clear:left;
 float:left;
 width:240px;
 padding-bottom:32767px;
 margin-bottom:-32767px;
}
#navigation div{
 text-align:left;
 margin-left:10px;
}
#navigation.thumbnail{
 width:35px;
 height:45px;
 border:0;
}
ul.hori{
 display:block;
 margin:0 0 1em 0;
 padding:1em 1em 1em 0;
 list-style-type:none;
}
ul.hori li{
 float:left;
 margin-right:1em;
}

/* Image tags. */
.alt{
 display:none;
}
img{
 display:block;
 border:0;
}
h2, h3, h4, h5, h6{
 line-height:1;
}
h1{
 font-size:2em;
 margin-top:.5em;
 margin-bottom:.5em;
 font-weight:bold;
}
h2{
 font-size:1.5em;
 margin-top:.5em;
 margin-bottom:.5em;
 font-weight:bold;
}
h3{
 font-size:1em;
 margin-top:.5em;
 margin-bottom:.5em;
 font-weight:bold;
}

/*******************************************************************/
/* UNIVERSITY STYLES FOLLOW          */
/*******************************************************************/

#content, #fullcontent, #content2, #main{
 color:#333333;
}
a:link{
 color:#660000; 
 text-decoration:underline		
}
a:link:hover{
 color:#CC9900; 
 text-decoration:underline
}
a:visited{
 color:#666666;
}
h1, h2{
 font-weight:lighter;
}

/*******************************************************************/
/* LAYOUT FOLLOWS.             */
/*******************************************************************/

/* MSIE display:inline-block is to make sure MSIE doesn't paint the
backround above the containers, the overflow declaration is to make
sure the containers do not drop below siblings if content pushes the
width (in modern browsers it doesn't drop, but it spawns an horizontal
scrollbar) */

#masthead, #navmenu, #content, #fullcontent, #navigation, #content2, #main{
 display:inline-block;
}
#content{
 float:left;
 max-width:100%;
 min-width:220px;
 margin-left:0px;
 padding-bottom:32767px;
 margin-bottom:-32767px;
}
#content2{
 float:left;
 /* max-width:65%;
    min-width:220px; */
 width:660px;
 margin-left:0px;
 padding-bottom:32767px;
 margin-bottom:-32767px;
}
#main{
 width:938px;
}
#wrapper{
 overflow:hidden;
 min-width:700px;
}
.padding{
 padding-left:1em;
}

/* Simple IE fixes */

* html #content {
 float:left;
 display:inline;
 padding-right:0px;
 margin-right:0px;
}
* html #content .padding {
 padding-top:1em;
}
* html #content2 {
 float:left;
 display:inline;
 padding-right:0px;
 margin-right:0px;
}
* html #content2 .padding {
 padding-top:1em;
}

* html #navigation .padding {
 padding-bottom:1em;
 padding-top:0em;
}
* html #wrapper {
 float:left;
 display:inline;
}
facheader{
 font-size:275%;
 font-weight:bold;
 text-align:center;
 line-height:1.2;
 margin-top:0;
 margin-right:18px;
 padding:5px 0px 5px 0px;
 background-color:#DDDDDD;
 display:block;
}
table{
 border-top:1px dashed;
 margin-top:3px;
 background-color:#EFEFEF;
}
body.body table{
 border-top:none;
 background-color:white;
}
table.normal_table{
 border-top:1px dashed;
 margin-top:15px;
 background-color:white;
 margin-left:20px;
}
.reqinstr{
 margin-top:5px;
 font-weight:bold;
}
.reqsec{
 font-size:110%;
 font-weight:bold;
 border-left:1px dotted green;
 padding-left:5px;
 margin-left:-5px;
}
.area, .theme, h3.requirement, h3.stronger{
 font-size:150%;
}
p{
 text-align:left;
 margin-top:.3em;
 margin-bottom:.5em;
}
ol#sub_nav{
 list-style:none;
 width:auto;
 margin-left:-13px;
 border:1px solid black;
 padding-top:4px;
 padding-bottom:12px;
 border-width:10px 1px 1px 1px;
 background:black url(../11images/menubuttonbg.jpg) center;
 font:italic 13px Arial;
 color:white;
}
ol#sub_nav li{
 display:inline;
 padding:2px 12px 11px 11px;
 line-height:1.15;
 border-right:1px solid black;
 margin-left:0;
}
ol#sub_nav li.current{
 background:black url(../11images/menubuttoncurrentbg.jpg) center;
 padding-bottom:12px;
 padding-top:0px;
}
ol#sub_nav li.last{
 border-right:0;
}
ol#sub_nav li.current_last{
 border-right:0;
 background:black url(../11images/menubuttoncurrentbg.jpg) center;
 padding-bottom:12px;
 padding-top:2px;
}
ol#sub_nav li a{
 color:white;
 font-weight:bold;
}
ol#sub_nav li a:visited{
 color:white;
 font-weight:bold;
}
ol#sub_nav li a:hover{
 color:gold;
 font-weight:bold;
}
h1.collegename{
 clear:none;
 line-height:1.5;
}
h1.collegename2{
 margin-left:-12px;
 border-right:1px solid black;
 border-bottom:1px solid black;
 padding-left:3px;
 padding-right:3px;
 padding-top:11px;
 padding-bottom:3px;
 display:inline;
 background:black url(../11images/greenbg.jpg) center center repeat-x;
}
h2.mission{
 clear:none;
 line-height:2;
}
p.collegeincludes{
}
p.pgalso{
 margin:1px;
 font-size:85%;
}
.pgprereq{
 margin:1px;
 font-size:85%;
 font-style:normal;
}
#menu{
 float:left;
 width:265px;
 margin:9px 25px 10px 6px;
 padding:5px 15px 25px 0;
 font-size:11px;
 line-height:15px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 background:#EFEFEF;
 border:3px outset #883300;
}
#menu:hover{
 border:3px outset #996600;
}
#menu .thumbnail, .picture .thumbnail{
 border:3px outset;
 margin-right:2px;
 margin-bottom:5px;
}
#menu h3{
 line-height:1;
 margin-left:1em;
 width:100%;
}
#menu p{
 margin-left:1em;
}
#main p.tight{
 padding-bottom:0;
 margin-bottom:0;
 margin-top:20px;
 margin-right:1.5em;
}
#main p{
 margin-right:1.5em;
}
#main dl.tight{
 margin-top:0;
}
.nested{
 margin-left:25px;
 margin-top:-2px;
}
.nestedagain{
 margin-left:25px;
}
#menu .nested{
 margin-bottom:8px;
}
dt{
 border-left:1px dashed;
 padding-left:5px;
 margin-left:22px;
}
dd{
 font-style:italic;
 padding-bottom:1em;
}
#gallery{
 margin-left:20px;
 padding:0;
}
#menu img{
 vertical-align:bottom;
 display:inline;
}
para.campus-info{
 padding-top:50px;
}
body.body{

}
.picture{
float:left;
margin-right:10px;
}
#left, #right{
 float:left;
}
#left{
 margin-right:3em;
 padding-bottom:1.5em;
}
ul{
 padding-left:2em;
 list-style:disc; 
}
ul li{
 list-style:disc;
 margin-left:1.5em; 
}
ol li{
 list-style:decimal; 
 margin-left:3em;
}
strong{
 font-weight:bold;
}
em{
 font-style:italic;
}
strong em{
 font-weight:bold;
 font-style:italic;
}
#menu hr{
 margin-left:10px;
}
.ge_nav_list li{
 margin-top:1em;
 margin-left:0;
 list-style:none;
}
.subject_abbrev{
 width:4em;
 font-weight:bold;
}
.course_number{
 width:7em;
 font-weight:bold;
}
.course_title{
 width:25em;
}
.course_units{
 width:2em;
}
.semester_offered{
 width:5em;
}
.section li{
 padding-bottom:.4em;
}
div.course-changed{
 clear:right;  
 border-width:3pt 0 3pt 0;
 border-style:solid;
 border-color:black;
 width:100%;
}
ol.blanklist li,ul.blanklist li
{
	list-style-type:none;
}
label
{
	display:none;
}
span.change, span.change table, span.change em, span.change p, span.change li{
  background-color:#FFFF99;
  cursor:help;
}
span.change span{
  display:none;
}
span.change:hover span{
  display:block;
  padding: 5px; margin: 10px; z-index: 100;
  color: #990000; background: #EEEEEE;
  border: outset 3px black;
  font: 12px Verdana, sans-serif;
  position:absolute; /*top: 50px;*/ left:155px; width: 750px;
  padding: 10px; margin: -60px; z-index: 100;
  float: left;
}