/* Site: CFCC Job Lab */

* {
   margin: 0;
   padding: 0;
   line-height: 1;
   outline:0;
}
hr, #content img#mcms_stats { display: none; }
#skip { position: absolute; text-indent: -9999px; list-style: none; }
form * {font-family: arial, verdana, tahoma, helvetica, sans-serif;}

body{
	background: #e3ebd9 url(/images/bg_body.gif) repeat-x;
   font-size: 62.5%;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	 padding-bottom: 150px;
}

#container {
	background: #fff;
	width: 960px;
	padding-bottom: 150px;
	margin: 0 auto;
	font-size: 1.1em;
	position:relative;
}
#container-inner {
	float:left;
}
#content-wrap
{
}


/* =Header
---------------------------------------------------------------------
*/
#header
{
	position:relative;
	margin-left:  20px;
	width: 940px;
}
h1 a
{
	position:absolute; top:10px; right:20px;
	text-indent: -999em;
	display:block;
	background: url(/images/bg_h1.gif) no-repeat; 
	height:35px;
	width:137px;
}
h2 a
{
	padding-top: 80px;
	height: 56px;
	width: 729px;
	display:block;
	text-indent: -999em;
}
body#job h2 
{
	background: url(/images/bg_h2_job.gif) no-repeat 0 80px;
}
body#post h2 
{
	background: url(/images/bg_h2_job.gif) no-repeat 0 80px;
}
body#freelance h2 
{
	background: url(/images/bg_h2_freelance.gif) no-repeat 0 77px;
	padding-top: 77px;
}
#advertise
{
	position:absolute; top:260px; right:20px;
}

#advertise-2
{
  border: 5px solid #EDF2E6;
	position:absolute; top:400px; right:20px;
}

#advertise a img
{
  border: 5px solid #EDF2E6;
}

a#post-job
{
  border: 5px solid #EDF2E6;
	position:absolute; top:120px; right:20px;
	display:block;
	text-indent: -999em;
	background: url(/images/bg_postajob.gif) center center no-repeat; 
	height:120px;
	width:130px;
}
body.post a#post-job { display:none; }

/* =Navigation
---------------------------------------------------------------------
*/

#nav{
   list-style: none;
   position:absolute; top:0; left:90px;
   border-bottom: 1px solid #a1bba0;
}

#nav li{
   float: left;
}

#nav li a{
   display: block;
   background: url(/images/bg_nav.gif) no-repeat 20px 19px;
   padding: 17px 0 3px 30px;
   color: #58595b; /* Change this to the right color */
   text-decoration: none;
}

#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 150px; /* Needs to be same as other 150px value */
   list-style: none;
   line-height: 1;
}

#nav li li{
   font-size: 1.2em;
}

#nav li ul ul{
   margin: -25px 0 0 150px; /* the -25px and 150px need to be adjusted until the sub-sub-menu sits in the right place */
}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
   left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;
}

#nav li li li{
   font-size: 1em;
}

#nav li li a{
   width: 150px; /* Needs to be same as other 150px value, less any padding or margin */
   background: #F00; /* Change to more appropriate value */
}

/* =Container-Inner
---------------------------------------------------------------------
*/



/* =Content-Wrap
---------------------------------------------------------------------
*/



/* =Content
---------------------------------------------------------------------
*/

#content{
	display:inline;
	float:left;
	width: 612px;
	margin:  0 0 0 120px;  
}
/*
body.post #content
{
	width: 780px;
	margin-left: -70px;
}
*/
#content h3{
   font-family: "Adobe Jenson Pro", garamond, "times new roman", serif;
   font-weight:normal;
   font-style:italic;
   font-size: 1.5em;
   position:relative; top: -10px; left: 20px;
   margin-bottom: 7px;
}

#content h4 {
	font-size: 1.4em;
	color: #9e1c2b;
         margin: 1em 0 .7em;
}
		#content h4 a {
			text-decoration:none;
		         border-bottom: 1px solid #9e1c2b;
		         }
				#content h4 a:hover {
					text-decoration:none;
				         border-bottom: 1px solid #eee;
				         }


#content h5 {
    font-size: 1.2em;
    color: #9e1c2b;
}


#content h6 {
    font-size: 1.1em;
    color: #000000;
}

#content p,
#content ul,
#content ol,
#content td{
   margin: 1em 100px 1em 0;
   color: #030303;
   font-size: 1.1em;
   line-height: 1.5;
}

#content p.back{
   padding-top: 10px;
   border-top: 1px solid #797A7C;
}

#content ul li
{
 				 margin: 0.4em 0 0 2em;
}
#content a{
   color: #9e1c2b;
   text-decoration: none;
}

#content a:hover{
   text-decoration: underline;
}

/* TABLES */
table
{
	border-collapse: collapse;
}
table caption
{
	text-align:left;
	font-weight:bold;
	border-top: 1px solid #797a7c;
	padding: 8px 0;
}
table th
{
	border-bottom: 1px solid #797a7c;
	text-align:left;
	font-weight:normal;
	padding: 25px 0 10px;
	font-size: 1.1em;
}
table .rss 
{ 
	width: 15%; 
	font-family: "century gothic", arial, sans-serif;
}

tr.even
{
	background: #edf2e6;
}

#content tr.even.view-all{
   background: none;
}

#content tr.even.view-all td{
   padding: 5px 0 10px 0;
   font-size: 1em;
   text-transform: uppercase;
}

#content tr.even.view-all td a{
   padding-left: 12px;
   background: url(/images/bg_view-all.gif) no-repeat left center;
}

td, th, tr {
	padding: 3px 0;
	border:0;
	vertical-align: top:
}
th.heading {
	font-weight:bold;
}
label
{
 		 border:0;
}
/* FORMS */
fieldset
{
	border:0;
	border-top: 6px double #9e1c2b;
	width: 420px;
}
form h4
{
	display:block;
	background: #9e1c2b;
	color: #fff;
	width: 410px;
	text-align:center;
	padding: 5px;
	font-size: 1.5em;
}
td.label {
	text-align:right;
	width: 22%;
	vertical-align: top;
	padding-right: 0.3em;
}
form table 
{
	margin: 1em;
}
label, input
{
	height: 1.3em;
}
input, textarea
{
	border: 1px solid #c9cacb;
	width: 98%;
	font-size: 1em;
}
input#s,
p#confirm-job a
{
	background: #9e1c2b;
	border: 3px double #fff;
	color: #fff;
	font-size: 0.9em;
	padding: 0.1em;
	text-align:center;
	width: 10em;
	height: 2.2em;
}
select
{
	border: 1px solid #c9cacb;
	width: 150px;
}
span.form-help
{
	display:block;
	color: #58595b;
	font-size: 1em;
	padding: 0.3em;
}

span.form-help a{
   color: #9E1C2B;
}


iframe{
   position: relative;
	overflow: auto;
	float: left;
   width: 422px;
	margin: 40px 0 0 -90px;
   border: 1px solid #9e1c2b;
}

dl#faq
{
	float:left;
	margin: 40px 0 0 15px;
	width: 280px;
}
dt
{
	font-weight:bold;
	margin-top: 1.5em;
	line-height: 1.5;
	color: #231f20;
}
dd {
	line-height: 1.5;
	color: #58595b;
}


/* =Sidebar
---------------------------------------------------------------------
*/



/* =Footer
---------------------------------------------------------------------
*/
#footer
{
	clear:both;
	position:relative;
	font-size: 90%;
	color: #aaa;
	width: 780px;
}

	#footer a
	{
		color: #888;
		text-decoration: none;
	}
	p.copyright
	{
		position:absolute; top: 130px; left: 15px;
	}
	p.powered
	{
		position:absolute; top: 130px; right: 0;
		text-align:right;
	}
	
	
p.footnote {
   clear: both;
	width: 490px;
	padding:  80px 0 0 0;  
}
p.footnote a{
   color: #9e1c2b;
   text-decoration: none;
}

p.footnote a:hover{
   text-decoration: underline;
}


























/* =iFRAMES
-------------------------------------------------------------------------- */
/*
body#iframe { background: #fff !important; }
body#iframe #content { margin:0; width: 400px; }
body#iframe #content h4,
body#iframe #content h3,
body#iframe #content p { margin: 10px 20px; }
body#iframe #content h3 { margin: 25px 20px 10px; }

*/
body#form-confirm { background: #fff !important; padding:0; width: 420px; overflow:auto;}
body#form-confirm #container {padding:0; width: 420px;}
body#form-confirm #content { margin:0; width: 380px;}
body#form-confirm #content h3,
body#form-confirm #content h4,
body#form-confirm #content h5,
body#form-confirm #content p { margin: 10px 20px; position:relative; top:0; left:0; }

body#form-confirm #content h4 a {
			text-decoration:none;
		         border-bottom: 1px solid #9e1c2b;
		         }
body#form-confirm #content h4 a:hover {
					text-decoration:none;
				         border-bottom: 1px solid #eee;
				         }

body#form-confirm #content h3 { margin: 25px 20px 10px; }


body#form { background: #fff !important; padding:0; width: 420px; overflow:auto;}
body#form #container {padding:0; width: 420px;}