/* CSS
Site: http://fayar.net/ce
Created: 2 December 2009
Author: Greg Leding
Email: greg@gregleding.com 

This stylesheet is intended strictly for the FPS Career Education site (http://fayar.net/ce). It is not intended for use on other fayar.net pages. */


/* Broswer Resets
=========================================================*/

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, p, blockquote, table, tr, td, embed, object { margin: 0; padding: 0; }


/* Global Elements
=========================================================*/

body {
	background: #fff;
	margin: 0; }
	

/* Page Layout
=========================================================*/

div#header {
	background: url(../assets/images/bg-header96.png) repeat-x;
	height: 96px;
	width: 100%; }
	
	div#header-inner {
		margin: 0 auto;
		
		width: 960px; }

div#feature {
	background: url(../assets/images/bg-feature344.png) repeat-x; 
	height: 150px;
	margin: -12px 0 ;
	padding: 20px 0 0 0;
	position: relative;
	width: 100%;
	z-index: 100; }
	
	div#feature_inner {
		margin: 0 auto;
		width: 960px; }
		
div#main {
	background: ;
	font: 14px normal Helvetica, Arial, sans-serif; 
	line-height: 1.5em;
	margin: 0 auto;
	width: 960px; }
		
div#ce_nav {
    background: url(../assets/images/bg-nav64.png) repeat-x;
    height: 64px;
}

div#ce_nav a {
    background: url(../assets/images/nav-menu.png) 0 0 no-repeat;
    display: block;
    height: 64px;
    text-indent: -999em;
    overflow: hidden;
}

div#ce_nav li { 
    float: left;
    position: relative; 
}

* html div#ce_nav li * { 
    position: relative; 
}

div#ce_nav ul {
	background: url(../assets/images/nav.png) repeat-x;
	height: 64px;
	margin: 0 auto;
	padding-left: 0;
	width: 960px; }

div#ce_nav li { 
    margin: 0; 
    padding: 0; 
}

div#ce_nav #nav-fps a { background-position: 0 0; width: 64px; }
div#ce_nav #nav-home a { background-position: -64px 0; width: 110px; }
div#ce_nav #nav-pathways a { background-position: -174px 0; width: 172px; }
div#ce_nav #nav-teachers a { background-position: -346px 0; width: 164px; }
div#ce_nav #nav-contact a { background-position: -510px 0; width: 164px; }

div#ce_nav #nav-fps a:hover { background-position: 0 -64px; width: 64px; }
div#ce_nav #nav-home a:hover { background-position: -64px -64px; width: 110px; }
div#ce_nav #nav-pathways a:hover { background-position: -174px -64px; width: 172px; }
div#ce_nav #nav-teachers a:hover { background-position: -346px -64px; width: 164px; }
div#ce_nav #nav-contact a:hover { background-position: -510px -64px; width: 164px; }

div#ce_nav #nav-search {
	height: 49px;
	margin: 15px 18px 0; }
	
	.search { background: url(../assets/images/bg-search.png) repeat-x; border: 1px solid #6d3500; color: #6d3500; float: left; font-size: 18px; height: 18px; margin-right: 8px; padding: 4px 4px 10px; width: 144px; }
	#search_btn { background: url(../assets/images/search_btn.png) no-repeat; border: 0; float: right; height: 34px; width: 88px; }
	#search_btn:hover { cursor: pointer; }

div#ce_nav li:hover ul { left: 0; display: block;}
div#ce_nav li li { float: left; position: static; width: 100%; }

div#ce_nav li li a, div#ce_nav li li a:hover, div#ce_nav li li a:active {
    background: none;
    height: auto;
    padding: 0 0 0 0;
    text-indent: 0;
    width: 91%;
}

#nav li li a:hover { background: #ddd; }

#nav li ul {
    background: #eee;
    border-bottom: 2px solid #851013;
    display: none;
    line-height: 2.0;
    padding: 8px 0 12px 0;
    position: absolute;
    top: 40px;
    width: 200px;
    z-index: 9999;
    filter:alpha(opacity=84);
    -moz-opacity:.84;
    opacity:.84;
}

.nav {
    list-style: none;
}
	
	div#main div#left_col, div#right_col {
		color: #313131;
		float: left;
		height: auto;
		margin: 12px 0 24px 0;
		padding: 10px;
		width: 460px; }

div#footer {
	background: #2f1248 url(../assets/images/footer.pg) no-repeat;
	height: 184px;
	margin: 0 auto;
	width: 960px; }
	
div#gutter {
	background: url(../assets/images/bg32.jpg) repeat-x;
	height: 32px;
	margin: 0 auto;
	text-align: right;
	width: 960px; }


/* Images
=========================================================*/

img { border: none; }
img.left_image { background: #893c00; margin: 4px 24px 4px 0; padding: 7px; }
img.right_image { background: #893c00; margin: 18px; }


/* Links
=========================================================*/

a, a:visited { color: #2f1248; text-decoration: none; }
a:hover, a:active { color: #b05d00; }


/* Typographic Elements
=========================================================*/

@font-face {
	font-family: "";
	src: url(../assets/typefaces/); }
	
blockquote.pull-quote {
	border-top: 8px solid #2f1248;
	border-bottom: 8px solid #2f1248;
	color: #b05d00;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5em;
	margin: 18px 0;
	padding: 18px 8px; }

h1,h2,h3 {
	border-top: 24px solid #2f1248;
	color: #b05d00;
	font-family: Helvetica, Arial, sans-serif;
	margin: 16px 0;
	padding: 8px 0; }

p { margin: 18px 0; }

p.closing { margin-bottom: 36px; }
p.closing:after {
	content: url(../assets/images/closing.png);
	padding-left: 4px; }

p.drop_cap:first-letter {
	border: 8px solid #2f1248;
	color: #b05d00;
	float: left;
	font-family: "", Helvetica, Arial, sans-serif;
	font-size: 420%;
	font-weight: bold;
	line-height: 1.0;
	margin: 8px 12px 0 0;
	padding: 8px; }

p.notes { font-style: italic; }
p.notes:before {
	content: url(../assets/images/notes.png);
	padding-right: 8px; }


/* Form Elements
=========================================================*/

.contact_form { margin: 0 auto; }
.text_area, .text_field { border: 2px solid #2f1248; font-family: Helvetica, Arial, sans-serif; height: 36px; margin-bottom: 18px; padding: 8px; width: 92%; }
.text_field { font-size: 20px; }


/* List Elements
=========================================================*/

li { list-style: none; }
ul { margin-left: 18px; }


/* Library
=========================================================*/

.img-border { border: 2px solid #2f1248; }
.clear_both { clear: both; }	
.fire { border: 1px solid #ff0000; } /* This class is used strictly for debugging purposes. */
.float_left { float: left; }
.float_right { float: right; }