html, td {
	line-height: 170%;
	font-size: 100%;
}
h1, h2, h3, h4 {
	color: #888;
	font-weight: normal;
	text-transform: lowercase;
}
div.header {
	margin-bottom: 11px;
}

body {
	background-color: #FFF;
	background-image: url(/sites/hrconnect/background.gif);
	background-repeat: repeat-x;
	background-position: top;
}
div.body, div.page {
	padding: 0; 
	margin: 0;
}

div.second_row {
	margin-top: 20px;
}
div.header {
	padding-top: 15px;
}	

ul.main_menu a, ul.admin_buttons a, ul.side_menu a {
	font-weight: normal;	
}

div.panel {
	background-color: #FFF;
}
div.page_with_breadcrumbs {
	background-image: url(/sites/hrconnect/side_right.gif);
	background-repeat: repeat-y;
	background-position: top right;
}
div.page_with_breadcrumbs1 {
	background-image: url(/sites/hrconnect/side_left.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

div.page_with_breadcrumbs2 {
	background-image: url(/sites/hrconnect/white_beams2_03.gif);
	background-repeat: no-repeat;
	background-position: 75px 0px;
}
	
div.header {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	width:expression(document.body.clientWidth > 831? "830px": "auto" );	
	padding-left: 80px;
	padding-right: 80px;
}
div.page_with_breadcrumbs {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	width:expression(document.body.clientWidth > 1000? "999px": "auto" );	
} 


div.page_with_breadcrumbs2 {
	padding: 20px 80px 20px 80px;
	
}

span.caption, div.caption, .caption, .footer {
	color: #888;
}

h4 {
font-size: 110%;
font-weight: bold;
}

h1, h2 {
	color: #B00;
}

a {
	color: #028;
}

div.page {
	padding: 0 20px;
}

li.login_button {
	position: absolute;
	top: 80px;
	right: 20px;
}
a.login_button {
	color:#555 !important;
}