/*
 * skin.css
 *
 * All page layout styles, site-wide styles, styles that will be
 * inherrited, non-default and non-page specific styles reside here. 
 *
 */
img {
	border: none;
	margin: 0;
	padding: 0;
}

p {
	line-height: 1.5em;
	letter-spacing: .01em;
	margin-bottom: 10px;
}



code {}

pre {}

blockquote {}



/* CLASSes AND IDs */
h1#tagline { font-size: 1.5em; font-weight: normal; color: #000; margin: 10px 0 2px 15px; padding: 0; }

	#content h2 {
		font-size: 1.2em;
		font-weight: bold;
		color: #333;
		border-bottom: 4px solid #333;
		padding-bottom: 3px;
	}

	#search {
		display: inline;
		float: left;
		background: #FFF url(http://www.officer.com/jobs/images/bg_search.jpg) no-repeat top left;
		border-top: 4px solid #009;
		width: 510px;
		margin-bottom: 10px;
	}

		#search table#searchContainer {
			float: left;
			width: 275px;
			margin-top: 5px;
			border-collapse: collapse;
		}

			#search table#searchContainer td { padding: 5px 0; margin: 0; }
			#search table#searchContainer td.two { width: 195px; }

			#search table#searchContainer td.one {
				font-weight: bold;
				padding-right: 5px;
				width: 75px;
			}

		#search ul {
			float: right;
			list-style-type: none;
			font-size: .8em;
			border-left: 1px solid #DDD;
			width: 212px;
			margin: 15px 2px 0 5px;
			padding: 5px 0 5px 10px;
		}

	#emailAlert {
		display: inline;
		float: left;
		background: url(http://www.officer.com/jobs/images/bg_alert.jpg) no-repeat 0 0;
		border-top: 4px solid #333;
		width: 226px;
		margin-left: 10px;
		padding: 7px;
	}

		#emailAlert h2 { border: none; margin-bottom: 10px; }
		#emailAlert label, #emailAlert input { font-size: .9em; color: #555; }
		#emailAlert input#submit { margin-top: 3px; padding: 2px 0; color: #333; }

		#emailAlert input.inputbox { border: 1px solid #999; background: #EEE; padding: 2px; }

	#leftCol {
		display: inline;
		float: left;
		width:260px;
		margin-right: 10px;
	}

		#leftCol h2 {
			color: #009;
			border-bottom-color: #009;
		}

		#feature {
			width:260px;
			background: #DDEDFA url(http://www.officer.com/jobs/images/bg_feature.jpg) no-repeat bottom center;
			border-bottom: 4px solid #009;
		}

			#feature a:link { color: #5959DB; }
			#feature a:visited { color: #5959DB; }
			#feature a:hover { color: #333; }
			#feature a:active { color: #5959DB; }

			#feature .featureJob {
				border-bottom: 1px solid #9FCAEF;
				margin: 0;
				padding: 0 10px 10px 10px;
			}

			#feature .featureJob:hover {
				background: #CBE2F6;
			}

				#feature .featureJob h3 {
					font-size: 1em;
					line-height: 1.2em;
					border: none;
					margin: 0;
					padding: 10px 0 0 0;
				}

				#feature .featureJob p {
					font-size: .8em;
					line-height: 1.2em;
					letter-spacing: 0em;
					margin: 3px 0 0 0;
					padding: 0;
				}

			#feature .removeBorder {
				border-bottom: none;
				margin-bottom: 0;
			}

	#adLeftCol { margin: 10px; }

	table.ads { display: inline; float: left; width: 490px; }
		.ads img { margin-bottom: 10px; }


	#jobs {
		display: inline;
		float: left;
		width: 490px;
	}

		#jobs h3 {
			font-size: .8em;
			font-weight: bold;
			line-height: 1em;
			color: #009;
			border-bottom: 1px solid #CCC;
			margin: 0 0 2px 0;
			padding: 3px 0;
		}

		#jobs p {
			font-size: .8em;
			color: #777;
			text-align: right;
			border-bottom: 1px solid #333;
			margin: 0;
			padding: 0;
		}

		#jobs table { font-size: .9em; line-height: 1.1em; border-collapse: collapse; }
		#jobs table td.one, #jobs table td.two { padding: 4px 1px 6px; }
		#jobs table td.one { background: #ECECEC; } 
		#jobs table td.two {  background: #FFF; }

		#jobs table a:link { color: #5959BD; }
		#jobs table a:visited { color: #5959BD; }
		#jobs table a:hover { color: #333; }
		#jobs table a:active { color: #5959BD; }

		#newJobs {
			display: inline;
			float: left;
			width: 240px;
			margin-right: 10px;
		}

		#closingJobs {
			display: inline;
			float: left;
			width: 240px;
		}

	#careerCenter {
		display: inline;
		float: left;
		width: 490px;
		margin-top: 10px;
	}

		#careerCenter h3 {
			font-size: 1em;
			font-weight: bold;
			line-height: 1.1em;
			color: #333;
			margin: 0 0 5px 0;
			padding: 0;
		}

		#careerCenter ul {
			font-size: .9em;
			line-height: 1.3em;
			list-style-position: inside;
			color: #009;
			margin: 0 0 0 12px;
			padding: 0;
		}

		#careerCenter li { margin: 0; padding: 0; }

		#careerCenter .col, #careerCenter #careerArticles { display: inline; float: left; width: 235px; margin: 15px 0 0 10px; }
		#careerCenter #careerArticles { width: 480px; }

		#careerCenter #careerArticles dl { margin: 0 0 0 10px; padding: 0; }
		#careerCenter #careerArticles dt { font-size: .9em; margin-bottom: 5px; }
		#careerCenter #careerArticles dd { font-size: .8em; margin: 0 30px 5px 10px; padding: 0; }

.removeBorder { border: 0; }