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

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;
	text-transform: uppercase;
}

.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 {
	padding: 0em;
	margin: 0em;
	list-style: none;
}

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


/*  middle columns
---------------------------------------- */
#allcontent {
	position: relative;
	float: left;
	width: 586px; /* -1 px for IE6 box model*/
	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; */
}

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

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

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

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


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

.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: 10px;
	margin: 0px;
	margin-bottom: 5px; 
}

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

a.actionbutton:link, a.actionbutton:visited, a.actionbutton:active {
	color:#000000;
	background-color: #CCCCCC;
	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:#CCCCCC;
	border-left: 1px solid #333333;
	border-top: 1px solid #333333;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
}

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

.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; 
}

.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;
}

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

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

.lightgreen {
	background-color: #c6d6ce;
}

.darkgreentext {
	color: #00573d;	
}

.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;
}

.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;
}


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

#footercell {
	background-image: url(../sacstate-images/footerbg-1024.gif);
	background-repeat: no-repeat;
	text-align: center;
}
.note-box {
	background-color: #FFC;
	padding: 10px;
	width: 80%;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	margin: auto;
}