/* -------------------------------------------------------- */
/* ----- SAN JUAN COLLEGE INTERIOR 2-COLUMN CSS ----------- */
/* -------------------------------------------------------- */

#main-navigation {
	margin-bottom:10px;
}
#interior-heading {
	clear:both;	
	width:920px;
	height:58px;
	margin:0 auto;
	background:url('/images/system/interior-heading.gif') no-repeat 0 0;	
}
	#interior-heading h1 {
		color:#fff;
		padding:13px 15px 0 25px;
		font-size:16pt;
	}

.ContentBoundingBox {
	background:#fff;
}

/* --- LEFT SIDE BAR ----- */
td.LSB {
	width:195px;
        padding:0 0 0 20px;
}
		/* -- first tier -- */
		ul.navlist {
			list-style:none;
			margin:20px 0 0 0;
                        padding-bottom:30px;
                        background:url('/images/system/lsb-dotted-vert.gif') repeat-y 100% 30px;
		}
			ul.navlist li {
			border-bottom:1px solid #f0b6a0;
                        margin-right:20px;
		}
		ul.navlist a {
			text-decoration:none;
			color:#b95630;
			display:block;
			padding:4px 0 4px 10px;			
			background:url('/images/system/lsb-bullet.gif') no-repeat 0 10px;
		}
		ul.navlist a:hover,
	        ul.navlist li.Active a {
			color:#fff;
                        background-color:#65589c;
                        background-image:none;
		}
			/* -- second tier -- */
			ul.subnavlist {
				list-style:none;
				padding:4px 0 7px 0;
				background:#eeebf8;
			}
			ul.subnavlist li {
				margin-left:10px;
				border:none;
			}
			li.Active ul.subnavlist li a {
				padding:0 0 0 6px;
                                font-size:8pt;
				background:url('/images/system/lsb-sub-bullet.gif') no-repeat 0 8px;
				color:#b95630;
				height:1%; /* fixes has layout bug for IE6 which causes large gaps */
				
			}
			li.Active ul.subnavlist li a:hover {
				color:#000;
			}
                        li.Active ul.subnavlist li.Active a {
                                color: #000;
                        }


td.MainContent {
	width:650px;
	padding:15px 25px 40px 30px;
	color:#2d2d2d;
}
	#interior-branding {
		margin:-25px 0 10px -5px;
		position:relative;
	}
	#breadcrumbs {
		font-size:8pt;
		margin-bottom:15px;
		color:#3b3b3b;
	}
	td.MainContent h1 {
		font-size:16pt;
	}
	td.MainContent p {
		line-height:1.4;
	}
	td.MainContent ul,
        td.MainContent ol {
		margin:0 0 10px 25px;
	}

/* ------ SPOTLIGHT ARCHIVE STYLES -------- */
.spotlight-item {
        background:url('/images/system/hor-dotted.gif') repeat-x 0 100%;
        margin-top:10px;
}
	.spotlight-item img {
		margin-right:15px;
	}
	.spotlight-item h3 {
                font-size:13pt;
                margin-bottom:5px;
	}
	.spotlight-item ul {
		list-style:none;
	}
	.spotlight-item p {
	        line-height:1.2;
                padding-bottom:15px;
                margin-left:120px;
	}


/* ------ OLD SITE STYLES -------- */
.MainContent p.captioned {
	color: #8d8d8d;
	font-style: italic;
}

a.pdflink {
	background: url('/images/siteimages/icon_pdf.gif') top right no-repeat;
	padding: 0 20px 0 0;
}

a.wordlink {
	background: url('/images/siteimages/icon_word.gif') top right no-repeat;
	padding: 0 20px 0 0;
}

a.pptlink {
	background: url('/images/siteimages/icon_ppt.gif') top right no-repeat;
	padding: 0 20px 0 0;
}

a.excellink {
	background: url('/images/siteimages/icon_xls.gif') top right no-repeat;
	padding: 0 20px 0 0;
}