/* VERSIONS
/* 4_5: Initial css version, with most recent production improvements

/* DEFAULT TEXT STYLES
----------------------------------------------------------------------------- */
body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #787E84;}
body * { margin: 0; padding: 0; font-size: 1em; }
p { margin-bottom: 1em; margin-left: 1em;}
h1,h2,h3,h4,h5,h6,
blockquote,ul,ol,dl,
fieldset,address { margin-bottom: 1em;}
li ul, li ol { margin: 0; }
address,abbr,acronym { font-style: normal; }
a { outline: none;   color: #BF2819; text-decoration: none;}
FF 1.07 hack to remove dotted border, not entirely compliant
a:focus { -moz-outline: none; }`
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
abbr { border: none; font-style: normal;}
img { border: none; }
h1 { font-size: 2.25em; margin: 0.4em 0; line-height: .95em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
h1,h2,h3,h4 { color: #FAAB53; font-weight: bold; }
h5,h6 { font-weight: bold; color: #787E84;}
h2,h3,h4,h5,h6 { margin: 1em 0 0.5em; line-height: 1em; }
table,th,td { font-weight: normal; vertical-align: top; text-align: left; font-size: 1.0em;}
ul,ol { padding: 0 0 0 1.6em; }
ol li { list-style-type: decimal; background: none; }

/* ICONS
----------------------------------------------------------------------------- */
a.file,
a.img,
a.aud,
a.doc,
a.pdf,
a.ppt,
a.txt,
a.xls,
a.vid,
a.email,
a.ext,
a.back {
	padding: 2px 0 2px 24px !important;
	background: url(/images/common/icon_default.gif) left top no-repeat;
	}
/** /a.img	{ background-image: url(/images/common/icon_.gif); }/**/
a.aud	{ background-image: url(/images/common/icon_audio.gif); }
a.doc	{ background-image: url(/images/common/icon_doc.gif); }
a.pdf	{ background-image: url(/images/common/icon_pdf.gif); }
a.ppt	{ background-image: url(/images/common/icon_ppt.gif); }
a.txt	{ background-image: url(/images/common/icon_txt.gif); }
a.xls	{ background-image: url(/images/common/icon_xls.gif); }
a.vid	{ background-image: url(/images/common/icon_video.gif); }
/** /a.email	{ background-image: url(/images/common/icon_.gif); }/**/
/** /a.ext	{ background-image: url(/images/common/icon_.gif); }/**/
/** /a.back	{ background-image: url(/images/common/icon_.gif); }/**/


/* GENERAL UTILITIES
----------------------------------------------------------------------------- */
.hidden	{ position: absolute; left: -3000px;}
.production-note { color: #F00; }
.wiki-note { border: 1px solid #999999; color: #990000; padding: 5px; }
.clear { float: none; clear: both; }
/* Disables dropdowns in browsers that can't support them over flash */
.prevent-overlap #nav-main ul li.hover ul,
.prevent-overlap #nav-main ul li:hover ul {
	display: none;
	}
	
/* MASTHEAD
----------------------------------------------------------------------------- */
#header {
	padding: 0;
	z-index: 100;
	height: 121px;
	background: transparent url(/images/layout/bg-header.gif) left top no-repeat;
	}
#masthead { 
	position: relative;
	padding: 0;
	width: 100%;
	height: 80px;
	}
#masthead div#logo { 
	font-size: 2em;
	width: 372px;
	height: 60px;		
	float: left;
	}
#masthead div#logo a {
	display: block;
	text-decoration: none;
	text-indent: -3000px;
	width: 372px;
	height: 60px;
	}
	
#masthead address {
	
	}
	

/* FOOTER
----------------------------------------------------------------------------- */
#footer address {
	/* background: transparent url(/images/layout/bg-address.gif) 24px 0 no-repeat; */
	height: 20px;
	margin: 6px 0 0 37px;
	padding: 0;
	color: #6d8ea9;
	font-size: 11px;	
	}
#footer address #validators {
	/* position: absolute;
	top: 70px; */
		}
		
#footer address a.webmaster {
	/* position: absolute;
	left: 624px;
	bottom: 8px;
	font-size: 10px; */	
	color: #6d8ea9;
	}


/* NAV-MAIN
----------------------------------------------------------------------------- */
#nav-main {
	line-height: 1.0em;
    z-index: 100;
	}
#nav-main ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 33px;
	}
#nav-main ul li {
	position: relative;
	float: left;
	margin: 0;
	height: 33px;	
	}
#nav-main ul li a {
	display: block;
	height: 33px;		
	text-indent: -3000px;
	text-decoration: none;
	}
/*Hide the reference site (ref) links from the main nav*/
#nav-main ul li a.srclink {
	display: none
	}
	
#nav-link-register_now { background: url(/images/nav/main-register.gif) left top no-repeat; width: 123px;}
#nav-link-courses_and_programs { background: url(/images/nav/main-courses.gif) left top no-repeat; width: 155px;}
#nav-link-student_services { background: url(/images/nav/main-student.gif) left top no-repeat; width: 132px;}
#nav-link-our_campus { background: url(/images/nav/main-campus.gif) left top no-repeat; width: 90px;}
#nav-link-about_fcc { background: url(/images/nav/main-about.gif) left top no-repeat; width: 79px;}
#nav-link-support_fcc { background: url(/images/nav/main-support.gif) left top no-repeat; width: 118px;}
#nav-link-faculty__staff_access{ background: url(/images/nav/main-faculty.gif) left top no-repeat; width: 123px;}

/* hover state */
#nav-main ul li.hover a,
#nav-main ul li:hover a,
#nav-main ul li a.hover, 
#nav-main ul li a:hover {
	background-position: 0 -33px;
	}
/* active state */
#nav-main ul li a.active,
#nav-main ul li a.active.hover, 
#nav-main ul li a.active:hover {
	background-position: 0 -66px;
	}

#nav-main ul li ul {
	display: none;
	height: auto;
	width: 184px;
	padding: 2px;
	position: absolute;
	top: 31px;
	left: 7px;
	z-index: 200;
	background-color: #FAFFE9;
	opacity: 0.9;
	-moz-opacity: 90%;
	filter: alpha(opacity=90); 
	}
#nav-main ul li.hover ul,
#nav-main ul li:hover ul {
	display: block;
	}
#nav-main ul li ul li {
	float: none;
	margin: 0;
	width: 172px;
	padding: 0 5px;
	height: auto;
	border-left: 1px solid #B3B6AA;
	border-right: 1px solid #B3B6AA;
	}
	
#nav-main ul li ul li.first-child {
	border-top: 1px solid #B3B6AA;
	}
	
#nav-main ul li ul li.last-child {
	border-bottom: 1px solid #B3B6AA;
	}
		
#nav-main ul li ul li a {
	position: relative;
	left: 0;
	height: auto;
	text-indent: 0;	
	margin: 0 auto;
	padding: 5px 0;
	color: #707070;	
	width: 172px; 
	display: block;
	background: transparent url(/images/nav/bg-nav-main-ul-li.gif);
	background-repeat: repeat-x;
	background-position: left bottom !important;
	font-weight: normal;
	}
	
#nav-main ul li ul li.last-child a {
	background: none;
	}
	
#nav-main ul li ul li a.hover,
#nav-main ul li ul li a:hover {
	color: #D9872C;
	}
	
	
/*Hide 3rd tier in main nav*/
#nav-main ul li ul li.hover ul,
#nav-main ul li ul li:hover ul,
#nav-main ul li ul li ul *,
#nav-main ul li ul li ul {
	display: none;
	visibility: hidden;
	left: 18px;
	}

/* NAV-CONST
----------------------------------------------------------------------------- */
#nav-const {
	line-height: 1.0em;
    z-index: 100;
	
	}
#nav-const ul {
	/* margin: 2px 0 0 11px;
	padding: 0;*/
	list-style: none;
	width: 290px;
	position: absolute;
	top: 3px;
	left: 512px;
	margin: 0;
	}
	
#nav-const ul#second {
	/* position: relative;
	top: 44px;	 */
	top: 62px;
	}
	
#nav-const ul li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0 5px 0 5px;
	background: transparent url(/images/nav/bg-nav-const-li.gif) right 1px no-repeat;	
	}
	
#nav-const ul#second li {
	padding: 0 5px 0 5px;
	background: transparent url(/images/nav/bg-nav-util-a.gif) right 1px no-repeat;	
	}	

#nav-const ul#second li.last-child,	
#nav-const ul li.last-child {
	padding-right: 0;
	background: none;
	}
	
	
#nav-const ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#nav-const ul  {display: inline-block;}

/* Hides from IE-mac \*/
* html #nav-const ul {height: 1%;}
#nav-const ul {display: block;}
/* End hide from IE-mac */	

#nav-const ul li a {
	color: #FFF;
	/* font-size: .8em; */
	font-size: 10px;
	text-decoration: none;
	}
	
#nav-const ul#second li a {
	color: #D5ECF5;
	/* font-size: .9em; */
	font-size: 11px;
	font-weight: bold;
	}

#nav-const ul#second li a:hover,
#nav-const ul li a:hover {
	color: #FAC71B;	
	}
	
	
/*Hide the reference site (ref) links from the const nav*/
#nav-const ul li a.srclink {
	display: none
	}

#nav-const ul li ul {
	display: none;
	height: auto;
	width: 190px;
	position: absolute;
	z-index: 200;
	background-color: #DDD;
	opacity: 0.9;
	-moz-opacity: 90%;
	filter: alpha(opacity=90);
	}


/* Search
----------------------------------------------------------------------------- */	
#nav-const .search-container {
	width: 275px;
	height: 25px;
	overflow: Hidden;
	text-align: center;
	/* line-height: 25px; */
	padding: 0; 
	position: absolute;
	top: 24px;
	left: 535px;
	}	

#nav-const .search-container div {
	display: inline;
	}
	
#nav-const .search-container div input.input {
	padding: 5px 0 0 8px;
	background: #F5F5F5 url(/images/common/bg-search.gif) top left no-repeat;
	width: 230px; 
	height: 18px;
	border: none;
	float: left;
	font-size: 12px;
	color: #6FA2B5;	
	}	

#nav-const .search-container input.submit {
	padding: 0; 
	margin: 4px 3px 0 0;
	float: right;
	}
	

/* NAV-SUB
-------------------------------------------------------------------- */
#nav-sub ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	width: 175px;
	}
#nav-sub ul li {
	font-size: 1.175em;
	line-height: 1.1em;
	background: transparent url(/images/nav/nav-sub-li.gif) bottom left repeat-x;
	}
	
#nav-sub ul li a {
	padding: 7px 10px;
	color: #4981A2;
	display: block;
	font-weight: Bold;
	text-decoration: none;
	}
	
#nav-sub li.open a {
	color: #FF9702;
	}	
	
#nav-sub ul ul {
	width: 162px;
	margin: 0 0 0 12px;
	}
	
#nav-sub ul li li {
	background: None;
	font-size: .85em;
	line-height: .9em;
	border-left: 2px solid #FF9702;
	}
		
#nav-sub ul li li a {
	padding: 4px 12px;
	font-weight: bold;
	}
	
#nav-sub ul ul ul {
	width: 148px;

	}	
	
#nav-sub ul li li li {
	background: None;
	font-size: 1em;
	line-height: .9em;
	border-left: 2px solid #FFE503;
	}
	
#nav-sub ul ul ul ul{
	width: 130px;
	}	
	
	
#nav-sub ul li li li li {
	background: None;
	font-size: 1em;
	line-height: .9em;
	border-left: 2px solid #77C51A;
	}	
		
#nav-sub ul li li li a {
	}
	
#nav-sub li.more ul,
#nav-sub li li.more ul,
#nav-sub li li li.more ul { 
	display: none;
	}
#nav-sub li.active ul,
#nav-sub li.open ul,
#nav-sub li li.active ul,
#nav-sub li li.open ul,
#nav-sub li li li.active ul,
#nav-sub li li li.open ul {
	display: block;
	padding: 8px 0;
	}
	
#nav-sub li.open a,
#nav-sub li.open li.open a,
#nav-sub li.open li.open li.open a{
	color: #FF9702;
	}

#nav-sub li.open li a,
#nav-sub li.open li li a, 
#nav-sub li.open li.open li a,
#nav-sub li.open li.open li.open li a {
	color: #4981A2;
	}	
	

		
	
#nav-sub li.active a,
#nav-sub li li.active a,
#nav-sub li li li.active a {
	color: #FF9702;
	}	
	
#nav-sub ul li a:hover, 
#nav-sub ul li a.hover,
#nav-sub ul ul li a:hover, 
#nav-sub ul ul li a.hover,
#nav-sub ul ul ul li a:hover, 
#nav-sub ul ul ul li a.hover{
	color: #FF9702 !important;
	}
	

/* 	


#nav-sub li.open * a,
#nav-sub li li.open * a,
#nav-sub li li li.open * a {
	background-color: transparent;
	}*/



/* NAV-UTIL
----------------------------------------------------------------------------- */
.nav-util {
    z-index: 100;
	height: 33px;	
	overflow: Hidden;
	}
.nav-util ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 7px;
	margin-left: 30px;
	}
.nav-util ul li {
	position: relative;
	float: left;
	margin: 0;
	list-style: none;	
	}
.nav-util ul li a {
	/*height: 18px;
	/text-indent: -3000px;
	text-decoration: none;*/
	font-size: .76em;
	color: #C2DDF9;
	text-decoration: None;
	margin-left: 6px;
	padding-right: 8px;
	background: transparent url(/images/nav/bg-nav-util-a.gif) right 0 no-repeat;
	}
	
.nav-util ul li a:hover {
	color: #FAC71B;	
	}
	
.nav-util ul li a.last-child {
	background: none;
	}

.nav-util ul li ul {
	display: none;
	}

/* 4th 5th Tier Nav
----------------------------------------------------------------------------- */
body.layout-n1-p1-s1 .sc .nav {
	display: none;
	}
.sc .nav ul {
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0;
	}
.sc .nav ul li {
	background: none;
	margin: 0;
	padding: 0;
	}
.sc .nav ul li p,
.sc .nav ul li a {
	display: block;
	padding: 4px 10px 5px 15px;
	margin: 0;
	line-height: 1.2em;
	font-weight: normal;
	text-decoration: none;
	font-size: 1em;
	}
.sc .nav ul li.open a:hover,
.sc .nav ul li.open a.hover,
.sc .nav ul li a:hover,
.sc .nav ul li a.hover{
	text-decoration: none;
	}
.sc .nav ul li.active a {
	font-weight: bold;
	}
.sc .nav ul li.open a {
	font-weight: bold;
	}
.sc .nav ul li p { color: #333333; }
.sc .nav ul li p a { background: none; padding: 0; }

.sc .nav ul li ul {
	display: none;
	background-image: none;
	padding: 0;
	margin: 0;
	}
.sc .nav ul li.open ul {
	display: block;
	}
.sc .nav ul li ul li {
	}
.sc .nav ul li.open ul li a,
.sc .nav ul li ul li a {
	margin: 0;
	padding: 4px 10px 5px 31px;
	font-weight: normal;
	}
.sc .nav ul li.open ul li.open a:hover,
.sc .nav ul li.open ul li.open a.hover,
.sc .nav ul li.open ul li a:hover,
.sc .nav ul li.open ul li a.hover,
.sc .nav ul li ul li a:hover,
.sc .nav ul li ul li a.hover {
	}
.sc .nav ul li.open ul li.active a,
.sc .nav ul li ul li.active a {
	font-weight: bold;
	}
.sc .nav ul li.open ul li.open a,
.sc .nav ul li ul li.open a {
	font-weight: bold;
	}
.sc .nav ul li ul li ul {
	background-image: none;
	padding: 0;
	margin: 0;
	}
.sc .nav ul li ul li ul li {
	}
.sc .nav ul li.open ul li.open ul li a,
.sc .nav ul li.open ul li ul li a,
.sc .nav ul li ul li ul li a {
	margin: 0;
	padding: 4px 10px 5px 46px;
	font-weight: normal;
	}
.sc .nav ul li.open ul li ul li a:hover,
.sc .nav ul li.open ul li ul li a.hover,
.sc .nav ul li ul li ul li a:hover,
.sc .nav ul li ul li ul li a.hover {
	}
.sc .nav ul li.active li a {
	font-weight: normal;
	}
.sc .nav ul li.open ul li ul li.active a,
.sc .nav ul li ul li ul li.active a {
	font-weight: bold;
	}
.sc .nav li.more ul,
.sc .nav li li.more ul,
.sc .nav li li li.more ul { 
	display: none;
	}
.sc .nav li.active ul,
.sc .nav li.open ul,
.sc .nav li li.active ul,
.sc .nav li li.open ul,
.sc .nav li li li.active ul,
.sc .nav li li li.open ul {
	display: block;
	}

/* BREADCRUMBS
----------------------------------------------------------------------------- */
#breadcrumbs {
	z-index: 90;
	clear: both;
	height: 20px;
	/* line-height: 20px; */
	padding: 0;
	margin-top: 5px;
	}
#breadcrumbs ul {
	margin: 0;
	padding: 0 12px;
	list-style: none;
	}
#breadcrumbs ul li {
	float: left;
	margin: 0;
	color: #FFF;
	font-size: .87em;
	padding: 0 8px 0 7px;
	background: transparent url(/images/common/breadcrumb-li.gif) right 5px no-repeat;
	}
#breadcrumbs ul li a {
	color: #999;
	text-decoration: none;
	}
	
#breadcrumbs ul li a.hover,
#breadcrumbs ul li a:hover {
	color: #355A74;
	}

#breadcrumbs ul li.first-child {
	padding-left: 0;
	}	
#breadcrumbs ul li.last-child {
	color: #999;
	background: none;
	}


/* POSITIONING/BG
----------------------------------------------------------------------------- */

html {
	background: #FFF url(/images/layout/bg-html.gif) top left repeat-x;
	}

body {
	text-align: center;
	background: transparent url(/images/layout/bg-body.gif) bottom left repeat-x;
	}
#container {
	background-color: transparent;
	width: 900px; 	
	margin: 0 auto;
	text-align: left;
	}
#inner-container { 
	width: 820px;
	margin: 0px auto;
	}
#content {
	position: relative;
	height: 14000px;
	clear: both;
	}

#nav-const {
	width: 300px;
	overflow: hidden;
	height: 78px;
	float: right;
	clear: none;
	}
	
#nav-main {
	height: 33px;
	position: relative;
	top: 7px;
	width: 100%;
	}

#nav-sub {
	position: absolute;
	top: 0;
	left: 0;
	width: 175px;
	}
#primary-content {
	position: absolute;
	top: 20px;
	left: 205px;
	}
#secondary-content {
	position: absolute;
	top: 0;
	}
#footer {
/*Having a top/bottom margin on the footer will give extra scroll space*/
	position: relative;
	margin: 0;
	height: 65px;
	overflow: hidden;
	}


/* ONE COLUMN
----------------------------------------------------------------------------- */
body.layout-n0-p1-s0 #primary-content {
	left: 12px;
	width: 807px;
	}
body.layout-n0-p1-s0 #nav-sub,
body.layout-n0-p1-s0 #secondary-content {
	display: none;
	}
	

/* TWO COLUMN A
----------------------------------------------------------------------------- */
body.layout-n1-p1-s0 #primary-content {
	width: 614px;
	}
body.layout-n1-p1-s0 #secondary-content {
	display: none;
	}
	
body.layout-n1-p1-s0 #breadcrumbs ul {
	padding-left: 205px;
	}


/* TWO COLUMN B
----------------------------------------------------------------------------- */
body.layout-n0-p1-s1 #primary-content {
	left: 12px;
	width: 580px;
	}
body.layout-n0-p1-s1 #nav-sub {
	display: none;
	}
body.layout-n0-p1-s1 #secondary-content {
	left: 617px;
	width: 205px;
	}
	
	
/* THREE COLUMN
----------------------------------------------------------------------------- */
body.layout-n1-p1-s1 #primary-content {
	width: 386px;
	}
body.layout-n1-p1-s1 #secondary-content {
	left: 617px;
	width: 205px;
	}
	
body.layout-n1-p1-s1  #breadcrumbs ul {	
	padding-left: 205px;
	}
	

/* SPLIT PC VIEW
----------------------------------------------------------------------------- */
div.columns {
	}
div.columns:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
div.columns div.col1 {
	margin-right: 3%; 
	}
div.columns div.col1, 
div.columns div.col2 {
	float: left;
	width: 47%;
	}
	
/* FLOATED SECONDARY CONTENT
----------------------------------------------------------------------------- */
#sidebar {
	float: right;
	position: relative;
    width: 200px;
	margin: 0 0 1em 1em;
	overflow: hidden;
	border-bottom: 3px solid #EAEAEA;
	padding: 0 0 1em 0;
	}	
	
#sidebar:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#sidebar {display: inline-block;}

/* Hides from IE-mac \*/
* html #sidebar {height: 1%;}
#sidebar{display: block;}
/* End hide from IE-mac */