/*************************Main Style Sheet for JobMonkey home page and all pages that use same style**********************/

/********to bring back yellow background behind middle column place url(/imgs/columnCenterBkrnd/main-background-yellow.gif);	next to background-image: below******/


div#mainwrap { 
/*wrap all content, center it and*/	
	position: relative;	
	width: 960px;	
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(../imgs/columnCenterBkrnd/main-background-white.gif);
	background-position: -19px; /* position background image to create appearance of left and right columns*/	
	background-repeat: repeat-y;	
	overflow: hidden; /* hide overflow from background image */
}

#bannertop
{
    position: absolute;
    top: 5px;
	width: 728px;
	height: 100px;
    left: 50%;
	background-color:#FFFFFF;
	text-align: left;
    margin-left: -364px;
}

div#submainwrap {
/* create container for right column background */	
	position: relative;	
	width: 100%;	
	background-color: transparent;	
	background-image: url(../imgs/columnCenterBkrnd/right-background-brown.gif);	
	background-position: 780px;	
	background-repeat: repeat-y;	
	overflow: hidden;
}

div#googleTopBanner { 
/*contain and position google ad banner*/	
	width:100%;	
	background-color: #fff;	
	margin: 0 auto;	
	padding-bottom: 10px; 
/*create space between banner and "jobmonkey" content*/	
	text-align: center;
}
/*************************************************Left Column********************************************************/
/*************************************************Center Column****************************************************/
div#centerCol div#centerColBanner {	
	position: relative;	
	height: 90px;	
	width: 100%;	
	margin: 0 auto;	
	background-image: url(/imgs/headers/jm-homebanner.gif);	
	background-repeat: no-repeat;	
	background-position: 10px 0;
}

div#centerColBanner p {	
	position: absolute;	
	margin: 0;	
	padding: 0;	
	font-size: 1px;
	left: -1000px;
}
/*****Center Column Link Area*****/
/***Employer Login and Search Link Area***/
div#centerLeftColTop, div#centerRightColTop {	
	float: left;	
	width: 300px;
	text-aligh:center;
}

div#centerLeftColTop img, div#centerRightColTop img{/*in case buttons are images*/
	display:block;
	margin:0 auto;
}

#centerCol a.button, #centerCol a.button:visited 
{	
	width: 60%;	
	margin: 10px auto;	
	padding: 5px;	
	text-align: center;	
	display: block;	
	border-top: 3px solid #666;	
	border-right: 3px solid #999;	
	border-bottom: 3px solid #999;	
	border-left: 3px solid #666;	
	background-color: #cc9900;	
	color: #fff;	
	font-weight: bold;	
	font-size: 1.2em;	
	text-decoration: none;
}

#centerCol a.button:hover {	
	border-top: 3px solid #999;
	border-right: 3px solid #666;
	border-bottom: 3px solid #666;
	border-left: 3px solid #999;
	color: #000;
	}
/***Center Column Main Link Area and List Styles***/ 
div#centerCol div#leftLinks {	
	list-style-type: none;
	margin: 30px 5px 0 10px;
	float: left;
	clear: left; /* forces this section below search and login buttons*/
	width: 280px;
	/*border:1px solid blue;*/ /*border for temporary visibility for design*/
	}
	
div#centerCol div#rightLinks {
	list-style-type: none;	
	margin: 30px 10px 0 5px;	
	float: left;
	width: 280px;
	/*border: 1px solid red;*/ /*border for temporary visibility for design*/
}

div#leftLinks h2, div#rightLinks h2{
	font-size: 1.3em;
	font-weight: bold;
	margin:0;
	line-height:1em;
	color: #800000;
}

/***the default padding is 25px not 10px; to make globe appear put url(/imgs/globeicon.gif); next to background-image: ***/

div#centerCol div#leftLinks p,  div#centerCol div#rightLinks p{
	margin:0 0 1.3em 0;
	font-size: 1.3em;
	line-height: 1.3em;	
}
div#leftLinks p a, div#leftLinks p a:visited, div#leftLinks p a:active, div#rightLinks p a, div#rightLinks p a:visited, div#rightLinks p a:active {

	color: #0000CC;	
	text-decoration: underline;	
	font-weight: bold;
	}
	
div#leftLinks p a:hover, div#rightLinks p a:hover {
text-decoration: none;
}
/***************Center Column Text Area**********************/

div#centerCol p {
	margin: 1.2em 10px;
	line-height: 1.2em;
	font-size: 1.3em;
	text-align: left;
	}
	
div#centerCol em {	color: #CC0000;	font-style: normal;}
/*************CenterColumn Google Ad**********************/
div#centerCol div.googleColPosition{
	width:  300px;
	height: 250px;
	margin: 50px auto 25px auto;
	}
	
	
	/*************CenterColumn Facebook Widget**********************/
div#centerCol div.facebookColPosition{
	width:  300px;
	height: 100px;
	margin: 50px auto 25px auto;
	}
/*****************************************Right Column*********************************************/
div#rightCol {float: left;	width: 180px;}
img#rightColTop {
/*position top image in left column by setting display as block and right and left margins as auto*/
 	display: block;
	margin: 20px auto 0 auto;
	}
/*****Featured Employers*****/
div#rightCol ul#employers {
	list-style-type: none;
	padding: 10px 0;
}
ul#employers li {
	margin-bottom: 10px;
	height: 60px;
}

ul#employers li img {
	display: block;	margin: 0 auto;
}
/******Right Column Google ad position ******/
div#rightCol div.googleColPosition {
	width: 160px;
	text-align: center;	margin: 20px auto 0px auto;  
/*margin auto centers in column*/
}
/********************************************Footer**************************************************/
	 /**************************Universal Clearing Divs*********************/
div.clearLeft {clear: left;}div.clearRight {clear: right;}div.clearBoth {clear: both;}