/*BEGIN CONTENT CSS */

/* CSS Document */
/* Tags for text formatting. Uses html tags so not much text styling should be necessary */

/* Use for main page headings. Normally this would be used only once of the page */

body{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}


h1   { 
    color: #999999; 
    font-size: 30px; 
    font-family: Georgia, "Times New Roman", Times, serif; 
    font-weight: normal; 
    line-height: normal; 
    text-decoration: none; 
    margin-top: 5px; 
    padding-top: 5px }
/* Use for secondary headings */
h2  { 
    color: #ff0000; 
    font-size: 15px; 
    font-family: Verdana, sans-serif, Helvetica; 
    font-weight: bold; line-height: normal; 
    text-decoration: none 
}
/* Use for small headings with the page content*/
h3 {
	font-weight: bold; 
	font-size: 10px; 
	color: #000000; 
	line-height: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none
}
h4    { 
    color: #660; 
    font-size: 14px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    line-height: 16px; 
    text-decoration: none 
}

h6      { 
    color: #fff; 
    font-size: 14px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-weight: bold; 
    line-height: 15px; 
    text-decoration: none 
 }
/* Styles normal paragraphs */
p {
	color: #000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

/* Use where you have text, but need a smaller paragraph size.*/
p.small {
	font-size: 10px; 
	color: #000000; 
	line-height: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
}

td	{
}

/* Styles the header row in tables */
th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
/* Non-Menu Lists */
/* Ordered list of items */
ol {
	padding-right: 0px; 
	padding-left: 5px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px;
}
/* Unordered list--see below for a list with no bullets-#nobullet list */
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Page Links that are not part of a menu*/
a {
	color: #000000; 
	font-family: Verdana, sans-serif, Helvetica; 
	text-decoration: underline;
}
a:hover {
	color: #ff0000
}
a.small {
    color: #000000; 
	font-family: Verdana, sans-serif, Helvetica; 
	text-decoration: underline;
}

/* Styles are used for laying out the templates with fewer tables */

/* Used to style the content on the page if you do not want to use table columns to add whitespace Surround the content that would normally be placed in a table cell or cells on the page.*/

#content {
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	float: left;
}
/* Right and Left column are for the two column layouts */
/* Used to style a narrow right column containing other links in the main content of the page */

#rightcolumn {
	padding-left: 6px;
	padding-top: 6px;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	font-size: 10px;
	list-style-type: square;
	margin-left: 15px;
	margin-top: 6px;
	list-style-image: url(http://www.csueastbay.edu/communications/csueb_template//test/greysquare.gif);
	color: #999999;
	width: 120px;
}
/* Used for the main content container (actually the middle column on the page */
#leftcolumn {
	width: 422px;
	padding-right: 10px;
	padding-left: 30px;
	padding-top: 0px;
	padding-bottom: 20px;
	margin: 0px;
}

/* Used for the three column layout*/
#column1 {
	width: 193px;
	padding-right: 4px;
	padding-left: 30px;
	padding-top: 0px;
	padding-bottom: 20px;
	margin: 0px;
}
#column2 {

	width: 192px;
	padding-right: 5px;
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 20px;
	margin: 0px;
}
#column3 {

	padding-left: 6px;
	padding-top: 6px;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	font-size: 10px;
	list-style-type: square;
	margin-left: 10px;
	margin-top: 6px;
	list-style-image: url(http://www.csueastbay.edu/communications/csueb_template//images/greysquare.gif);
	color: #999999;
	width: 109px;
}
/* Used for menu in the right hand column of the page */
#rightmenu {
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	padding-bottom: 20px;
}
/* Can be used in table layout or using the above layouts*/
.greylink {
	font-weight: bold; 
	font-size: 10px; 
	color: #999999; 
	font-family: Verdana, sans-serif, Helvetica; 
	text-decoration: none;
}
.greylink a:link {
	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;
}

/* Can be used below H4 heads*/
.greenlink   { 
    color: #444; 
    font-size: 10px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-weight: normal; 
    line-height: 13px; 
    text-decoration: none; 
    text-indent: 12px 
}
.greenlink A:link   { 
    color: #000; 
    font-size: 10px; 
    font-family: Verdana, sans-serif, Helvetica; 
    font-weight: bold; 
    text-decoration: underline 
}
.greenlink A:hover   { 
    color: #f00; 
    font-size: 10px; 
    font-family: Verdana, sans-serif, Helvetica; 
    font-weight: bold; 
    text-decoration: none 
    }


/* The remaining styles are special purpose and may be better used as local style sheets or embedded styles*/

/* Use this for designating Concord and Hayward Hills */
.campus {
	color: #CCCCCC;
	padding-left: 10px;
	font-size: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold
}
/* Used to style headings that designate categories of links without ever linking to a page in the left menu bar. Slightly different from the parent link styles as the categories do not represent pages.*/

.category {
	color: #FFFFFF;
	padding-left: 17px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 2px;
}
/* Used to style left nav bar text */

.left_nav_text    { 
    color: #ffffff; 
    font-size: 10px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-weight: bold; 
    line-height: 14px; 
    margin-right: 9px; 
    margin-left: 9px }

/* Used to style lines separating links in the left menu bar. */
.line {
	line-height: 1px;
	padding: 5px 0px 5px 10px;
	font-size: 1px;
}
/* Used for the first line in a series--slightly more padding on the bottom. */
#topline {
	padding: 0px 0px 5px 10px;
	height: 1px;
	margin: 0px;
}

/* Used for the botoom line in left menu  */
#bottomline {
	height: 1px;
	padding: 10px 0px 10px 10px;
}

/* This tag can be used to position an image or other item at the bottom of the navigation column. See the news and events site. */
#bottomnav {
	padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}

/* Style 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;
}

/* Used for indented list with square bullets*/
.indentedlist {
	list-style-position: inside;
	list-style-type: square;
	margin-left: 11px;
}
/* Styles the last paragraph showing the department contact information*/
#contactinfo {
	font-size: 10px;
	color: #000000;
	text-align: center;
	vertical-align: bottom;
	margin: 0px;
	padding: 10px;
	position: relative;
	bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0px none;
}

.redbullet   { 
    color: #f00; 
    font-size: 11px; 
    font-family: Arial, helvetica, geneva, swiss, sunsans-regular; 
    text-decoration: none; 
    list-style-type: disc; 
    list-style-image: url(http://www.csueastbay.edu/communications/csueb_template//images/redbullet.gif) } 


.quicklinks  { 
    color: #000; 
    font-size: 14px; 
    font-family: "Trebuchet MS"; 
    font-weight: bold; 
    line-height: 18px; text-decoration: none }

/* Use where you have text*/
.text {
	font-size: 10px; 
	color: #000000; 
	line-height: 11px; 
	font-family: Verdana, sans-serif, Helvetica; 
	text-decoration: none;
}