/**********************************************************************************************

	Title	: Website
	Author	: XHTMLized
	Date	: December 2007 

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2 Header
			3.3 Sub Header
			3.4 Content
			3.5 Footer
		
	4. LAYOUT ELEMENTS

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global 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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body {
	line-height: 1; }	
	
ol, ul {
	list-style: none; }
	
table {
	border-collapse: separate; 
	border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */
}

caption, th, td {
	text-align: left; 
	font-weight: normal;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	text-align: left;
}


/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

h1 {}

h2 {}

h3 {}

h4 {}

p  {}


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

input, textarea, select {
	font: 1.2em Arial, Helvetica, sans-serif;
}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

a:link { color: #06f; text-decoration: underline; }

a:visited {}

a:hover { color: #06f; text-decoration: underline; }

a:active {}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;
}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.hide {
	position: absolute;
	left: -9999px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block; }
	
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; }

.clearfix {
	display: block; }
/* End hide from IE-mac */


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.container {
	width: 900px;
	position: relative;
	margin: 0 auto;
}


/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;
}


/* 3.2	Header
-----------------------------------------------------------------------------------------------*/	

#header {
	z-index: 20;
	position: relative;
	width: 900px;
}

	#top-header {
        position: relative;
		z-index: 100;
		width: 900px;
		height: 38px;
		background: url(http://www.ou.org/jobs/images/bg/top_header.gif) no-repeat center top; 
	}
	
		#top-header h1 {
			float: left;
			margin-left: 10px;
			padding-left: 38px;
			height: 38px;
			line-height: 40px;
			font-weight: 700;
			font-size: 16px;
			background: url(http://www.ou.org/jobs/images/logo.jpg) no-repeat left top;
		}
		
			#top-header h1 a {
				text-decoration: none;
				color: #fff;
			}
		
		#top-header ul {
			float: right;
			padding-top: 12px;
			display: inline;
		}
		
			#top-header ul li {
				float: left;
				height: 15px;
				border-left: 1px solid #fff;
			}
			
			#top-header ul li.first {
				border-left: none;
				position: relative;
			} 
			
				#top-header ul li a {
					padding: 0 10px;
					line-height: 15px;
					font-weight: normal;
					font-size: 13px;
					color: #fff;
					text-decoration: none;
				}
				
				#top-header ul li a:hover { text-decoration: underline; }
		
		#top-header #login {
			display: none;
			z-index: 100;
			position: absolute;
			left: -80px;
			top: 22px;
			padding: 15px 30px 15px 20px;
			width: 195px;
			height: 90px;
			background:  url(http://www.ou.org/jobs/images/bg/login2.png) no-repeat left top;
		}
		
			#top-header #login .line-login {
				overflow: hidden;
				margin-bottom: 5px;
				height: 20px;
			}	
		
			.line-login label {
				float: left;
				margin-top: 5px;
				font-weight: 700;
				font-size: 12px;
				color: #003;
			}	
		
			.line-login input {
				float: right;
				margin-left: 5px;
				width: 120px;
			}
			
	#posts-scroller {
		overflow: hidden;
		margin-top: 5px;
		padding: 0 0 0 10px;
		width: 888px;
		border: 1px solid #c7c7c7;
	}
	
		#posts-scroller .mask {
			position: relative;
			overflow: hidden;
			float: left;
			width: 780px;
			height: 24px;
			line-height: 24px;
		}
		
		#posts-scroller .mask ul#ticker {
			position: relative;
		}
		
			#posts-scroller .mask ul#ticker li {
				float: left;
			}
			
				#posts-scroller .mask ul#ticker li a {
					font-size: 12px;
					color: #336;
				}
				
	#header p {
		float: left;
		width: 90px;
		line-height: 24px;
		font-weight: 700;
		font-size: 12px;
		color: #900;
	}
				

/* 3.3	Sub Header
-----------------------------------------------------------------------------------------------*/	

#sub-header {
	z-index: 10;
	overflow: hidden;
	position: relative;
	padding: 5px 0;
	width: 900px;
}

	#left-sub-header {
		float: left;
		width: 624px;
		height: 200px;
		overflow: hidden;
	}
	
		#left-sub-header form {
			overflow: hidden;
			padding: 15px;
			height: 195px;
			background: #365182 url(http://media.ouradio.org/content/elements/search_top2.gif) repeat-y left top;
		}
		
			#left-sub-header form h2 {
				padding-bottom: 5px;
				font-weight: 700;
				font-size: 24px;
				color: #fff;
				border-bottom: 1px solid #56739c;
			}
			
			fieldset#search {
				overflow: hidden;	
			}
			
				#search-detail {
					overflow: hidden;
					padding: 5px 0 15px;
				}
				
				#search-detail label {
					line-height: 20px;
					font-size: 14px;
					color: #fff; 
				}
			
					#search-detail .left {
						float: left;
						width: 210px;
					}
					
						#search-detail .left label {
							padding-bottom: 2px;
							display: block;
							width: 210px;
						}
						
						#search-detail .left input {
							margin-bottom: 5px;
							width: 190px;
							height: 20px;
						}
						
						#search-detail .left select {
							width: 195px;
						}
					
					#search-detail .right {
						float: right;
						width: 384px;
					}
					
						#search-detail .right label {
							display: block;
							width: 384px;
						}
						
						#search-detail .right select {
							margin-top: 3px;
							width: 384px;
							height: 75px;
						}
						
			fieldset#search p {
				font-size: 13px;
				color: #9cf;
			}
					
			input.search {
				margin-top: -17px;
				float: right;
			}
	
	#right-sub-header {
		float: right;
		width: 262px;
	}
	
		.info {			
			margin-bottom: 10px; 
			padding: 15px 15px 15px 15px;
			border: 1px solid #ccc;
			background: #eee url(http://media.ouradio.org/content/elements/right_top_grey2.gif) repeat-y left top;
		}
		
			.info h2 {
				margin-bottom: 5px;
				padding-bottom: 5px;
				font-weight: 700;
				font-size: 24px;
				color: #900;
				border-bottom: 1px solid #ccc;
			}
			
			.info dl {
				line-height: 18px;
				font-size: 12px;
				color: #336;
			}
			
				.info dt {
					font-weight: 700;
					padding-left: 15px;
					background: url(http://www.ou.org/jobs/images/blue_arrow_grey.gif) no-repeat left 4px;
				}
				
				.info dd {
					padding-left: 15px;
				}	
	
		fieldset#join {	
			padding: 15px;
			height: 47px;		
			border: 1px solid #888;
			background-color: #979797;
		}
			
			fieldset#join h4 {
				padding-left: 5px;
				line-height: 20px;
				font-weight: 700;
				font-size: 14px;
				color: #fff;
				background-color: #757575;
			}
			
			.line-join {
				padding-top: 5px;
				height: 25px;
			}
			
				.txt-box {
					width: 155px;
				}
			
				fieldset#join input.submit {
					margin-left: 10px;
				}

/* 3.4	Content
-----------------------------------------------------------------------------------------------*/	

#content {
	overflow: hidden;
	padding: 10px 0 20px;
	width: 900px;
	border-top: 1px solid #ccc;
}

	#left-content {
		float: left;
		width: 768px;
	}
	
		ul#navigation {
			margin-bottom: 10px;
			padding-top: 8px;
			width: 768px;
			height: 22px;
			background: #ccc;
		}
		
			ul#navigation li {
				display: inline;
				padding: 0 5px 0 7px;
				border-left: 2px solid #e8e6e6;
			}
			
			ul#navigation li.first {
				padding-left: 8px;
				border-left: none;
			}
			
				ul#navigation li a {
					padding: 2px 30px 2px;
					text-decoration: none;
					font-weight: 700;
					font-size: 13px;
					color: #336;
				}
				
				ul#navigation li a:hover, ul#navigation li a.C1203a {
					background-color: #f0f0f0;
				}
                
                ul#navigation li a:hover, ul#navigation li a.C1294b {
					background-color: #f0f0f0;
				}
                
        
                	ul#navigation li a:hover, ul#navigation li a.employerc {
					background-color: #f0f0f0;
				}
		
                	ul#navigation li a:hover, ul#navigation li a.jobd {
					background-color: #f0f0f0;
				}
		
		#main-content {
			padding-bottom: 20px;
		}
		
		.content-section {
			overflow: hidden;
			width: 768px;
		}
		
			.content-section h3 {
				width: 100%;
				height: 30px;
				line-height: 30px;
				font-weight: 700;
				font-size: 18px;
				color: #fff;
			}
			
			.content-section p , .content-section ul {
				padding: 15px 15px 0;
				line-height: 20px;
				font-size: 13px;
				color: #003;
			}
			
				.content-section ul li {
					padding-left: 15px;
					background: url(http://www.ou.org/jobs/images/blue_arrow.gif) no-repeat left 4px;
				}
		
			.content-section .left {
				float: left;
			}
			
			.content-section .right {
				float: right;
			}
			
			.box-blue {
				padding-bottom: 14px;
				width: 375px;
				min-height: 140px;
				border: 1px solid #b5c7d4;
			}
			
				.box-blue h3 {
					padding-left: 15px;
					width: 360px;
					background: url(http://www.ou.org/jobs/images/bg/header-box_blue.gif) repeat-x left top;
				}
			
			.box-grey {
				padding-bottom: 15px;
				width: 375px;
				min-height: 140px;
				border: 1px solid #ccc;
			}
			
				.box-grey h3 {
					padding-left: 15px;
					width: 360px;
					background: url(http://www.ou.org/jobs/images/bg/header-box_grey.gif) repeat-x left top;
				}
				
	fieldset#sign-up {
		margin: 14px 0 0 15px;
		padding: 15px;
		width: 311px;
		height: 69px;
		border: 1px solid #ccc;
		background: #eee url(http://media.ouradio.org/content/elements//right_middle_grey.jpg) repeat-y left top;
	}
	
		fieldset#sign-up h4 {
			padding-bottom: 15px;
			font-weight: 700;
			font-size: 14px;
			color: #336;
		}
		
			fieldset#sign-up input.submit {
				margin-left: 10px;
			}
	
	#right-content {
		float: right;
		width: 121px;
	}
	
		form fieldset#poll {
			margin-bottom: 15px;
			padding: 10px;
			width: 99px;
			line-height: 18px;
			font-size: 12px;
			border: 1px solid #cfcfcf;
			background: #ffc;
		}
		
			fieldset#poll h4 {
				line-height: 24px;
				font-weight: 700;
				font-size: 18px;
				color: #336;
				border-bottom: 1px solid #e5e5b2;
			}
			
			fieldset#poll p {
				padding: 10px 0;
			}
			
			fieldset#poll .line-poll {
				overflow: hidden;
				padding-bottom: 5px;
			}
			
				fieldset#poll input, fieldset#poll label {
					float: left;
					margin-right: 5px;
				}
		
		#right-content #banner {
			border: 1px solid #202020;
		}


/* 3.5	Footer
-----------------------------------------------------------------------------------------------*/	

#footer {
	padding-bottom: 50px;
	width: 900px;
	border-top: 10px solid #799abb;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	color: #5274a8;
}

	#footer p {
		padding-top: 10px;
	}

	#footer ul {
		width: 900px;
	}
		#footer ul li {
			display: inline;
			border-left: 1px solid #5274a8;
		}
		
		#footer ul li.first {
			border-left: none;
		}
		
			#footer ul li a {
				padding: 0 5px;
				color: #5274a8;
			}


/* 4. LAYOUT ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/