/* CSS Document */
H1 {
	MARGIN-TOP: 10px; FONT-WEIGHT: normal; PADDING-TOP: 10px; FONT-SIZE: 30px; COLOR: #999999; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; TEXT-DECORATION: none
}
/* do we need to add FONT-WEIGHT: normal; to H2 (I added) */
H2 {
	FONT-SIZE: 15px; FONT-WEIGHT: normal; COLOR: #ff0000; FONT-FAMILY: Verdana, sans-serif, Helvetica; TEXT-DECORATION: none
}
H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; LINE-HEIGHT: 14px; FONT-FAMILY: Verdana, sans-serif, Helvetica; TEXT-DECORATION: none
}
P {
	FONT-SIZE: 11px; COLOR: #000000; LINE-HEIGHT: 18px; FONT-FAMILY: Verdana, sans-serif, Helvetica; TEXT-DECORATION: none
}
P.medium {
	FONT-SIZE: 11px; COLOR: #000000; LINE-HEIGHT: 18px; FONT-FAMILY: Verdana, sans-serif, Helvetica; TEXT-DECORATION: none
}
P.small {
	FONT-SIZE: 10px; COLOR: #000000; LINE-HEIGHT: 14px; FONT-FAMILY: Verdana, sans-serif, Helvetica; TEXT-DECORATION: none
}
/* increased left padding to 5px, otherwise it looked truncated */
OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
/* moved LIST-STYLE-TYPE: disc from LI to UL style, so people can still use ordered lists*/
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: disc
}
/* removed redundant LI and set PADDING-BOTTOM to 0px, I believe it gives more flexibility, e.g. if someone needs more space they can add BR */
LI {
	PADDING-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-POSITION: outside; FONT-SIZE: 11px; MARGIN: 0px; MARGIN-LEFT: 20px; COLOR: #000000; LINE-HEIGHT: 18px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.mediumheading {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, sans-serif, Helvetica
}
/* commented out entirely, 'cos don't know what it governs 
SMALL {
	FONT-SIZE: 10px; COLOR: #000000; LINE-HEIGHT: 14px; FONT-FAMILY: Verdana, sans-serif, Helvetica; TEXT-DECORATION: none
}
*/
A {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, sans-serif, Helvetica; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #ff0000
}
A.small {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, sans-serif, Helvetica; TEXT-DECORATION: underline
}
.greylink {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Verdana, sans-serif, Helvetica; TEXT-DECORATION: none
}
.greylink A {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #999999; FONT-FAMILY: Verdana, sans-serif, Helvetica; TEXT-DECORATION: none
}
.greylink A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, sans-serif, Helvetica; TEXT-DECORATION: none
}
.events {
	FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: Verdana, sans-serif, Helvetica; TEXT-DECORATION: none
}
.events A {
	FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: Verdana, sans-serif, Helvetica; TEXT-DECORATION: none
}
.events A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #cccccc; FONT-FAMILY: Verdana, sans-serif, Helvetica; TEXT-DECORATION: none
}
.bodytexttiny {
	FONT-SIZE: 9px; COLOR: #000000; TEXT-DECORATION: none
}
.bodytexttiny A:hover {
	FONT-SIZE: 9px; COLOR: #cccccc; FONT-FAMILY: Verdana, sans-serif, Helvetica; TEXT-DECORATION: none
}
.small_serif {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; WORD-SPACING: 1px; COLOR: #000000; LINE-HEIGHT: 15px; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; TEXT-DECORATION: none
}
/* This id is used for the parent links at the top of the menu bar. #sidenavparent should enclose the enter list included in the parent links.*/
#sidenavparent {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	TEXT-DECORATION: none;
	PADDING-RIGHT: 0px;
	LIST-STYLE: none none outside;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 5px;
	width: 170px;
	
}
#sidenavparent LI {
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 10px;
	LIST-STYLE: url(http://www.csuhayward.edu/images/spacer.gif) none outside;
	MARGIN: 0px 5px 0px 10px;
	LINE-HEIGHT: normal;
	
}
#sidenavparent A {
	COLOR: #ffffff;
	TEXT-DECORATION: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#sidenavparent A:hover {
	COLOR: #cccccc; TEXT-DECORATION: none
}
/* Use this id in a div tag around the name of the current page.*/
#sidenavstatic {
	list-style-image: none;
	background-image: url(http://www.csuhayward.edu/images/navbg_dark.jpg);
	background-position: left top;
/*	padding: 2px 0px 3px 23px;*/	
	padding: 5px 0px 6px 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*MARGIN: 2px 0px 0px;*/
	list-style-type: none;
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
	
	
}

#line {
	line-height: 2px;
	padding: 10px 0px 10px 10px;
	font-size: 4px;
}

#bottomline {

	line-height: 2px;
	padding: 10px 0px 10px 10px;
	font-size: 4px;
}

/* These are used for the left navigation bar items. The #sidenav id is used at the beginning of the list of the departmental pages in a div tag that encloses the entire list. */

#sidenav {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, sans-serif, Arial;
	WIDTH: 170px;
	margin: 0px;
	padding: 0px;
}
#sidenav UL {
	MARGIN: 0px 0px 0px 10px;
	MARGIN: 0px 0px 0px 10px;
	list-style-type: none;
	padding: 5px 0px 0px;	
}
#sidenav LI {
	list-style-type: none;
	PADDING-BOTTOM: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 0px;
	background-image: url(http://www.csuhayward.edu/images/side_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0.1em 0.4em;
	padding-left: 1em;
	line-height: 13px;
	margin: 0px 0px 0px 3px;
	
}
#sidenav A {
	COLOR: #ffffff;
	TEXT-DECORATION: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	/*line-height: 11px;*/
}
#sidenav A:hover {
	COLOR: #cccccc; TEXT-DECORATION: none
}


/* This tag was used to position the Weather image as used on the news and events site. It might be better to rename it to something like bottomnav to use with anything that will be at the end of the navbar that is not part of the list. */
#weather {
	padding-bottom: 10px;
}

/* Class to use on lists in the main content that don't require bullets. Apply to each item in the list.*/

.nobulletlist {

	list-style-type: none;
	list-style-image: none;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 5px;
}
.navactive {
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 10px;
	MARGIN: 0px 0px 0px 5px;
	LINE-HEIGHT: normal;
	font-size: 10px;
	font-weight: bold;	
}