body { 
	margin: 0px 25px 0px 25px;
	padding: 0px;	
	font-family: Verdana, Arial, sans-serif;
	font-size: 75%;
}

/* The hidden class is used to allow screenreaders to have access to text that may not be necessary for visual browsers. For instance, the navigation bar has hidden text before it that identifies it as site navigation */ 
.hidden {
	position: absolute;
	overflow: hidden;
	left:-9999px;
}

h1 {
	font-size: 165%;
	margin-top: 0px;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 135%;
}

h4 {
	font-size: 120%;
}

h5 {
	font-size: 105%;

}

h6 {
	font-size: 100%;
}

td, th {
	font-family: Verdana, Arial, sans-serif;
	font-size: 100%;
}

a:link, a:visited, a:active {
	color: #00573d;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p a:link, p a:visited, p a:active, p a:hover {
	text-decoration: underline;
}


/*  Search box in header at right
---------------------------------------- */
#search {
	margin: 0px;
	padding: 0px;
}

#search label {
	color: #00573D;
	font-size: 10px;
	font-weight: bold;
}

#searchbox {
	background-color: #C6D6CE;
	border: 1px solid #00573D;
	color: #00573D;
	width: 105px;
	min-height: 16px;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}


/*  Horizontal navigation, 2nd level below header
---------------------------------------- */
.horiznav {
	color: #666666;
	font-size: 95%;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 5px 10px;
/* remove next line - MK 03-01-10
	border-bottom: 1px solid #666666; */
}

.horiznav a:link, .horiznav a:visited, .horiznav a:active {
	color: #666666;
	text-decoration: none;
}

.horiznav a:hover {
	color: #000000;
	text-decoration: none;
}


/*  Main content areas
---------------------------------------- 
---------------------------------------- */
#maintable {
	width: 959px;
	margin: 0px;
	padding: 0px;
}

/*  left column
---------------------------------------- */
#column1 {
	position: relative;
	float: left;
	width: 160px;	
	background-color:#ffffff;
}

/* rounded corners for left and right channels */
.rtop, .rbottom {display: block;}
.rtop *, .rbottom * {display: block; height: 1px; overflow: hidden;}
.r1 {margin: 0 5px; background-color: #c6d6ce;}
.r2 {margin: 0 3px; background-color: #c6d6ce;}
.r3 {margin: 0 2px; background-color: #c6d6ce;}
.r4 {margin: 0 1px; height: 2px; background-color: #c6d6ce;}

/* flat bottom for left and right channels */
.rflat {margin: 0 0px; height: 3px; background-color: #c6d6ce;}


/* left channel inside column 1, right channel inside column 4
---------------------------------------- */
.outerleftbox, .outerrightbox {
	background-color: #ffffff;
	padding: 0px;
	margin: 5px 10px 10px 0px;
}

.outerrightbox {
	margin: 5px 0px 10px 10px;
}

.leftbox, .rightbox {
	position:relative;
	border-left: medium solid #c6d6ce;
	border-right: medium solid #c6d6ce;
	padding: 0px;
	margin: 0px;
}

.leftboxbg, .rightboxbg {
	background-color: #c6d6ce;
	padding-bottom: .25em;
	width:100%;
}

.leftbox h2, .rightbox h2 {
	font-size: 95%;
	color: #000000;
	padding: 0em;
	margin: 0em .5em 0em .5em;
}

.leftbox h3, .rightbox h3 {
	font-size: 100%;
	color: #00573D;
}

.leftbox h3, .rightbox h3, .leftbox p, .rightbox p {
	padding: 0em 0em .5em 0em;
	margin: .5em .5em 0em .5em;
}

.leftbox ul, .rightbox ul, .centerlist ul {
	padding: 0em;
	margin: 0em;
	list-style: none;
}

.leftbox li, .rightbox li, .centerlist li {
	padding: 0em 0em .25em 0em;
	margin: .25em .5em 0em 1em;
}

.rightbox ol {
	padding: 0em;
	margin: 0em 0em 0em 1em;
}


/*  middle columns
---------------------------------------- */
#allcontent {
	position: relative;
	float: left;
	width: 586px;
	margin-left: 10px;	/*shawn add*/
/*	margin-left: 170px;	*/
/*	margin-right: 200px;	*/
/* remove next two lines - MK 03-01-10
    border-right: 1px solid #666666; 
	border-left: 1px solid #666666;  */
/*	background-color:#6699ff; */
}

#allcontent p {
	padding-left: 10px; 
	padding-right: 10px;
}

#allcontent h2 {
	background-color: none; 
	border-bottom: none;
	margin: 10px 0px 5px 0px;
	padding-left: 10px; 
	padding-right: 10px;
}

#allcontent .content-middle {
	margin: 5px 10px 5px 10px;
	padding: 5px;	
}

#allcontent .content-middle p {
	padding-left: 0px; 
	padding-right: 0px;
}

#allcontent .content-middle h2 {
	background-color:#eee6ce; 
	border-bottom: medium solid #2a568f;
	margin: 10px 0px 5px 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-indent: 5px;
}

#allcontent .content-middle h3 {
	margin: 10px 0px 0px 0px;
}

#allcontent .content-middle table {
	margin: 10px 0px 15px 0px;
}

#allcontent .content-middle h1.topsmall {
	padding: 0px;
	font-size: 120%;
	text-align: center;
}


/*  Main index page boxes and news box
---------------------------------------- */
.category-left, .category-right, .newsbox {
	border: 1px solid #c6d6ce;
	padding: 0px;
	margin: 5px 0px 15px 5px;
}

.category-left {
	margin: 5px 10px 15px 0px;
}

.category-left h2, .category-right h2 {
	background-color: #eee6ce;
	font-size: 120%;
	margin: 0px;
	text-indent: 5px;
	text-transform:uppercase;
	border-bottom: none;
}

.category-left h2 a:link, .category-left h2 a:visited, .category-left h2 a:active, .category-left h2 a:hover, .category-right h2 a:link, .category-right h2 a:visited, .category-right h2 a:active, .category-right h2 a:hover {
	text-decoration: underline;
}

.newsbox {
/*	background-color: #eee6ce; */
	margin: 5px 0px 5px 0px;
}

.newsbox h2 {
	background-color: #c6d6ce;
	font-size: 120%;
	margin: 0px;
	text-indent: 5px;
	text-transform: uppercase;
	border-bottom: medium solid #2a568f;
}

.newsbox h3 {
	font-size: 110%;
	margin: 5px 0px 0px 0px;
	text-indent: 5px;
}

.newsbox p {
	padding: .5em;
	margin: 0em;
}


/* the news box */
#news
{
	width: 545px;
	border: 1px solid #c6d6ce;
	padding: 5px;
	background-color: #FFFFCC;
}

#news a
{
}

#news ul
{
	margin: 0 .5em 0 .5em;
	padding: 0;
	list-style: none;
}

#news li{
}

#news h3 {
	font-size: 120%;
	margin-top: 1.5em;
	margin-right: 0;
	margin-bottom: .5em;
	margin-left: 0;
}
/* news box ends */

.category-left ul, .category-right ul {
	padding: 0em;
	margin: 0em 0em 1em 0em;
	list-style: none;
}

.category-left li, .category-right li {
	padding: 0em;
	margin: .5em;
}

.category p, .category-left p, .category-right p {
	padding: .5em;
	margin: 0em;
	background-color: #eee6ce;
/*	border-bottom: 1px solid #c6d6ce; */
	border-bottom: medium solid #2a568f;
}

.category p {
	border-bottom: none;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}


/*  right column
---------------------------------------- */
#column4 {
	position: relative;
	float: right;
/*	width: 190px;	-- MK 08-12-09 */
	width: 185px;	/* MK 08-12-09 */
	margin-left: 10px;
/*	background-color:#6699FF; */
}


/*  misc
---------------------------------------- */
.actionbox {
	padding: 5px;
	margin: 5px;
	float: left;
}

.actionbox h2 {
	padding: 0px;
	margin: 0px;
	background-color: #ffffff; 
	border-bottom: none;
	text-indent: 0px; 
	font-size: 140%;
}

a.actionbutton {
	font-weight:bold; 
	padding: 5px 3px; 
	margin: 0px 0px 5px 0px; 
	text-decoration:none;
}

a.actionbutton:link, a.actionbutton:visited, a.actionbutton:active {
	text-decoration:none;
	color:#000000; 
	background-color: #dcdcdc; 
	border-left: 1px solid #a9a9a9; 
	border-top: 1px solid #a9a9a9; 
	border-right: 1px solid #333333; 
	border-bottom: 1px solid #333333;
}

a.actionbutton:hover {
	text-decoration:none;
	color:#333333; 
	background-color:#dcdcdc; 
	border-left: 1px solid #333333; 
	border-top: 1px solid #333333; 
	border-right: 1px solid #a9a9a9; 
	border-bottom: 1px solid #a9a9a9;
}

a.sacct-logo {
	text-decoration: none;
}

a.sacct-logo img {
	border: none;
}

.bluetext {
	color: #0000ff;
}

.bluetextbold {
	font-weight: bold;
	color: #0000ff;
}

#allcontent .content-middle .float-center-main .course-list {
	padding: 1px;
	margin: 5px;
	background-color: #ffffff;
/*	float: right; */
}

#allcontent .content-middle .float-center-main h2 {
	padding: 0px;
	margin: 5px 0px 5px 0px;
	background-color: #ffffff;
	border-bottom: none;
	text-indent: 0px;
	font-size: 140%;
}

.darkgreen {
	background-color: #00573d;
}

.darkgreentext {
	color: #00573d;	
}

.darkredtextboldlarge {
	font-weight: bold;
	font-size: large;
	color: #ad0000;
}

.float-center-main {
/*	width: 22%; */
	width: 490px; /* MK changed from 70% to 540px - 08-12-09 */
/*	margin-left: 39%; */
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #ffffff;
	padding: 10px 10px 10px 50px; /* MK added larger left padding 08-12-09 */
}

.float-center-main a {
	text-decoration:underline;
}

.float-right {
	float: right;
	text-align: right;
}

.lightgreen {
	background-color: #c6d6ce;
}

.lightgreentext {
	color: #c6d6ce;
}

.greyblock {
	background-image: url(../sacstate-images/greyblock.jpg);
	background-position: top center;
	background-repeat: repeat-y;
}

.hide-bullets ul {
	padding: 0em;
	margin: 0em;
	list-style: none;
}

.hide-bullets li {
	padding: 0em;
	margin: 0em 0em 0em .5em;
}

.img-right {
	border-width: thin; 
	float: right; 
	padding-bottom: 5px; 
	padding-left: 5px; 
}

.img-left {
	border-width: thin; 
	float: left; 
	padding-bottom: 5px; 
	padding-right: 5px; 
}

.login-box {
	background-color: #c6d6ce;
	width: 300px;
	margin: auto;
	padding: 0px; 
}

.pagenav { text-align: center; }

.pagenav ul {
	padding: 0em;
	margin: 0em 0em 1em 0em;
	list-style: none;
	display: inline;	
}

.pagenav li {
	padding: 0px;
	margin: .5em;
	display: inline;
	line-height: 1.5;
}

.redtext {
	color: #ff0000;
}

.redtextbold {
	font-weight: bold;
	color: #ff0000;
}

.top-nomargin {
	margin-top: 0;
}

.tutorial-index {
	font-weight: bold;
	margin-left: 155px;
	font-size: large;
}

.tutorial-letter {
	border-bottom: 1px solid #666666;
	padding-top: 0.5em;
}

.tutorial-title {
	font-weight: bold;
	text-align: right;
	float: left;
	width: 145px;
	margin: 0px;
	padding-top: 5px;
}

.tutorial-descr {
	text-align: left;
	margin-left: 155px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 5px 0px 10px 0px;
}

.tutorial-descr2 {
	text-align: left;
	margin-left: 155px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 5px 0px 10px 0px;
	border-top: 1px solid #666666;
}

.tutorial-container {
	margin-top: 1em;
}

.whitetextbold {
	font-weight: bold;
	color: #ffffff;
}

.whitetextboldlarge {
	font-weight: bold;
	font-size: large;
	color: #ffffff;
}

.whitebg {
	background-color:#ffffff;
}

.yellowbg {
	background-color: #ffffcc;
}

/*  footer
---------------------------------------- */
#footer {
	color: #00573d;
	font-size: 85%;
}

#footercell {
	background-image: url(../sacstate-images/footerbg-1024.gif);
	background-repeat: no-repeat;
	text-align: center;
}
.float-left {
	float: left;
}
.float-right-logo {
	/*	margin-left: 39%; */
	margin-left: 0px;
	margin-right: 10px;
	text-align: center;
	background-color:#c6d6ce;
	padding: 10px;
	float: right;
	width: 70%;
}
.float-left-logo {
	width: 20%;
	float: left;

}