/* California State University, Long Beach */
/* Academic Template Global Style Sheet */
/* University Public Affairs and Publications */
/* Name: department.css */
/* Location: www2.. (test) */
/* Location: www.. (live) */
/* Creation Date: 05/01/04 */
/* Modified Date: 02/23/05 */
/* Modified by: Jorge Hurtado, Gerard Greenidge */
/* 
-----------------------------------------------------------------
Department styles that affect the interface of the academic template. 
-----------------------------------------------------------------
*/

/* 
----------------------------------------------------------------------------------------
BODY AREA
----------------------------------------------------------------------------------------
*/ 

/* Default Body */
.ATBody {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* 
----------------------------------------------------------------------------------------
COLLEGE NAV AREA
----------------------------------------------------------------------------------------
*/ 

/* Stripped background hover */
.search_bk a:hover {
	color: #666666;
	text-decoration: underline;
}
/* Search line background */
.search_bk {
	color: #5588FF;
	background-color: #ffffff;
}
/* Search line background past button */
.search_bk_button {
	background-color: #ffffff;
}
/* Extends marigold color from College image */
.marigold_left {
	background-image: url(/depts/physics/images/marigold_left.gif);
	background-repeat: repeat-y;
}
/* Extends marigold color from CSULB image */
.marigold_right {
	background-image: url(/depts/physics/images/marigold_right.gif);
	background-repeat: repeat-y;
	background-position: right;
}
/* Program highlighted */
.program {
	color: #3c628e;
	text-decoration: none;
}
/* Program not highlighted */
.dnav_program {
	color: #3c628e;
	text-decoration: none;
}
/* Program not highlighted lower level */
.cnav_program {
	color: #3c628e;
	text-decoration: none;
}
/* Department highlighted */
.department {
	color: #666666;
	text-decoration: none;
}
/* Department not highlighted */
.cnav_department {
	color: #5588FF;
	text-decoration: none;
}

/* 
----------------------------------------------------------------------------------------
PRIMARY NAV AREA
----------------------------------------------------------------------------------------
*/ 

/* Primary navigation column */
.primary_nav {
	background-color: #ffffff;
}
/* Primary navigation links */
.primary_nav a{
	color: #333333;
}
/* Primary navigation hover */
.primary_nav a:hover {
	color: #5588FF;
}

/* 
----------------------------------------------------------------------------------------
BANNER AREA
----------------------------------------------------------------------------------------
*/ 

/* Controls banner appearance */
.banner {
	background-color: #212025;
}

/* 
----------------------------------------------------------------------------------------
BREADCRUMBS AREA
----------------------------------------------------------------------------------------
*/ 

/* Breadcrumbs */
.breadcrumbs {
	background-color: #eeeeee;
	background-image: url(http://www.csulb.edu/misc/depot/assets/academic/bk/striped_bk.gif);
	color: #000000;
}
/* Breadcrumbs links */
.breadcrumbs a {
	color: #333333;
}
/* Hide the breadcrumbs */
.nobreadcrumbs {
	display: none;
}

/* 
----------------------------------------------------------------------------------------
LAYOUT AREA
----------------------------------------------------------------------------------------
*/ 

/* Layout Area */
.layoutarea {
	font-size: 100%;
	/*background-color: #b6dbff;*/
	background-color: #ffffff;
	/*background-image: url(/depts/physics/images/paper1.gif)*/
	
}
/* Layout Area Link */
.layoutarea a {
	color: #0000FF;
	text-decoration: underline;
	font-weight: normal;
}
/* Layout Area Link visited*/
.layoutarea a:visited {
	color: #990099;
	text-decoration: underline;
	font-weight: normal;
}
/* Layout Area Link hover */
.layoutarea a:hover {
	text-decoration: none;
}

/* 
----------------------------------------------------------------------------------------
LEFT NAVIGATION 
----------------------------------------------------------------------------------------
*/

/* Left Navigation visibility */
.layoutnav_l {
	display:block;
	/* display:none; */
}
/* Left Navigation appearance */
.layoutnav_l td {
	color: #000000;
	background-color: #336699;
	line-height: 1.3em;
}
/* Left Navigation paragraph appearance */
.layoutnav_l p {
	margin: 0em;
	margin-bottom: 0.7em;
}
.layoutnav_l div {
	margin-top: 0em;
	margin-bottom: 0.7em;
}
.submenu {
	margin-top: 0em;
	margin-bottom:0em;
}
/* Left Navigation links */
.layoutnav_l a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
/* Left Navigation link visited */
.layoutnav_l a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
/* Left Navigation link hover */
.layoutnav_l a:hover {
	text-decoration: underline;
}

/* 
----------------------------------------------------------------------------------------
MIDDLE NAVIGATION 
----------------------------------------------------------------------------------------
*/

/* Controls appearance of Middle Layout Area */
.layoutnav_m {
	color: #000000;
	padding: 10px 10px 10px 10px;
	font-size: 100%;
}
/* Controls appearance of Date Stamp */
.footer_txt {
	color: #666666;
	font-size: 80%;
}

/*
----------------------------------------------------------------------------------------
RIGHT NAVIGATION 
----------------------------------------------------------------------------------------
*/

/* Right Navigation visibility */
.layoutnav_r {
	/*display:block;*/
	display:none;
}
/* Right Navigation appearance */
.layoutnav_r td {
	color: #000000;
	background-color: #609bdf;
}
/* Right Navigation links */
.layoutnav_r a {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
/* Right Navigation link visited */
.layoutnav_r a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
/* Right Navigation link hover */
.layoutnav_r a:hover {
	text-decoration: none;
}

/* 
----------------------------------------------------------------------------------------
FOOTER AREA
----------------------------------------------------------------------------------------
*/ 

/* Footer background */
.bottomedge_bk {
	background-image: url(http://www.csulb.edu/misc/depot/assets/academic/bk/FOOTER_BK_WHITE.gif);
	background-repeat: repeat-x;
}

/* Footer appearance */
.footer {
	color: #666666;
	text-decoration: none;
}

/* Footer links appearance */
.footer a {
	color: #666666;
	text-decoration: none;
}

/* Footer links visited */
.footer a:visited {
	color: #666666;
	text-decoration: none;
}

/* Footer links hover */
.footer a:hover {
	color: #FF3300;
	text-decoration: underline;
}

/*
---------------------------------------------------------------------------------------------------
CONTENT FORMATTING
---------------------------------------------------------------------------------------------------
*/

.cell_shaded {
	border-left: 1px #666666 solid;
}

.cell_shaded td {
	vertical-align: top;
}

.cell_header {
	background-color: #d0d0d0;
	border-bottom: 1px #666666 solid;
	border-right: 1px #666666 solid;
	border-top: 1px #666666 solid;
}

.cell_shade1 {
	background-color: #f8f8f8;
	border-bottom: 1px #666666 solid;
	border-right: 1px #666666 solid;
}

.cell_shade2 {
	background-color: #e8e8e8;
	border-bottom: 1px #666666 solid;
	border-right: 1px #666666 solid;
}

.justify {
	text-align: justify;
}

.date_cell {
	white-space: nowrap;
	font-weight: bold;
}

.yellow {
	color: #FFFF00;
}

/* Right-aligns number cells */
.number_cell {
	text-align: right;
}
/* Left indent of 1 */
.indent1 {
	margin-left: 1.0em;
}
/* Left indent of 1.5 */
.indent1p5 {
	margin-left: 1.5em;
}
/* Left indent of 2 */
.indent2 {
	margin-left: 2.0em;
}
/* Smaller text */
.smaller {
	font-size: 80%;
}
/* Bigger text */
.bigger {
	font-size: 240%;
}
/* Aligns images to the right */
.image_right {
	float: right;
	margin: 3px 3px 3px 6px;
}
/* Aligns images to the left */
.image_left {
	float: left;
	margin: 3px 6px 3px 3px;
}
/* Aligns back to top link to right, smaller text*/
.back_to_top {
	font-size: 80%;
	text-align: right;
}

.pagelet-left, .columnleft175px
{
float: left;
width:48%;
margin-bottom:.75em;
padding:0 10px 0 0;
}
.pagelet-right, .columnright175px
{
float: left;
width:48%;
margin-bottom:.75em;
padding:0 0 0 10px;
}

/*
 * PureDOMExplorer Demo styles
 * written by Chris Heilmann
 * Modified by Pritesh Shah (pshah at csulb dot edu): added some classes to suit our purpose
 * More at http://onlinetools.org/tools/puredom/
*/
#contain_column1
{
background-color: inherit;
color: #333;
/*font-size: 1.2em;*/
font-size: 11px;
margin: 15px 0 0 0;
padding: 0;
}	
#contain_column1 ul a:link,
#contain_column1 ul a:visited,
#contain_column1 ul a:hover,
#contain_column1 ul a:active{
text-decoration:none;
/*color:#000;*/
}
#contain_column1 ul,#contain_column1 ul li{
margin:0;
padding:0;
list-style:none;
}
#contain_column1 ul{
/*font-family: Arial, Helvetica, sans-serif;*/
text-align:left;
margin:0;
/*font-size:.8em;*/
/*margin:.5em auto;*/

}
#contain_column1 ul ul{
margin:0 0 0.5em 1em;
padding:0;
}
#contain_column1 ul li{
line-height:1.3em;
padding:0;
margin:0;
height: auto !important;
height: 17px;
/*Commented by Pritesh*/
/*padding-left:15px;*/
}
/* dynamically added to LIs with nested ULs */
#contain_column1 ul li.parent{
padding-left:0;
}
#contain_column1 ul li.parent img{
border:none;
padding-right:5px;
vertical-align: top;
float:right;
}
/* dynamically added to LIs with nested ULs and STRONG elements in them */
#contain_column1 ul li.current li{
/*padding-bottom: 10px;*/
padding-left:0;
}
/* The class to hide nested ULs */
       .hide{
               position:absolute;
               top:-1250px;
               left:-4000px;
       }

/* The class to show nested ULs */
       .show{
               position:static;
               display: list-item;
               top:-1215px;
               left:1em;
       }

/* These two classes added by Pritesh to indent the sub LIs*/
#contain_column1 ul.hide li{
               padding-left: 15px;	
       }

ul.show li{
               padding-left: 15px;

       }

#contain_column1 ul li {
margin: 0px 0px 0px 0px !important;
margin: -4px auto;
}

#contain_column1 ul ul ul {
padding-bottom: 0px !important;
padding-bottom: 10px;
}

#contain_column1 li a:hover {
background-color:#FFC;
color: black;
}

/*#contain_column1 li {
background-color: yellow;
color: magenta;
}*/

#contain_column1 li a
{
border-left: 0px solid #fff;
border-right: 0px solid #fff;
display: block;
margin: 0px;
padding: 3px 6px 4px 6px;
text-decoration: none;
}