/*
|
| TITLE:		Michael Job Center master style for screen media
| AUTHOR:		Eric Shiarla, emshiarla@gmail.com
| EMPLOYED: 	Pendergraphics Design Group, http://www.pendergraphics.com
| 
| CREATED:		September 9, 2005 
| MODIFIED: 	---------------
|
| NOTE:			Index file only file to use this style sheet.  Rest of site built 
|				with tables.
*/


html{
	margin: 0;
	padding: 0;
}

body{ 
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	background: #663333 url(/images/newhome/bg-fixed.gif) top center no-repeat;	 
}


#wrap{
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 752px;
	height: 972px;
	overflow: hidden;
}


/* GLOBAL ELEMENTS 
----------------------------------------------------*/
h1 {
	margin: 10px;
	color: #333;
}

h2 {	
	margin: 10px;
	color: #333;	
}

h3 {
	margin: 20px 5px 0 10px;
	font-size: 85%;
	color: #330000;	
}

h4 {
	margin: 10px;
	color: #000;	
}

p {
	margin: 10px;
	color: #333;
	font-size: 80%;
}

img {

}

a {
	color: #330000;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: #660000;
	font-weight: bold;
}

a:active, a:focus {
	color: #330000;
} 

ul {
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;	
	font-size: 70%;	
}

dl {
	margin: 10px;
}

dt {
	font-size: 85%;
	color: #484848;			
}

dd {
	font-size: 80%;
	color: #484848;		
}

form {
	margin: 25px 0 0 10px;
}

select,textarea,input { 
	font-size: 70%;
}




 


/* GLOBAL CLASSES 
----------------------------------------------------*/
.hide  {
	display: none;
}

.block {
	clear: left;
	display: block;
}
 
.inline {
	display: inline;
}

.clear {
	clear: both;
}

.clearleft {
	clear: left;
}

.standout {
	text-transform: uppercase;
}

.search {
	margin: 0;
	color: #FF9933;
	font-size: 110%;
	text-transform: uppercase;
}


/* HEADER 
----------------------------------------------------*/
#header {
	position: relative;
	top: 0;
	left: 23px;
	margin: 0;
	padding: 0;
	width: 634px;
	background-color: #F9F5E4;
	border-bottom: 3px solid #330000;	
}

#header h1 { display: none; }


/* NAVIGATION 
----------------------------------------------------*/
#navigation{
	position: relative;
	top: 5px;
	left: 18px;
	width: 400px;
	height: 25px;
}

#navigation li {
	display: inline;
	padding: 2px 4px 2px 4px;
	list-style: none;
	background: #330000;	
}

* html #navigation li { margin-right: 3px }

#navigation a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#navigation a:hover {
	color: #FF9933;
	font-weight: bold;
}

#navigation li.login, #navigation li.login a { color: #000; background: #FF9933; }
#navigation li.login a:hover { color: #fff; }

#header h1 { display: none; }


/* FLASH 
----------------------------------------------------*/
#flash{
	margin: 0;
	padding: 0;
	width: 595px;
	height: 92px;	
}


/* CONTENT
----------------------------------------------------*/
#content{
	position: relative;
	top: 0;
	left: 23px;
	margin: 0;
	padding: 0;
	width: 634px;
}

	
	/*--|| Sponsor Box || -------------*/
	#sponsorbox {
		float: left;
		margin: 0;
		margin: 0;
		padding: 0;
		width: 440px;
		border-right: 2px solid #330000;
		border-bottom: 2px solid #330000;
	}

	
		/*--|| Featured Child || -------------*/
		#featuredchild {
			float: left;
			margin: 0;
			padding: 0;
			width: 177px;
		}
		
		#featuredchild dl { margin: 0; padding: 0; }
		#featuredchild dt { display: none; }
		#featuredchild dd { margin: 0; text-align: center; }
		#featuredchild dd.img { margin: 0; padding: 0; height: 177px; }
		#featuredchild dd.sponsor { padding: .5em 0 .5em 0; background: #ffccff; }  * html #featuredchild dd.sponsor { margin-top: -3px; }
		#featuredchild dd.age { padding: .3em 0 .3em 0; color: #fff; background: #4b1b2b; }
		#featuredchild img { margin: 0; padding: 0; border: 1px solid #000; }
		#featuredchild img.jobcenter { border-color: #4b1b2b; border-width: 2px; }
		#featuredchild h4 { margin: 0; padding: 0; font-size: 110%; }
		
		
		/*--|| Sub-Featured Children || -------------*/
		#subfeaturedchild1, #subfeaturedchild2, #subfeaturedchild3 { position: absolute; top: 0; width: 80px; z-index: 1;}
		#subfeaturedchild1 dl, #subfeaturedchild2 dl, #subfeaturedchild3 dl { margin: 0; padding: 0; }
		#subfeaturedchild1 dt, #subfeaturedchild2 dt, #subfeaturedchild3 dt { display: none; }
		#subfeaturedchild1 dd, #subfeaturedchild2 dd, #subfeaturedchild3 dd { margin: 0; padding: 0; text-align: center; font-size: 80%; }
		#subfeaturedchild1 img, #subfeaturedchild2 img, #subfeaturedchild3 img { margin: 0; padding: 0; border: 1px solid #000; }
		
			#subfeaturedchild1 { left: 175px; }
			#subfeaturedchild2 { left: 255px; }
			#subfeaturedchild3 { left: 335px; }
			
		
		/*--|| Sponsored Text || -------------*/
		#sponsortext {
			float: left;
			margin: 135px 0 0 0;
			padding: 0;
			width: 260px;
		}
		
				#sponsortext h2{
					display: block;
					width: 160px;
					height: 60px;
					text-indent: -5000px;
					overflow: hidden;
					background: transparent url(images/home/body_16.gif) top left no-repeat;
				}

	/*--|| Sidebar || -------------*/
	#sidebar {
		float: left;
		margin: 0;
		padding: 0;
		width: 185px;
	}


/* FOOTER
----------------------------------------------------*/
#footer{
	clear: both;
	margin: 0 0 0 33px;
	padding: 0;
	width: 634px;
}

* html #footer {
	margin-top: -20px;
}

	/*--|| News || -------------*/
	#news {
		float: left;
		margin: 30px 0 0 0;
		padding: 0;
		width: 270px;
		height: 75px;
	}
	
		#news dl, #news dt, #news dd { margin: 0; padding: 0; }
		#news dt { font-size: 95%; color: #FF9933; font-weight: bold; }
		
		
	/*--|| Photos || -------------*/
	#photos {
		float: left;
		margin: 30px 0 0 0;
		padding: 0;
		width: 270px;
		height: 75px;		
	}

		#photos dl, #photos dt, #photos dd { margin: 0; padding: 0; }
		#photos dt { font-size: 95%; color: #FF9933; font-weight: bold; }
	
	
	/*--|| Events || -------------*/
	#events {
		clear: left;
		float: left;
		margin: 10px 0 0 0;
		padding: 0;
		width: 270px;
		height: 75px;		
	}
	
		#events dl, #events dt, #events dd { margin: 0; padding: 0; }
		#events dt { font-size: 95%; color: #FF9933; font-weight: bold; }
	
	
	/*--|| My Account || -------------*/
	#myaccount {
		float: left;
		margin: 10px 0 0 0;
		padding: 0;
		width: 270px;
		height: 75px;		
	}
	
		#myaccount dl, #myaccount dt, #myaccount dd { margin: 0; padding: 0; }	
		#myaccount dt { font-size: 95%; color: #FF9933; font-weight: bold; }