/* CSS document */

/* Main body area of pages */

body {
	min-width: 900px;
	padding: 0;
	margin: 0;
}

#contents {
	width: 44%;
	float: left;
	padding-bottom: 0;
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 10px;
	margin-top: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #336666;
}
#contents td, blockquote {
	clear: left;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15px;
}

#contents p {
	padding-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	padding-left: 3em;
}

#contents p em {
	padding-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

#contents legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	padding-left: 10px;
}
#contents th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
}
#contents strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
}

#contents img {
	background-position: left center;
	
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	clear: both;
	white-space: nowrap;
	margin-right: 0em;
	margin-bottom: 1em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#contents h1 {
	color: #489191;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	padding-left: 10px;
	clear: both;

}
#contents h2 {
	color: #489191;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	padding-left: 10px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #489191;
	text-transform: uppercase;
	clear: both;

}
#contents h3 {
	color: #489191;
	padding-left: 26px;
	padding-bottom: 3px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	font-weight: bold;
	clear: both;

}

#contents ul li {
	padding-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#contents ol li {
	padding-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#contents dl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	padding-left: 10px;
}
#contents dd {
	padding-bottom: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	padding-left: 10px;
}
#contents dt {
	color: #489191;
	padding-left: 26px;
	padding-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	font-weight: bold;
}
#contents select {
	color: #003366;
	margin: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 12px;
}
#contents caption {
	color: #641025;
	text-align: left;
	padding-bottom: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	padding-left: 10px;
}


#contents label {
	color: black;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
#contents .radioinput {
	margin-top: 20px;
	margin-left: 40px;
	color: red;
}
#contents form {
	margin: 0;
}
#contents input {
	color: blue;
}
#contents a:link {
	color: #6598C6;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#contents a:visited {
	color: #6598C6;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#contents a:link:hover {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #990000;
}

#contents table {
	margin-left: 2em;
	font-size: medium;
}

.row1 {
	background-color: #336666;
	font-weight: bolder;
	color: #224444;
}
.row2 {
	background-color: #ddeeee; 
}
.row3 {
	background-color: #bbdddd; 
}
.row4 {
	background-color: #ddeeee; 
}
.row5 {
	background-color: #bbdddd; 
}
.row6 {
	background-color: #ddeeee; 
}


/* Wide version of main body area of pages */

#widecontents {
	width: 95%;
	float: left;
	padding: 10px;
}
#widecontents p, td, blockquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#widecontents th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
}
#widecontents strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
}
#widecontents h1 {
	color: #489191;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#widecontents h3 {
	color: #489191;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	font-weight: bold;
}
#widecontents ul li {
	padding-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#widecontents ol li {
	padding-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#widecontents dl {
	padding-bottom: 3em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#widecontents dd {
	padding-bottom: 3em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#widecontents dt {
	color: #489191;
	padding-left: 16px;
	padding-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	font-weight: bold;
}
#widecontents select {
	color: #003366;
	padding: 2px;
	margin: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

#widecontents label {
	color: black;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#widecontents .radioinput {
	margin-top: 20px;
	margin-left: 40px;
	color: red;
}
#widecontents form {
	margin: 0;
	padding: 20px;
}
#widecontents input {
	color: blue;
}
#widecontents a:link {
	color: #6598C6;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#widecontents a:visited {
	color: #6598C6;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#widecontents a:link:hover {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #990000;
}

.row1 {
	background-color: #77bbbb; 
}
.row2 {
	background-color: #ddeeee; 
}
.row3 {
	background-color: #bbdddd; 
}
.row4 {
	background-color: #ddeeee; 
}
.row5 {
	background-color: #bbdddd; 
}
.row6 {
	background-color: #ddeeee; 
}


/* Request info form */



#contactus input {
	display: block;
	width: 240px;
	float: left;
	margin-bottom: 15px;
	color: blue;
	background-color: white;
}
#contactus label {
	font: small Verdana, Arial, sans-serif;
	color: black;
	display: block;
	text-align: right;
	float: left;
	padding-right: 15px;
	width: 140px;
}
#contactus label:after {
	content: ":";
}
#contactus br {
	clear: left;
}
#contactus .button {
	width: 100px;
}
#contactus .button2 {
	width: 100px;
	margin-left: 155px;
}
#contactus select {
	font: small Verdana, Arial, sans-serif;
	color: blue;
	margin-bottom: 15px;
}
#contactus textarea {
	font: small Verdana, Arial, sans-serif;
	color: blue;
	margin-bottom: 15px;
	background-color: white;
	width: 420px;
}
#contactus p {
	font: small Verdana, Arial, sans-serif;
}
#contactus label.checkbox {
	font: small Verdana, Arial, sans-serif;
	color: black;
	text-align: left;
	padding-left: 4px;
	width: 200px;
	float: right;
}
#contactus .checkbox {
	display: block;
	float: right;
	height: 14px;
	width: 14px;
	margin-bottom: 26px;
}
#contactus .shorttext {
	font: small Verdana, Arial, sans-serif;
	color: blue;
	margin-bottom: 15px;
	width: 60px;
	background-color: white;
}
#leftlist {
	float: left;
	width: 49%;
}
#rightlist {
	float: left;
	width: 49%;
}
#rightlist label:after {
	content: "";
}
#leftlist label:after {
	content: "";
}
#contactus .sameas {
	display: inline;
	clear: none;
	margin: 0;
	padding: 0;
	float: none;
	height: 14px;
	width: 14px;
}



/* Email page form */



#emailpage input {
	display: inline;
	width: 300px;
	float: left;
	margin-bottom: 15px;
	color: blue;
}
#emailpage label {
	font: small Verdana, Arial, sans-serif;
	color: black;
	display: block;
	text-align: right;
	float: left;
	padding-right: 15px;
	width: 240px;
}
#emailpage label:after {
	content: ":";
}
#emailpage br {
	clear: left;
}
#emailpage .button {
	width: 100px;
}
#emailpage .choose {
	width: 1em;
}
#emailpage select {
	font: small Verdana, Arial, sans-serif;
	color: blue;
	margin-bottom: 15px;
}




/* Special home page sections */


#glance {
	background-image: url('http://tsengcollege.csun.edu/images/sky_crop1_brown.jpg');
	background-repeat: no-repeat;
	width: 237px;
	height: 350px;
	float: left;
	text-align: left;
}
#glance h1 {
	font: bold medium Verdana, Arial, sans-serif;
	color: white;
	margin-top: 0;
	margin-right: 3px;
	padding-left: 2px;
	padding-top: 3px;
}
#glance ul {
	padding: 0;
	margin-left: 0;
	font: small Verdana, Arial, sans-serif;
	color: white;
}
#glance ul li {
	padding: 1px 0 4px 0;
	list-style: none;
	margin: 0;
	text-indent: -0.75em;
	margin: 0.33em 0.5em 0em 1.5em;
	font: bold x-small Verdana, Arial, sans-serif;
}
#glance ul li a {
	color: white;
	text-decoration: none;
	font: bold x-small Verdana, Arial, sans-serif;
}
#glance ul li a:hover {
	color: white;
	text-decoration: underline;
	font: bold x-small Verdana, Arial, sans-serif;
}
#glance ul ul li {
	padding: 0;
	list-style: none;
	margin: 0;
	text-indent: 1em;
	margin: 0.33em 0.5em 0em 1.5em;
	color: white;
	font: bold x-small Verdana, Arial, sans-serif;
}
#glance ul ul li a {
	color: white;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
#glance ul ul li a:hover {
	color: white;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}



#whatsnew {
	width: 44%;
	float: left;
}
#whatsnew h1 {
	font: bold medium Verdana, Arial, sans-serif;
	color: #6D6F72;
	margin-top: 1em;
	margin-right: 3px;
	padding-left: 3em;
	padding-top: 3px;
}
#whatsnew ul {
	font: bold small Verdana, Arial, sans-serif;
	margin-right: 6px;
}
#whatsnew ul li {
	font: bold x-small Verdana, Arial, sans-serif;
	list-style-image: url('http://tsengcollege.csun.edu/images/halfcircle.jpg');
	list-style-type: disc;
	padding: 0 0 9px 0px;
	margin: 0em 0em 0em 2em;
}
#whatsnew p {
	clear: both;
	font: small Verdana, Arial, sans-serif;
	margin: 0 0 0 8px;
	padding: 0 0 0 0;
}
#whatsnew ul li a:link {
	color: #6598C6;
	text-decoration: underline;
}
#whatsnew ul li a:visited {
	color: #744C2A;
	text-decoration: underline;
}
#whatsnew ul li a:link:hover {
	text-decoration: underline;
}




#getstarted {
	width: 208px;
	padding: 0px;
	margin: 0px;
	float: right;
	border: none;
	text-align: left;
	clear: both;
}
#getstarted h1 {
	font: bold medium Verdana, Arial, sans-serif;
	background: #CCC;
	color: #9E1B34;
	margin-top: 0;
	padding-left: 2px;
	padding-top: 3px;
	clear: both;

}
#getstarted h2 {
	font: medium Verdana, Arial, sans-serif;
	clear: both;

}
#getstarted label, p {
	color: black;
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: medium;
	clear: both;
}
#getstarted a:link {
	color: #6598C6;
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: medium;
}
#getstarted a:hover {
	color: #990000;
	text-decoration: underline;
	font-family: Verdana, Arial, sans-serif;
	font-size: medium;
}
#getstarted a:link {
	color: #6598C6;
	text-decoration: underline;
	font-family: Verdana, Arial, sans-serif;
	font-size: medium;
}
#getstarted a:visited {
	color: #6598C6;
	text-decoration: underline;
	font-family: Verdana, Arial, sans-serif;
	font-size: medium;
}


.gstext {
	font: x-small Verdana, Arial, sans-serif;
}
.gssubmit {
	font: x-small Verdana, Arial, sans-serif;
	color: white;
	background-color: #967355;
	padding: 0;
	margin: 0;
	border: 0;
}



#rightcol p.pageID {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	color: #999999;
}


#featured {
	background-image: url('http://tsengcollege.csun.edu/images/feature-bar1.jpg');
	background-repeat: no-repeat;
	background-position: right;
	background-color: #333333;
	float: left;
	clear: left;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 0;
	padding-top: 0;
}
#featured a:link {
	color: white;
	text-decoration: none;
	font: x-small Verdana, Arial, sans-serif;
}
#featured a:visited {
	color: white;
	text-decoration: none;
	font: x-small Verdana, Arial, sans-serif;
}
#featured a:hover {
	color: white;
	text-decoration: underline;
	font: x-small Verdana, Arial, sans-serif;
}
#featured a:active {
	color: white;
	text-decoration: none;
	font: x-small Verdana, Arial, sans-serif;
}
#featured p {
	font: x-small Verdana, Arial, sans-serif;
	color: white;
	text-decoration: none;
}
#featured img {
	padding: 6px;
	padding-top: 10px;
}


.doublearrows {
	color: #B89739;
}


/* Specs for things like printing and "mail this page to a friend" */


#tools {
	width: 100%;
	float: right;
	margin-right: 100px;
	margin-bottom: 25px;
}
#tools p {
	font: x-small Verdana, Arial, sans-serif;
	text-align: right;
}



/* Area for testing: put links and text in white */


#test {
	width: 100%;
	float: right;
	margin-right: 100px;
	margin-bottom: 25px;
}
#test p {
	font: x-small Verdana, Arial, sans-serif;
	text-align: right;
	color: white;
}
#test a {
	color: white;
}



/* Special sections for particular pages */



#deptlistleft {
	float: left;
	width: 45%;
}
#deptlistleft ul {
	list-style: none;
	padding-left: 1em;
}
#deptlistleft ul li {
	font: small Verdana, Arial, sans-serif;
	padding: 0 0 5px;
	list-style: none;
	text-indent: -1.5em;
	margin: 0.33em 0.2em 0.2em 1.5em;
}

#deptlistright {
	float: left;
	width: 45%;
}
#deptlistright ul {
	list-style: none;
	padding-left: 1em;
}
#deptlistright ul li {
	font: small Verdana, Arial, sans-serif;
	padding: 0 0 5px;
	list-style: none;
	text-indent: -1.5em;
	margin: 0.33em 0.2em 0.2em 1.5em;
}



#alphabet {
	padding: 15px;
	clear: both;
	display: block;
	float: left;
}
#alphabet a {
	font: large Courier, sans-serif;
	padding: 5px 10px 5px 10px;
	line-height: 300%;
	background: #CCCCCC;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	display: block;
	float: left;
	width: 1em;
}


#photo {
	float: right;
	width: 40%;
}
#photo p {
	font: italic small Verdana, Arial, sans-serif;
	text-align: right;
	padding-bottom: 20px;
}
#photo img {
	float: right;
	margin: 0 0 10px 40px;
	text-align: right;
}



#facpic {
	float: right;
	width: 20%;
	height: 108px;
}
#facpic img {
	float: right;
	margin: -14px 0 20px 20px;
	border: 1px solid black;
}



#graphic {
	float: right;
	width: 50%;
}
#graphic img {
	float: right;
	margin: 0 0 10px 40px;
	text-align: right;
}

/* Navigation areas*/

#leftbar {
	float: left;
	text-align: left;
	clear: both;
	width: 20%;
}

#leftbar h1 {
	color: #336666;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: large;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #336666;
	border-right-color: #336666;
	border-bottom-color: #336666;
	border-left-color: #336666;
	text-decoration: none;
	letter-spacing: 0.04em;
	padding: 1em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}

#leftbar ul {
	margin-left: 2px;
	margin-bottom: 1em;
	margin-top: 125px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0em;
	padding-left: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
}
#leftbar ul ul {
	margin: 0px;
	margin-left: .5em;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
}
#leftbar ul li {
	list-style: none;
	color: #990033;
	background-color: #ddeeee;
	text-indent: 1em;
	margin-top: 0em;
	margin-right: 3px;
	margin-bottom: 0em;
	margin-left: 0px;
	border: 1px solid #8D9DA1;
	padding-top: 0.4em;
	padding-right: 1em;
	padding-bottom: 0.4em;
	padding-left: 1em;
}
#leftbar ul ul li {
	list-style: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#leftbar ul li a {
	display: block;
	text-decoration: none;
	padding: 0px;
	text-indent: 1em;
}
html>body #leftbar ul li a {
	width: auto;
}
#leftbar ul li a:link {
	color: #334c66;
}
#leftbar ul li a:visited {
	color: #334c66;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
#leftbar ul li a:link:hover, #leftbar ul li a:visited:hover {
	text-decoration: underline;
	color: #009999;
}
#leftbar ul li a#selected {
	color: #334c66;
	text-decoration: none;
}
#leftbar img {
	float: right;
}
#leftbar p {
	color: #999999;
	text-align: left;
	padding-right: 2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	padding-left: 2em;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 1em;
	margin-right: 2em;
}

#leftbar p a {
	color: #999999;
}

#leftbar p a:hover {
	color: #990033;
}

#toptabs {
	text-align: center;
	clear: both;
	background: black;
	padding-top: 2px;
	padding-bottom: 2px;
}
#toptabs ul {
	padding: 1px 0;
	margin-left: 0;
	font: x-small Verdana, Arial, sans-serif;
	margin-bottom: 0;
	margin-top: 1px;
}
#toptabs ul li {
	list-style: none;
	margin: 0;
	display: inline;
}
#toptabs ul li a {
	padding: 2px 0.5em;
	margin-left: 3px;
	border-left: 2px solid white;
	background: black;
	text-decoration: none;
	white-space: nowrap;
}
#toptabs ul li a:link {
	color: white;
	font: x-small Verdana, Arial, sans-serif;
}
#toptabs ul li a:visited {
	color: white;
	font: x-small Verdana, Arial, sans-serif;
}
#toptabs ul li a:link:hover, #toptabs ul li a:visited:hover {
	background: white;
	color: black;
	font: x-small Verdana, Arial, sans-serif;
}


/*For Drupal*/
#toptabs ul li a.active {
	color: white;
	padding: 2px 0.5em;
	margin-left: 3px;
	border: 1px solid black;
	border-bottom: none;
	text-decoration: none;
	background: #A48467;
}

/*For Static HTML and PHP Pages on Towhee*/
#toptabs ul li a#current {
	color: white;
	padding: 2px 0.5em;
	margin-left: 3px;
	border: 1px solid black;
	border-bottom: none;
	text-decoration: none;
	background: #A48467;
}


#footer {
	clear: both;
	text-align: center;
	background: lightgrey;
}
#footer ul {
	padding: 3px 0;
	margin-left: 0;
}
#footer ul li {
	list-style: none;
	margin: 0;
	display: inline;
}
#footer ul li a {
	font: x-small Verdana, Arial, sans-serif;
	padding: 3px 0.5em;
	margin-left: 3px;
	border-bottom: none;
	text-decoration: none;
}
#footer a:link, a:visited {
	color: #6598C6;
	font: x-small Verdana, Arial, sans-serif;
}

#footer a:hover {
	color: #990033;
	text-decoration: underline;
	font: x-small Verdana, Arial, sans-serif;
}







#copyright {
	clear: both;
	text-align: center;
	background: white;
}
#copyright p {
	font: x-small Verdana, Arial, sans-serif;
}




#header {
	clear: both;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #C7C9C8;
	height: 67px;
}
#header img {
	float: left;
	margin: 0;
	padding: 0;
}
#header p {
	font: x-small Verdana, Arial, sans-serif;
	text-align: right;
	color: black;
	padding-right: 1em;
	padding-bottom: 1em;
}
#header form {
	float: left;
	padding: 2px 0 0 40px;
	position: absolute;
	left: 180px;
	top: 32px;
}
#header ul {
	float: left;
	font: x-small Verdana, Arial, sans-serif;
	padding: 0px;
	padding-left: 40px;
	margin: 0px;
	text-align: left;
	position: absolute;
	left: 180px;
	top: 12px;
}
#header ul li {
	padding: 0px;
	list-style: none;
	margin: 0px;
	display: inline;
}
#header ul li a:link {
	color: #59595B;
	border-left: 1px solid #59595B;
	padding-left: 5px;
	padding-right: 3px;
	text-decoration: none;
}
#header ul li a:visited {
	color: #59595B;
	border-left: 1px solid #59595B;
	padding-left: 5px;
	padding-right: 3px;
	text-decoration: none;
}
#header ul li a:hover {
	border-left: 1px solid #59595B;
	padding-left: 5px;
	padding-right: 3px;
	text-decoration: underline;
}



/*For Drupal*/
#breadcrumbs {
	float: left;
	clear: both;
	background-color: #CCCCCC;
	width: 100%;

}

#breadcrumbs a{
	text-decoration: none;
	color: #000000;
	font: x-small Verdana, Arial, sans-serif;
	padding-left: 2px;
	padding-right:3px;
}

/*For Static HTML and PHP Pages on Towhee*/
#breadcrumbs ul {
	display: inline;
	padding-left: 0;
	margin-left: 0;
}
#breadcrumbs ul li {
	display: inline;
	font: x-small Verdana, Arial, sans-serif;
}

#breadcrumbs ul li a:link, #breadcrumbs ul li a:visited {
	padding: .2em;
	text-decoration: none;
	font: x-small Verdana, Arial, sans-serif;
	color: black;
}


#breadcrumbs ul ul li {
	background-image: url(http://tsengcollege.csun.edu/arrow.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 12px;
}

/* Appliction forms */
#application .apptext {
	font: small Verdana, Arial, sans-serif;
	display: block;
	width: 15em;
	float: left;
	margin-bottom: 15px;
	color: green;
	background-color: white;
	border: 1px solid green;
}
#application .shorttext {
	font: small Verdana, Arial, sans-serif;
	display: block;
	color: green;
	margin-bottom: 15px;
	width: 7em;
	background-color: white;
	border: 1px solid green;
}
#application label {
	font: small Verdana, Arial, sans-serif;
	color: black;
	display: block;
	text-align: right;
	float: left;
	padding-right: 15px;
	width: 200px;
	margin-bottom: 15px;
}
#application .leftlabel {
	font: small Verdana, Arial, sans-serif;
	color: black;
	display: block;
	text-align: left;
	float: left;
	margin-bottom: 15px;
	font-weight: bold;
	width: 600px;
}
#application .inputformat {
	font: small Verdana, Arial, sans-serif;
	color: black;
	display: block;
	text-align: left;
	float: left;
	padding-right: 15px;
	margin-bottom: 15px;
	margin-left: 1em;
}
#application br {
	clear: left;
}
#application .appselect {
	font: small Verdana, Arial, sans-serif;
	color: green;
	margin-bottom: 15px;
}
#application .apptextarea {
	font: small Verdana, Arial, sans-serif;
	color: green;
	margin-bottom: 25px;
	background-color: white;
	float: left;
	width: 50em;
	height: 16em;
	border: 1px solid green;
}
#application .appaddress {
	font: small Verdana, Arial, sans-serif;
	color: green;
	margin-bottom: 15px;
	background-color: white;
	float: left;
	width: 15em;
	height: 6em;
	border: 1px solid green;
}
#application p {
	font: small Verdana, Arial, sans-serif;
}
#application .rightbutton {
	float: right;
	margin-right: 10em;
}
#application .hidden {
	display: none;
}



#rightcol {
	width: 220px;
	float: right;
	border: none;
	text-align: left;
	background-color: #DDEEEE;
	padding-bottom: 0;
	margin-bottom: 0;
	background-image: url(http://tsengcollege.csun.edu/images/humanities/sideyRight.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#rightcol img {
	padding-bottom: 0.5em;
}

#rightcol dd {
	padding-bottom: 3em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #336699;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 1em;
	padding-left: 0px;
}
#rightcol dt {
	color: #336699;
	padding-left: 1em;
	padding-bottom: 1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: italic;
	font-weight: normal;
	padding-top: 1em;
	padding-right: 1em;
}
#rightcol form {
	padding: 1em;
	border-top: 2px solid white;
}
#rightcol h1 {
	color: #990033;
	font-family: "Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
}
#rightcol h2 {
	font-family: "Arial, Helvetica, sans-serif;
	font-size: medium;
}
#rightcol p.contact {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	padding-top: 1em;
	padding-right: 0em;
	padding-bottom: 1em;
	padding-left: 1em;
	text-align: center;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #336666;
	border-bottom-color: #336666;
}

#rightcol p {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 1em;
	text-align: left;
}

#rightcol label {
	color: black;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#rightcol a {
	display: inline;
	text-decoration: none;
	padding: 1px;
	color: #334c66;
}
#rightcol a:hover {
	text-decoration: underline;
	color: #990033;
}
#rightcol a:visited {
		color: #334c66;
}


.rowhighlight {
	background-color: white;
}
.rowhighlight:hover {
	background-color: lightgrey;
}

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* common styling */
#glance .menu ul li ul {display: none;}

/* specific to non IE browsers */
#glance .menu ul li:hover ul {display:block; position:relative; top:0; left:75px; width:105px; border: 1px solid red;}
#glance .menu ul li:hover ul li a.hide {background:#dfc184; color:red;}
#glance .menu ul li:hover ul li:hover a.hide {width:150px;}
#glance .menu ul li:hover ul li ul {display: none;}

#glance .menu ul li:hover ul li a {display:block; background:grey; color:white; width:300px; margin:0; padding:.5em;}

#glance .menu ul li:hover ul li a:hover {background:#dfc184; color:orange;}
#glance .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:green;}
#glance .menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:yellow;}
#glance .menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:cyan;}