@charset "utf-8";
/* CSS Document */
/* user-styles contains styles definition that are available to users in omni */
@import url('/template/standard/css/user-styles.css');

/* ********************************** */
/*                                    */
/*     HEADER LOGO AND TOP TOOLS      */
/*                                    */
/* ********************************** */
#da_header { display:block; clear:both; width:800px;height:110px; } /*the div container of the header */
#da_logo { left:1px;top:7px;width:119px;height:58px;z-index:1;}
#da_top-tools { position:absolute;left:210px;top:13px;width:590px;height:22px;
				z-index:1; vertical-align:bottom; font-weight:bold;color: #990033; text-align:right;}

/* ********************************** */
/*                                    */
/*     TAB BUTTONS AND HEADER BAR     */
/*                                    */
/* ********************************** */
div#da_menu {float:right;padding-top:4px;width:450px;display:inline;font-family: Arial, Verdana, Helvetica, sans-serif;
			margin:0px;padding:0px; position:absolute; left:374px;top:63px;}
ul#da_nav{width:415px;display:inline;margin:0px;padding:0px;list-style-type:none;}
ul#da_nav li{float:left; margin-right: 2px; text-align:center; font-size:0.9em; line-height:0.85em;}
ul#da_nav a{float:left;width: 8em;padding:2px 1px 6px 1px;background: #830330;text-decoration:none;
			color: #fff; font-size:7.5pt; font-weight:bold;}
ul#da_nav a:hover{background:#830330;color: #FFF;font-weight:bold;}
ul#da_nav li.active a,ul#da_nav li.active a:hover{color: #fff; font-weight:bold; font-weight:bold;}

#da_navigation {
			background-image:url('/template/standard/images/nav-buttons-bg.gif');
			border: solid 3px #830330; /* Deanza default maroon/burgundy color */
			white-space:nowrap;			
			width:794px;  /* 794 + 3 +3 (borders) = 800px - IE 6, Firefox and Safari*/ 
			/* on IE 5 the 3 px of borders gets included in the 794 pixel of width, and I havn't found a work-around yet */		
			margin:0px;				
			position:absolute; 		
			top:87px;
			height:18px;
}
#da_navigation a, #da_navigation a:hover{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#1F1F1F;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
	padding:0px 0px 3px 0px;
	line-height:18px;
	
	vertical-align: baseline;
}
#da_navigation ul{margin:0px;padding:0px;
	list-style-type:none;
	display:inline;
	height:18px;
}
#da_navigation li{
	float:left;
	height:18px;
}
#da_navigation li.first{padding-left:2px;}
#da_navigation li.last {padding-right:0px;}
#da_navigation li#navbar-home{width:72px; }
#da_navigation li#navbar-about{width:139px;}
#da_navigation li#navbar-admission{width:204px;}
#da_navigation li#navbar-courseinfo{width:169px;}
#da_navigation li#navbar-library{width:85px;}
#da_navigation li#navbar-studentservices{width:119px;}


#da_address {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	line-height:10px;
	margin-left:40px;
	color:#333333;
	width:180px;
	display:inline;
	float:left;
	left: 2px;
	top: 57px;
	padding-bottom:2px;
	font-weight:500;	
}


/* ********************************** */
/*                                    */
/*         TOP NAV DROPDOWN MENU      */
/*                                    */
/* ********************************** */
div.dropdown-menu{padding:3px; background-color: #830330;line-height:20px;}
div.dropdown-menu ul{list-style-type:none; padding:0px; margin:0px;}
#about {
	position: absolute;
	width: 200px;
	z-index: 2;
	left: 84px;
	top: 108px;
	/* background-color: #830330; */
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	visibility: hidden;
}

#apply {
	position: absolute;
	width: 200px;
	z-index: 2;
	left: 222px;
	top: 108px;
	/* background-color: #830330; */
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	visibility: hidden;
}

#reginfo2 {
    position: absolute;
    width: 200px;
    z-index: 3;
    left: 384px;
    top: 111px;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    visibility: hidden;
}

#reginfo {
	position: absolute;
	width: 200px;
	z-index: 3;
	left: 384px;
	top: 131px;
	/* background-color: #830330; */
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	visibility: hidden;
}

#clas {
	position: absolute;
	width: 200px;
	z-index: 2;
	left: 430px;
	top: 108px;
	/* background-color: #830330; */
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	visibility: hidden;
}

#divdepts {
	position: absolute;
	width: 200px;
	z-index: 6;
	left: 590px;
	top: 116px;

	/* background-color: #830330; */
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	visibility: hidden;
}

#stuser {
	position: absolute;
	width: 200px;
	z-index: 2;
	left: 600px;
	top: 108px;
	/* background-color: #830330; */
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	visibility: hidden;
}

/* ********************************** */
/*                                    */
/*            BODY STYLE              */
/*                                    */
/* ********************************** */
/*make sure that same styles are defined both here and in the css-menu.css  for correct preview in omni editor*/
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24pt; margin: 1em 0em 1em 0em; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 20pt; margin: 0.8em 0em 0.8em 0em; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; margin: 0.6em 0em 0.6em 0em; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; margin: 0.4em 0em 0.4em 0em;}
h5 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; margin: 0.2em 0em 0.2em 0em;}
h6 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; margin: 0.1em 0em 0.1em 0em;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight: normal;
	background-color: #ffffff;
	margin: 0px;
	margin-left: 0px;
	margin-top: 0px;
}

/* homepage news blocks - the bottom one with pink bg , needs to be small font*/
div#newstudenttext p, div#content p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	/* font-size:small; */
	font-size:10pt;
	font-weight: normal;
}
/* whenever a paragraph is inside a table cell, we remove the padding
this is to prevent paragraphs to mess-up the layout and give more control to the user (in omni-editor)*/
td.contents-body td p,td.da-contents-body td p, th p { padding: 0px; margin : 0px;}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight: normal;
}
/* if there is a paragraph and it is a header mantain it bold */
th, th p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight: bold;
}


ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight: normal;
	list-style: disc;
}

ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight: normal;
	list-style: decimal;
}

li {
	font-family: Arial, Helvetica;
	font-size:10pt;
	font-weight: normal;
}

dl, dt, dd {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight: normal;
}

div {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight: normal;
}

pre{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}


/* ********************************** */
/*                                    */
/*          OTHER GENERIC             */
/*                                    */
/* ********************************** */
.toplinks {
	font-size: 90%;
	font-weight: bold;
}

.bar {
	color: #FFFFFF;
	background-color: #830330;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none
}
.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	color: #FFFFFF;
	text-decoration: none;
}

a:link { color: maroon;}
a:visited { color: #cc6666;}
a:active { color: #cc6666;}
a:hover { color: #000066;}
a.bar:link { color: #FFFFFF; /* background-color: #830330; */ }
a.bar:visited { color: #FFFFFF; /* background-color: #830330; */ }
a.bar:active { color: #FFFFFF; /* background-color: #830330; */}
a.menu:link { color: #FFFFFF; /* background-color: #830330; */ }
a.menu:visited { color: #FFFFFF; /* background-color: #830330; */ }
a.menu:active { color: #FFFFFF; }
a.menu:hover { color: #FFFFFF;/* background-color: #830330; */ text-decoration: underline;}
.small { font-family: Arial, Helvetica, sans-serif; font-size: x-small;}
.news { font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}
.smlink {font-family: Arial, Helvetica, sans-serif; font-size: 8pt}

.hpmisc { margin-right:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

/* ********************************** */
/*                                    */
/*           LEFT NAV MENU            */
/*                                    */
/* ********************************** */

div#listnav{} /*  this is the container of the unordered list and list items for the leftnav*/

td.leftnav {padding:10px; background-color:#fcf0d2;margin:0px;width:170px;}
.leftnav {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt;  /* font-weight: bold;	*/
}
.leftnav a{ font-weight: bold; font-size: 10pt; }
.leftnav ul { margin:0px; padding:0px; }
ul.leftnav li {padding:0px; list-style-type:none;padding:2px 0px 2px 0px;}
.leftnav li { margin:3px; list-style-type:none; font-size:10pt;padding:2px 0px 2px 0px;} /* top right bottom left */
.leftnav li a{ font-weight:bold; list-style-type:none; font-size:10pt;} 
div#listnav{}
div#listnav ul li a.current{ font-weight:bold; color:#552f54; padding-left:10px;     
							 background-image:url(/template/standard/images/arrow.gif);  
						 	 /* background-position:center left;  */
							 background-position:0px 5px;
						 	 background-repeat:no-repeat; }						 
.leftnav#contact-box{font-size: 8pt;}	
.nav-titles, .leftnav li.nav-titles{font-variant:small-caps; font-size: 11pt; 
									color:#6A704C; font-weight:bold; border-bottom:solid 1px #6A704C; 
									padding-top:10px;display:block;}									



/* ************************************** */
/*                                        */
/*        LEFT NAV SUB-MENU               */ 
/*   an attempt to create a rollover      */
/*   submenu that opens on the right...   */
/*                                        */
/* ************************************** */
/*
div#listnav ul li ul{display:none; color:#ffffff; margin:0px;}
div#listnav ul li, div#listnav ul li#on { border-top: solid 1px #424F64; width:170px; margin:0px;}
div#listnav ul li a {text-decoration:none; display:block; margin:0px;}

div#listnav ul li a:hover, div#listnav ul li#on a:hover {background:#ffffff; text-decoration:none; 
														display:block; margin:0px; }	
														
div#listnav ul li#on a.current:hover{ background:#ffffff; text-decoration:none; display:block;
				   padding-left:10px;  background-image:url(/template/standard/images/arrow.gif);  
				   background-position:center left;  
				   background-repeat:no-repeat;
				   }
				   	
div#listnav ul li#on{position:relative; margin:0px; padding:0px; }
div#listnav ul li#on ul {margin:0px; width:150px; padding:0px; display:inline; position:absolute; 
						border: solid 1px #424F64;  
						background:#52627C; top:0px; left:170px }
div#listnav ul li#on ul li{margin:0px; padding:0px; border:none; }
div#listnav ul li#on ul li a{color:#ffffff;display:block;}
div#listnav ul li#on ul li a:hover{background:#6F7D95;}
div#listnav ul li ul, div#listnav ul li#off ul{display:none;}

*/
				   
/* ************************************ */
/*                                      */
/* LEFT NAV SCHEDULE                    */  
/* included:                            */
/* /templates/standard/nav-schedule.php */
/*                                      */
/* ************************************ */
.nav-schedule ul{margin: 6px 0px 0px 22px;}
.nav-schedule ul li {list-style-type:disc;}

/* ********************************** */
/*                                    */
/*    IMAGE BOX - IMAGE BANNER        */
/*                                    */
/* ********************************** */
div#image-box img{margin-bottom:16px;} /* this div is in a not editable part of the code */
div#image-banner{color:#ffffff;margin-top:5px;padding:0px;} 

/* this div is in the editable part of the code  */
div.imagebanner {background-repeat:no-repeat; position:relative; display:block; width:610px;} 

.imagebanner-text h2, .imagebanner-text h3,.imagebanner-text h4 {padding: 5px 5px 5px 5px; margin:0px; color:#FFFFFF;}
.imagebanner-text h3 {font-size:20pt; font-weight:normal;}

div.imagebanner-text{position:absolute;  top:30px; left:0px; padding-left:100px;color:#000000;} 
.faculty h3{color:#ffffff;}
span.faculty_dept_name {font-size:17pt;}


/* ********************************** */
/*       FACULTY LINK TO PARENT       */
/* an inclusion of the breadcrumb     */
/* with only the anchor part visible  */
/* the little arrows are hidden       */
/* DEPRECATED in favor of the use of  */
/* a current-dir-link file            */
/* ********************************** */
.faculty-link-to-parent{visibility:hidden;} 
.faculty-link-to-parent a{visibility:visible;}

/* ******************** */
/*                      */
/*     BREADCRUMB       */
/*                      */
/* ******************** */
.breadcrumb{padding:0px; font-size:7.5pt; font-family:Arial, Helvetica, sans-serif;}

/* ******************** */
/*                      */
/*     PAGE CONTENT     */
/*                      */
/* ******************** */
td.contents-body, td.da-contents-body{padding:10px; font-size:10pt;}
div.da-contents-body, div.contents-body{padding:0px; font-size:10pt; width:590px;}
.tdsmall {font-size: 8pt;}
.body-container{display:block; width:800px; border: solid 2px #33CC99; overflow:inherit; font-size:10pt;}
tr.tdheader td { border-bottom:solid 2px #990033;font-size:12px;}
.highlight-column {background-color:#E4EAED;font-size:10px;font-family:Verdana, Arial;}
	/*     COURSES PAGE     */
	.courses-table, td.courses-table, tr.courses-table{font-family:Verdana, Arial, Helvetica, sans-serif;
														font-size:10px;}
	.courses-table tr td{ border-bottom:solid 1px #990033; font-family:Verdana, Arial; 
							padding:6px 2px 6px 2px;font-size:10px;}


/* ******************************************************************************************* */
/*                                                                                             */
/*                     STYLES   FOR    USERS                                                   */
/*   Displayed in the style dropdown in the editor    file css-menu.txt                        */
/*   make sure that same styles are defined both here and                                      */
/*   in the css-menu.css and css-menu.txt  in omniupdate staging                               */
/* ******************************************************************************************* */

/*   tired of having to update 2 files every time ... (see inclusion at line 4 of this file.)

	importing the styles with these rules in both omni-editor and live,
	the definition has to be at the top of the css
	@import url('/template/standard/css/user-styles.css'); */
 /*
.style1 { border:solid 1px #CCCCCC;border-collapse:collapse;}
.style2 { border:solid 1px #CCCCCC;}
.gold-border { border:solid 1px #9E7012; border-collapse:collapse;}
.blue-border { border:solid 1px #7D8F91; border-collapse:collapse;}
.purple-border { border:solid 1px #552f54; border-collapse:collapse;}
.green-border { border:solid 1px #6A704C; border-collapse:collapse;}
.purple {color:#552f54;} 
.blue{color:#7D8F91;} 
.green{color:#6A704C;} 
.gold{color:#9E7012;} 
.nav-titles-green{font-variant:small-caps; font-size: 12pt; color:#6A704C; font-weight:bold; border-bottom:solid 1px #6A704C; padding-top:10px;display:block;}
.nav-titles-blue{font-variant:small-caps; font-size: 12pt; color:#7D8F91; font-weight:bold; border-bottom:solid 1px #7D8F91; padding-top:10px;display:block;}
.nav-titles-purple{font-variant:small-caps; font-size: 12pt; color:#552f54; font-weight:bold; border-bottom:solid 1px #552f54; padding-top:10px;display:block;}
.nav-titles-gold{font-variant:small-caps; font-size: 12pt; color:#9E7012; font-weight:bold; border-bottom:solid 1px #9E7012; padding-top:10px;display:block;}

.grey-with-dotted-line { font-weight:bold; color:#9F9F9F; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; background: #fff url(/template/standard/images/dotted-line.jpg) bottom repeat-x; padding:6px; display:block;}

.purple-background {background-color:#552f54; color:#fff;padding:4px; font-weight:bold;display:block;} 
.blue-background{background-color:#7D8F91;color:#fff;padding:4px; font-weight:bold;display:block} 
.green-background{background-color:#6A704C;color:#fff;padding:4px; font-weight:bold;display:block;} 
.gold-background{background-color:#9E7012;color:#fff;padding:4px; font-weight:bold;display:block;} 
.yellow-background{background-color:#FFCD34;color:#000;padding:4px; font-weight:bold;display:block;} 
.burgundy-background{background-color:#830330;color:#fff;padding:4px; font-weight:bold;display:block;} 

td.blue-background, th.blue-background,
td.purple-background, th.purple-background,
td.green-background, th.green-background,
td.gold-background, th.gold-background,
td.burgundy-background, th.burgundy-background,
td.yellow-background, th.yellow-background{display:table-cell;}
*/

/* ******************** */
/*                      */
/*      RSS FEED        */
/*                      */
/* ******************** */
/* See /gov/index-temp.html */
ul.sharedgov-rss{list-style-type:none; margin:0px 0px 0px 6px; text-indent:0px;padding:0px;display:block;}
ul.sharedgov-rss li div{font-size:9pt; }
ul.sharedgov-rss div.box, ol.sharedgov-rss div.box{float:left;display:inline;width:175px;margin:4px;}
ul.sharedgov-rss #green li {font-size:9pt; }
ul.sharedgov-rss li hr {border:none; color:#9E7012; background:#9E7012; height: 1px; margin: 2px 0px 2px 0px;}
ul.sharedgov-rss li div.sharedgov-rss-title a{font-weight:bold;}
ul.sharedgov-rss #green li div.sharedgov-rss-title {font-size:10pt; padding-bottom:4px; height:14px; font-variant:small-caps;}
ul.sharedgov-rss #green li div.sharedgov-rss-title a{font-weight:bold; color:#313423;}
ul.sharedgov-rss li div.sharedgov-rss-body{height:145px; overflow: hidden; }
/* ul.sharedgov-rss li div.sharedgov-rss-body{ text-overflow: ellipsis; } /* Only IE */
ul.sharedgov-rss li div.sharedgov-rss-timestamp{padding: 4px 0px 4px 0px; font-size:8pt; font-family:Geneva, Arial, Helvetica, sans-serif; text-align:right;}
ul.sharedgov-rss li div.sharedgov-rss-author{height:14px; padding: 4px 0px 0px 0px;font-size:8pt;font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right;}


/* COLORS and STYLES USED FOR THE ROUNDED CORNER BOXES */
#blue{background-color:#C1C9CB;}
#purple{background-color:#CCBBCB;}
#yellow {background-color:#FDF9A2;}
#pink{background-color:#DFB9C4;}
#green{background-color:#DCDFC4;}
#grey{background-color:#EBEBEB;}
.box{padding:6px;}

/* ****************************************************************** */
/*                               ________   ________   ________       */
/*        CSS SQUARED TABS    __| PAGE 1 |_| PAGE 2 |_| PAGE 3 |____  */
/*                                                                    */
/* dynamicmenu uses jQuery scripts for the accordion/nonaccordion     */
/* and tab slides effects                                             */
/* ****************************************************************** */
/* Used in http://omni.deanza.edu/rss/ */
ul#tabnav.dynamicmenu { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #C1C4A6; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 4px 10px; /* THIRD number must change with respect to padding-top (X) below */
position:relative;
}

ul#tabnav.dynamicmenu li.tab { /* do not change */
display: inline; 
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
}

ul#tabnav.dynamicmenu li.tab#active { /* settings for selected tab */
 /* set border color to page background color 
background-color: #fff; *//* set background color to match above border color */
}

ul#tabnav.dynamicmenu li.tab#active a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 5px; /* must change with respect to padding (X) above and below */
}

ul#tabnav.dynamicmenu li#active.tab div.box a { background:none; border:none;text-decoration:none; padding:0px; margin:0px;}


ul#tabnav.dynamicmenu li a { /* settings for all tab links */
padding: 4px 6px 4px 22px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #D5D7C4; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color:#EBEDDF;  /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 4px; /* set additional spacing between tabs as desired */
border-bottom: none;
text-decoration: none;
}

ul#tabnav.dynamicmenu li img { /* settings for all tab links */
padding:0px 0px 0px 4px;
position:absolute;
z-index:100;
}

ul#tabnav.dynamicmenu a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/*
div.tab-content{display:none;}*/
ul#tabnav.dynamicmenu li ul {float:left;  }
ul#tabnav.dynamicmenu li ul li div.tab-content{ top:10px; padding:20px;}

/****************** end css tabs ************************/


/* ******************** */
/*                      */
/*        FOOTER        */
/*                      */
/* ******************** */
#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:10pt;
	font-weight:bold;
	background: #830330; /* Deanza default color */
	white-space:nowrap;
	width:799px;
	height:18px;
	display:block;
	line-height:18px;
	padding:2px;
	position:relative;
}
.link-to-top{width:1px;position:absolute;bottom:24px;left:704px;display:inline;}
.left{ display:block;position:absolute;font-weight:bold;font-size:10pt;width:260px;}
.right{display:inline;position:absolute;width:796px; text-align:right;font-weight:bold;font-size:10pt;}
.print-version{width:1px;position:absolute;bottom:24px;left:592px;display:inline;color:#8C042C;}

.smlink {
	font-family:Arial,Helvetica,sans-serif;
	font-size:8pt;
	width:799px;
}
.omni-edit-button{
	width:800px;
}



.footnotes {width:800px; text-align:center; font-size:8pt;}