/* CSS Document */

/*-----------------------------------------------------------------------------
Styles for subPages directly off the New Home Page V1 for pages with right bar

	author:		Kevin deLeon
	email:		kdeleon@cfcc.edu or kevin.deleon@gmail.com
	website:	http://cfcc.edu
------------------------------------------------------------------------------*/

/*-------------------------------------------
subMastHead is for the banner on the subpage
--------------------------------------------*/

#subMastHead {
	position: relative;
	width: 945px;
	height: 42px;
	margin: 2px 2px 2px 2px;
	padding: 0;
	border: 0;
}

a.replace {
	display: block;
} 

h1#logo {
	position: relative;
	width: 945px;
	height: 42px;
	font-size: 1px;
	/* ignored in IE/Mac \*/
	overflow: hidden;
	font-size: 14px;
	/* */
}

h1#logo a span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: url(/images/subBanner2.jpg);
	width: 100%;
	height: 100%;
	cursor: pointer;
}

/*------------------------------------------------
Primary Navigation for subPages
-------------------------------------------------*/

#priNav {
	position: relative;
	width: 945px;
	padding: 4px 0 4px 0;
	margin: 2px 2px 2px 2px;
	color: #fff;
	background: #000;
	text-align: center;
}

#priNav ul li {
	font-size: 11px;
	font-weight: bold;
	display: inline;
	list-style: none;
}

#priNav ul li a {
	color: #fff;
	text-decoration: none;
}

#priNav ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

/*-------------------------
main content for subpages
--------------------------*/

#content {
	position: relative;
	float: left;
	width: 650px;
	border-right: 1px dashed #999;
	padding-bottom: 0px;

	/*margin: 0 4px 2px 2px;*//* Took these out because of IE box model bug...was calculating it twice */
}

#content p {
	padding-top: 10px;
	margin-right: 20px;
	margin-left: 20px;
}

#content ul {

}

#content ul li {
	list-style-type: none;
	margin-right: 10px;
	margin-left: 20px;
	padding-top: 10px;
}

#content dt {
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

#content dd {
	margin-right: 10px;
	margin-left: 20px;
	padding-top: 10px;
}

#content ol {
	margin-right: 10px;
	margin-left: 20px;
	padding-top: 10px;
}

#content ol li {
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 10px;
}

#content h1 {
	font-size: 25px;
	color: #000;
	margin-right: 20px;
	margin-left: 20px;
}

#content h2 {
	font-size: 20px;
	color: #000;
	margin-right: 20px;
	margin-left: 20px;
}

#content h3 {
	font-size: 15px;
	color: #000;
	margin-right: 20px;
	margin-left: 20px;
}

#content blockquote {
	margin-top: 5px;
	margin-right: 25px;
	margin-left: 25px;
	padding-top: 0;
	padding-right: 0;
	padding-top: 5px;
	padding-left: 0;
}

.blockBorder {
	border: 1px dashed #333;
	background: #eee;
}



#subhead h2 {
	background-color: #e2dedd;
	background-image: url(../../images/subheadgrad.jpg);
	height: 20px;
	width: 98%;
	background-position: right;
	background-repeat: repeat-y;
	padding-bottom: 5px;
	padding-left: 2px;
}

.subhead {
	background-color: #e2dedd;
	background-image: url(../../images/subheadgrad.jpg);
	height: 20px;
	width: 530px;
	background-position: right;
	background-repeat: repeat-y;
	padding-bottom: 5px;
	padding-left: 2px;
}


.contentImageRight {
	position: relative;
	float: right;
	margin: 0 4px 0 4px;
	border: 1px solid #000;
}

.onlineResources {
	list-style-type: none;
	display: inline;
	font-size: 12px;
	font-weight: bold;
}


/*---------------------------
Supplementary content on right
----------------------------*/

#suppContent {
	position: relative;
	float: left;
	width: 275px;
	text-align: left;
	margin-top: 4px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 3px;
}

#suppContent p {
	margin-top: 2px;
	margin-right: 0px;
	padding-bottom: 15px;
	margin-left: 2px;
}

#suppContent h1 {
	font-size: 22px;
	color: #000;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 2px;
}

#suppContent h2 {
	font-size: 18px;
	color: #000;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}

#suppContent h3 {
	font-size: 15px;
	color: #000;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0;
}

#suppContent ul li {
	list-style: none;
	font-size: 12px;
	margin-bottom: 12px;
}

#suppContent ul li a {
	color: #21428F;
	text-decoration: underline;
}

#suppContent ul li a:hover {
	color: #656565;
	text-decoration: none;
}

.impDates {
	color: #222222;
}

.suppContentQuotes {
	color: #666;
	font-size: 14px;
	font-style: italic;
	border-top: 1px dashed #999;
}