/*
	Century College
	CSS File For Layout
*/	

/*------------------------------------------------------------------------------
	Foundation
------------------------------------------------------------------------------*/	

#wrapper{
	margin:0px;
	text-align: left;
	width: 695px;
}

#content{
	margin: 0;
	padding: 0 9px;
	width: 100px;
	float: left;


}
	#header{
		display: none;
	}
		#header .logo{
			margin-left: 15px;
		}
		 #search{
			position: absolute; 
			top: 15px; right: 20px;
		  }
			#search form {margin: 0; padding:0;}
			#search input.searchBox {width: 140px;  font-size: 96%; float: left; margin-top: 2px;}
			#search .goBtn{
				display: block;
				float: left;
				width: 21px;
				margin-left: 10px;
			}
	#footer{
		width: 620px;
		display: none;
		color: #ccc;
		padding: 33px 0 20px 5px;
	}
		#footer p{
			color: #999;
			display: none;
			margin: 0;
			padding: 0;
		}
			#printfooter{
				width: 620px;
				clear: left;
				color: #ccc;
				padding: 33px 0 20px 5px;
			}
				#printfooter p{
					color: #999;
					margin: 0;
					padding: 0;
				}
	
	
	#main_swf{
		width: 800px;
		height: 391px;
	}

	#home #main_content{
		width: 800px;

	}
		#home #main_content .left{
			float: left;
			width: 197px;
			padding: 13px 30px 0 23px;
	}
		#home #main_content .right{
			background: #fff url('../images/background/bg_home_pens.jpg') top right no-repeat;
			float: left;
			width: 497px;
			padding: 13px 30px 22px 23px;
	}
		#home #main_content .right .intro{
			padding: 0px 215px 10px 0;
		}
	
	

#slider{
	display: none;
}


/*------------------------------------------------------------------------------
	Navigation
------------------------------------------------------------------------------*/
		
#nav{
display: none;
}

/*------------------------------------------------------------------------------
	Link Styles 
------------------------------------------------------------------------------*/	

a:link, a:visited{text-decoration: none;}
a:hover, a:active{text-decoration: underline;}

#career a:link, #career  a:visited{color:#f65f29;text-decoration: underline;}
#career a:hover, #career a:active{}
#career #main_content .right .int_left #main li a{color: #f65f29;text-decoration: underline;}
#career #main_content .right .int_left #main li a:hover{color: #f65f29;}

#education a:link, #education  a:visited{color:#ed9310;text-decoration: underline;}
#education a:hover, #education a:active{}
#education #main_content .right .int_left #main li a{color: #ed9310;text-decoration: underline;}
#education #main_content .right .int_left #main li a:hover{color: #ed9310;}

#finance a:link, #finance  a:visited{color:#90a418;text-decoration: underline;}
#finance a:hover, #finance a:active{}
#finance #main_content .right .int_left #main li a{color: #90a418;text-decoration: underline;}
#finance #main_content .right .int_left #main li a:hover{color: #90a418;}

#leadership a:link, #leadership  a:visited{color:#d62a43;text-decoration: underline;}
#leadership a:hover, #leadership a:active{}
#leadership #main_content .right .int_left #main li a{color: #d62a43;text-decoration: underline;}
#leadership #main_content .right .int_left #main li a:hover{color: #d62a43;}

#personal a:link, #personal  a:visited{color:#007cb5;text-decoration: underline;}
#personal a:hover, #personal a:active{}
#personal #main_content .right .int_left #main li a{color: #007cb5;text-decoration: underline;}
#personal #main_content .right .int_left #main li a:hover{color: #007cb5;}

#utility a:link, #utility  a:visited{color:#977b38;text-decoration: underline;}
#utility a:hover, #utility a:active{}
#utility #main_content .right .int_left #main li a{color: #977b38;text-decoration: underline;}
#utility #main_content .right .int_left #main li a:hover{color: #977b38;}

#footer a:link, #footer  a:visited{color:#ccc;}
#footer a:hover, #footer a:active{color: #fff;}

	.pdf {
		padding-left: 12px;
		background: url('../images/icons/icon_pdf.gif') no-repeat left 2px;
	}
	.external {
		padding-left: 12px;
		background: url('../images/icons/icon_externalLink.gif') no-repeat left 2px;
	}
	.print{
		padding-left: 20px;
		padding-top: 10px;
		background: url('../images/icons/print.gif') no-repeat left 8px;
		
	}


/*------------------------------------------------------------------------------
	List Styles 
------------------------------------------------------------------------------*/	

#career #main_content .left li a, #education #main_content .left li a, #finance #main_content .left li a, #leadership #main_content .left li a, #personal #main_content .left li a, #utility #main_content .left li a{color: #333;text-decoration: underline;}
#career #main_content .left li a:hover , #education #main_content .left li a:hover, #finance #main_content .left li a:hover, #leadership #main_content .left li a:hover, #personal #main_content .left li a:hover, #utility #main_content .left li a:hover {color: #fff;}
#career #main_content .left li a.active , #education #main_content .left li a.active, #finance #main_content .left li a.active, #leadership #main_content .left li a.active, #personal #main_content .left li a.active, #utilitys #main_content .left li a.active {color: #333; font-weight: bold; text-decoration: underline;}

#career #main_content .right .int_right .top li a, #education #main_content .right .int_right .top li a, #finance #main_content .right .int_right .top li a, #leadership #main_content .right .int_right .top li a, #personal #main_content .right .int_right .top li a, #utility #main_content .right .int_right .top li a{color: #333;font-weight: bold;}
#career #main_content .right .int_right .top li a:hover, #education #main_content .right .int_right .top li a:hover, #finance #main_content .right .int_right .top li a:hover, #leadership #main_content .right .int_right .top li a:hover, #personal #main_content .right .int_right .top li a:hover, #utility #main_content .right .int_right .top li a:hover{color: #333; font-weight: bold;}



#main_content .right .int_left #main ul{
	padding-left: 0;
	padding-bottom: 10px;
	margin-top: 10px;
}
#main_content .right .int_left #main ul li{
	margin: 0 0 10px 0;
	padding-left: 12px;
	line-height: 1.4em;
	background: url('../images/icons/list_square.gif') 0 5px no-repeat;
}

#main_content .right .int_left #main .externalList li {
	margin: 0 0 10px 0;
	padding-left: 12px;
	line-height: 1.4em;
	background: none;
}


/*------------------------------------------------------------------------------
	Careers Section
------------------------------------------------------------------------------*/

#career_swf{}

#career #main_content{
	width: 800px;
	position: relative;
}
	#career #main_content .left{
		float: left;
		width: 150px;
		color: #999;

	}
		#career #main_content .left	.top{
			padding: 20px 30px 100px 0px;
		}
			#career #main_content .left .top ul{
				line-height: 1.2em;
				margin: 5px 0 15px 0;
			}
				#career #main_content .left .top li{
					margin: 0 0 10px 0;
					padding-left: 12px;
					background: url('../images/icons/list_career.gif') 0 2px no-repeat;
				}
					#career #main_content .left .top li ul{
						margin: 8px 0 10px 0;
						line-height: 0.5em;
					}
						#career #main_content .left .top li ul li{
							background: url('../images/icons/list_career_lvl2.gif') 0 0px no-repeat;
						}
			
		#career #main_content .left	.bottom{
			display: none;	
		}
		
	#career #main_content .right{
		float: left;
		width: 550px;
	}
		#career #main_content .right .int_left{
			width: 500px;
			padding: 22px 0 110px 20px;
		}
			#career #main_content .right .int_left #main{
				width: 455px;
			}
			#career #main_content .floater{
				display: none;
			}
			
	#career #main_content .right .int_right{
		float: left;
		display: none;
	}	
				
/*------------------------------------------------------------------------------
	Education Section
------------------------------------------------------------------------------*/

#education_swf{}

#education #main_content{
	width: 800px;
	position: relative;
}
	#education #main_content .left{
		float: left;
		width: 150px;
		color: #999;

	}
		#education #main_content .left	.top{
			padding: 20px 30px 100px 0px;
		}
			#education #main_content .left .top ul{
				line-height: 1.2em;
				margin: 5px 0 15px 0;
			}
				#education #main_content .left .top li{
					margin: 0 0 10px 0;
					padding-left: 12px;
					background: url('../images/icons/list_career.gif') 0 2px no-repeat;
				}
					#education #main_content .left .top li ul{
						margin: 8px 0 10px 0;
						line-height: 0.5em;
					}
						#education #main_content .left .top li ul li{
							background: url('../images/icons/list_ed_lvl2.gif') 0 0px no-repeat;
						}
			
		#education #main_content .left	.bottom{
			display: none;	
		}
		
	#education #main_content .right{
		float: left;
		width: 550px;
	}
		#education #main_content .right .int_left{
			width: 500px;
			padding: 22px 0 110px 20px;
		}
			#education #main_content .right .int_left #main{
				width: 455px;
			}
			#education #main_content .floater{
				display: none;
			}
			
	#education #main_content .right .int_right{
		float: left;
		display: none;
	}	

/*------------------------------------------------------------------------------
	Finance Section
------------------------------------------------------------------------------*/

#finance_swf{}

#finance #main_content{
	width: 800px;
	position: relative;
}
	#finance #main_content .left{
		float: left;
		width: 150px;
		color: #999;

	}
		#finance #main_content .left	.top{
			padding: 20px 30px 100px 0px;
		}
			#finance #main_content .left .top ul{
				line-height: 1.2em;
				margin: 5px 0 15px 0;
			}
				#finance #main_content .left .top li{
					margin: 0 0 10px 0;
					padding-left: 12px;
					background: url('../images/icons/list_career.gif') 0 2px no-repeat;
				}
					#finance #main_content .left .top li ul{
						margin: 8px 0 10px 0;
						line-height: 0.5em;
					}
						#finance #main_content .left .top li ul li{
							background: url('../images/icons/list_finance_lvl2.gif') 0 0px no-repeat;
						}
			
		#finance #main_content .left	.bottom{
			display: none;	
		}
		
	#finance #main_content .right{
		float: left;
		width: 550px;
	}
		#finance #main_content .right .int_left{
			width: 500px;
			padding: 22px 0 110px 20px;
		}
			#finance #main_content .right .int_left #main{
				width: 455px;
			}
			#finance #main_content .floater{
				display: none;
			}
			
	#finance #main_content .right .int_right{
		float: left;
		display: none;
	}	

/*------------------------------------------------------------------------------
	Leadership Section
------------------------------------------------------------------------------*/

#leadership_swf{}

#leadership #main_content{
	width: 800px;
	position: relative;
}
	#leadership #main_content .left{
		float: left;
		width: 150px;
		color: #999;

	}
		#leadership #main_content .left	.top{
			padding: 20px 30px 100px 0px;
		}
			#leadership #main_content .left .top ul{
				line-height: 1.2em;
				margin: 5px 0 15px 0;
			}
				#leadership #main_content .left .top li{
					margin: 0 0 10px 0;
					padding-left: 12px;
					background: url('../images/icons/list_career.gif') 0 2px no-repeat;
				}
					#leadership #main_content .left .top li ul{
						margin: 8px 0 10px 0;
						line-height: 0.5em;
					}
						#leadership #main_content .left .top li ul li{
							background: url('../images/icons/list_lead_lvl2.gif') 0 0px no-repeat;
						}
			
		#leadership #main_content .left	.bottom{
			display: none;	
		}
		
	#leadership #main_content .right{
		float: left;
		width: 550px;
	}
		#leadership #main_content .right .int_left{
			width: 500px;
			padding: 22px 0 110px 20px;
		}
			#leadership #main_content .right .int_left #main{
				width: 455px;
			}
			#leadership #main_content .floater{
				display: none;
			}
			
	#leadership #main_content .right .int_right{
		float: left;
		display: none;
	}	

/*------------------------------------------------------------------------------
	Personal Section
------------------------------------------------------------------------------*/

#personal_swf{}

#personal #main_content{
	width: 800px;
	position: relative;
}
	#personal #main_content .left{
		float: left;
		width: 150px;
		color: #999;

	}
		#personal #main_content .left	.top{
			padding: 20px 30px 100px 0px;
		}
			#personal #main_content .left .top ul{
				line-height: 1.2em;
				margin: 5px 0 15px 0;
			}
				#personal #main_content .left .top li{
					margin: 0 0 10px 0;
					padding-left: 12px;
					background: url('../images/icons/list_career.gif') 0 2px no-repeat;
				}
					#personal #main_content .left .top li ul{
						margin: 8px 0 10px 0;
						line-height: 0.5em;
					}
						#personal #main_content .left .top li ul li{
							background: url('../images/icons/list_personal_lvl2.gif') 0 0px no-repeat;
						}
			
		#personal #main_content .left	.bottom{
			display: none;	
		}
		
	#personal #main_content .right{
		float: left;
		width: 550px;
	}
		#personal #main_content .right .int_left{
			width: 500px;
			padding: 22px 0 110px 20px;
		}
			#personal #main_content .right .int_left #main{
				width: 455px;
			}
			#personal #main_content .floater{
				display: none;
			}
			
	#personal #main_content .right .int_right{
		float: left;
		display: none;
	}	
	
/*------------------------------------------------------------------------------
	Personal Section
------------------------------------------------------------------------------*/

#utility_swf{}

#utility #main_content{
	width: 800px;
	position: relative;
}
	#utility #main_content .left{
		float: left;
		width: 150px;
		color: #999;

	}
		#utility #main_content .left	.top{
			padding: 20px 30px 100px 0px;
		}
			#utility #main_content .left .top ul{
				line-height: 1.2em;
				margin: 5px 0 15px 0;
			}
				#utility #main_content .left .top li{
					margin: 0 0 10px 0;
					padding-left: 12px;
					background: url('../images/icons/list_career.gif') 0 2px no-repeat;
				}
					#utility #main_content .left .top li ul{
						margin: 8px 0 10px 0;
						line-height: 0.5em;
					}
						#utility #main_content .left .top li ul li{
							background: url('../images/icons/list_personal_lvl2.gif') 0 0px no-repeat;
						}
			
		#utility #main_content .left	.bottom{
			display: none;	
		}
		
	#utility #main_content .right{
		float: left;
		width: 550px;
	}
		#utility #main_content .right .int_left{
			width: 500px;
			padding: 22px 0 110px 20px;
		}
			#utility #main_content .right .int_left #main{
				width: 455px;
			}
			#utility #main_content .floater{
				display: none;
			}
			
	#utility #main_content .right .int_right{
		float: left;
		display: none;
	}	
			

/*
	Century College
	Style Reset CSS File
	
	Resets Styles for Increased Cross Browser Optimization
	link - http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/

*/	
	

/*-----------Style Reset-------------*/	
	
	html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------------------------------------------------------------------------------
	Basic Styles 
------------------------------------------------------------------------------*/	
	
body {
		color: #333;
		font-family: Arial, Verdana, sans-serif;
		font-size: 71%;
		text-align: left;
}
	
h1{ 
	font-size: 220%; 
	font-weight: normal;
	margin: 0 0 5px 0;
}
	#career h1{ 
		font-size: 235%; 
		font-weight: normal;
		margin: 0 0 5px 0;
		color: #f65f29;
	}
	#education h1{ 
		font-size: 235%; 
		font-weight: normal;
		margin: 0 0 5px 0;
		color: #f09f00;
	}
	#finance h1{ 
		font-size: 235%; 
		font-weight: normal;
		margin: 0 0 5px 0;
		color: #90a418;
	}
	#leadership h1{ 
		font-size: 235%; 
		font-weight: normal;
		margin: 0 0 5px 0;
		color: #d62a43;
	}
	#personal h1{ 
		font-size: 235%; 
		font-weight: normal;
		margin: 0 0 5px 0;
		color: #007cb5;
	}

#home h1{ 
	font-weight: normal;
	margin: 0 0 10px 0;
	width: 200px;
	font-size: 180%;
}
	
h2{ 
	font-size: 160%;
	font-weight: normal;
	margin: 0 0 10px 0;
}
	
h3{ 
	font-size: 140%; 
	margin: 0 0 10px 0;
}

h4{ 
	font-size: 120%; 
	margin: 0 0 5px 0;
}
	
h5{ 
	font-size: 110%;
	margin: 0 0 5px 0;
}

img{ display: block; border: 0; }
	
p{ margin: 5px 0 13px 0; line-height: 1.4em; color: #333; }

a:link, a:visited{text-decoration: none;}
a:hover, a:active{text-decoration: underline;}


	
/*------------------------------------------------------------------------------
	Forms
------------------------------------------------------------------------------*/	
	
form, fieldset {
	margin: 0;
	padding: 0;
}
	form ol { margin: 0; padding: 0; }
	form ol li{ list-style: none; }
	input, textarea, select { margin: 0; }
	form legend { font-weight: bold; padding: 10px 0 15px 0px; color: #666; margin-left: -7px; }
	form legend, form label {  width: 100px; float: left; }
	form label {  width: 150px; float: left; }

	form fieldset {
		border: none;
		clear: left;
	}
		form fieldset li {
			clear: left;
			padding: 5px 0 5px 0;
		}

	form div{
		width: 200px;
		float: left;
		line-height: 140%;
		margin-bottom: 10px;
	}
	
	form .button{ margin: 10px 0 0 150px; }


/*------------------------------------------------------------------------------
	Tables - Data
------------------------------------------------------------------------------*/	
	
	table.dataTable{
		font-size: 11px;
		width: 100%;
		margin: 0 0 15px 0;
		padding: 0;
		border: 0;
		border-collapse: collapse;
	    border-spacing: 0;
	}

		table.dataTable td{
			padding: 5px 10px;
			border: 0px;
			text-align: center;
		}
		
			.dataTable td.left{ text-align: left; }
	
		table.dataTable th{ color: #000; font-size: 12px; text-align: center; }
		table.dataTable a{ text-decoration: none; color: #BD3957; }
		table.dataTable a:hover{ color: #000; }
		table.dataTable tr.none{ background: #fff; }
		table.dataTable tr.alter{ background: #E9F6FC; border-top: 1px solid #DDE9EF; border-bottom: 1px solid #DDE9EF; }


/*------------------------------------------------------------------------------
	Lists UL/OL
------------------------------------------------------------------------------*/	
	
	ul{ margin-left: 0; padding-left: 0px;}
	ul li{ margin-left: 0; padding-left: 0; font-style: normal; margin-bottom: 0;}
	
	ol{ margin: 10px 0 13px 0; padding-left: 0;}
	ol li{ margin-left: 0; padding-left: 0; margin: 0 0 10px 0;}
	


/*------------------------------------------------------------------------------
	Misc
------------------------------------------------------------------------------*/	
	
	.clearB{ clear: both; }
	.clearR{ clear: right; }
	.clearL{ clear: left; }