/* CSS for the home page */

@import url(/_styles/site/core.css);

div#bgimg {
	background: url(../../img/home/topbg.jpg) center 63px no-repeat transparent;
}










/* CONTENT */
h3 {
	text-indent: -100em;
	font-size: 1px;
	overflow: hidden;
	
	width: 253px;
	height: 67px;
	
	background: url(../../img/home/logo.gif) left top no-repeat transparent;
	
	position: absolute;
	top: 14px;
	left: 72px;
}
/* /CONTENT */



/* MAIN */
div#main {
	width: 595px;
	margin: 153px 0 0 0;
	
	min-height: 400px;
	position: relative;
	/* background-color: #F00; */
}

div#main div.content {
	padding: 0 0 10px 10px;
}
/* /MAIN */




/* FOOTER */
p#footer {
	min-height: 22px;
	background: url(../../img/home/mainbottom.gif) left top no-repeat transparent;
	
	text-align: center;
	padding: 5px 0 0 0;
	_height: 27px;
}
/* /FOOTER */














/* SIDE */
div#side {
	position: relative;
	
	width: 335px;
	float: right;
	margin: 153px 9px 0 0;
	
	padding: 1px 0 140px;
	background: url(../../img/home/sidebottom.jpg) bottom right no-repeat transparent;
	/* background-color: #00F; */
	
	display: inline; /* Fix IE Double float bug */
}
/* /SIDE */





/* LOGIN */
div#side div#login {
	background: url(../../img/home/access-bg.gif) left top no-repeat transparent;
	height: 240px;
	
	position: relative;
}

div#side div#login h2 {
	width: 241px;
	height: 21px;

	position: absolute;
	top: 9px;
	left: 11px;
	
	text-indent: -100em;
	font-size: 1px;
	overflow: hidden;
	
	background: url(../../img/home/access.gif) left top no-repeat transparent;
}

div#login  ul {
	list-style-type: none;
	
	position: absolute;
	top: 39px;
	left: 9px;
}

div#login  li {
	display: block;
	position: absolute;
	
	height: 45px;
	
	left: 0;
}

div#login  li a {
	display: block;
	
	text-indent: -100em;
	font-size: 1px;
	overflow: hidden;
	
	width: 317px;
	height: 45px;
	
	background-image: url(../../img/home/loginbtns.jpg);
	background-repeat: none;
}

div#login li.members { top: 0; }
div#login li.members a { background-position: 0px 0px; }
div#login li.members a:hover { background-position: -317px 0px; }

div#login li.employers { top: 50px; }
div#login li.employers a { background-position: 0px -50px; }
div#login li.employers a:hover { background-position: -317px -50px; }

div#login li.providers { top: 99px; }
div#login li.providers a { background-position: 0px -99px; }
div#login li.providers a:hover { background-position: -317px -99px; }

div#login li.agents { top: 149px; }
div#login li.agents a { background-position: 0px -149px; height: 44px; }
div#login li.agents a:hover { background-position: -317px -149px; }


div#side div#login,
div#side div#quote {
	margin: 0 0 20px 0;
}

/*
div#login label, div#login input.txt, div#login select {
	display: block;
	width: 150px;
}

div#login div.userid {
	width: 155px;
	float: left;
	display: block;
	
	padding: 0 0 0 7px;
}

div#login div.passwd {
	margin: 0 0 0 170px;
}

div#login div.plan {
	width: 200px;
	float: left;
}

div#login div.plan select {
	clear: left;
	margin: 14px 0 0 7px;
	width: 100%;
}

div#login div.submit {
	margin: 10px 0 0 255px;
}

div#login p.forgot {
	clear: left;
	margin: 0 0 0 7px;
}
*/
/* /LOGIN */


/* QUOTE */
div#quote {
	padding-top: 10px;
	text-align: center;
}

div#quote img {
	border: none;
}
/* /QUOTE */


/* FIND PROVIDER */
div#side div#findprovider h2 {
	width: 334px;
	height: 46px;
	
	text-indent: -100em;
	font-size: 1px;
	overflow: hidden;
	
	background: url(../../img/home/findprovider.gif) left top no-repeat transparent;
}

div#findprovider label {
	display: block;
	width: 150px;
}

div#findprovider select {
	display: block;
}

div#findprovider div.city {
	width: 230px;
	float: left;
	padding: 1px 0;
}

div#findprovider div.city select {
	clear: left;
	margin: 15px 0 0 7px;
	width: 100%;
}

div#findprovider div.submit {
	padding: 10px 0 0 255px;
}
div#findprovider p.advanced {
	clear: left;
	margin: 0 0 0 7px;
}
/* FIND PROVIDER */



/* ROTATOR */
#hprotatornav {
	height: 20px;
	position: absolute;
	left: 475px;
	top: 243px;
	width: 50px;
	z-index: 10;
	/* border: 1px solid #F00; */
}

#hprotatornav a.activeSlide:link,
#hprotatornav a.activeSlide:hover,
#hprotatornav a.activeSlide:active
#hprotatornav a.activeSlide:visited {
	color: #C3BEAB
}

#hprotatornav a {
	font-size: 10px;
	font-weight:bold;
	height: 20px;
	line-height: 18px;
	margin:0;
	padding: 4px 6px;
	text-decoration:none;
}

#hprotatornav a:link,
#hprotatornav a:active,
#hprotatornav a:visited,
#hprotatornav a:hover {
	color: #1E8663;
}
/* ROTATOR */