/* UWellness Insert to Benefits & WorkLife Update */
body { 
	position: relative;
	font-size: 76%; /* sets default font size */
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: .01em;
}

div#mainwrap {
	position: relative;
	background-color: #fff;
	width: 900px;
	margin: 20px auto;
}

/*** HEADER ***/

div#header {
	position: relative;
	z-index: 0;
	margin: 0;
	height: 117px;
	background-color: #0066ff;
	background-image:url(/admin/hr/imgs/benwl/wellness/collage-sm.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

#header img#title { /* positions UWellness logo in header */ 
	position: absolute;
	left: 10px;
	top: 10px;
}

div#messageBar { /*positions date and UWellness tagline */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	padding: 5px 10px;
	color: white;
	background: #99cc00;
	font-size: .9em;
	text-align: center;
	text-transform: uppercase;
}

/******Start Left Column***********/

div#leftcol { /*styles for text and images in the left column including links and lists*/
	float: left;
	width: 200px;
	background-color: #0066ff;
}

#leftcol img { /*position images within left column*/
	margin: 0px 5px 5px 5px;
}

/* style main left column links*/

div#leftcol ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #fff;
}

div#leftcol ul.disc {
	list-style-type: disc;
		margin: 0 0 0 20px; 
}

div#leftcol ul ul.disc {margin-left: 15px;
	list-style-type: disc;
}
	div#leftcol ul ul.disc li { line-height: .9em;}


div#leftcol ul.disc { /*create style for unlinked text in lind below link "heading"*/
	list-style-type: disc;

}

div#leftcol ul li { 
	line-height: 1.2em;
	margin: .9em 10px;
}

div#leftcol li a, div#leftcol li a:visited {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.5em;
	text-decoration: underline;
	color: #fff;
}

div#leftcol li a:hover {
	text-decoration: none;
}

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


div#leftcol h1 {
	color:#000033;
	font-size: 1.5em;
	margin: 15px 5px 1em 15px;
}
	
div#leftcol h2 {
	color: #99cc00;
	font-size: 1.1em;
	margin: 15px 5px 1em 15px;
}

div#leftcol a, div#leftcol a:visited {
	text-decoration: underline;
	color: #fff;
}

div#leftcol p {
	color: #fff;
	font-size: .98em;
	margin: 15px 5px 1em 15px;
}

#leftcol div#resources {
	position: relative;
	padding: 10px;
}

#leftcol div#resources ul {
	margin: 0;
	margin-left: 30px;
	padding: 0;
}

#leftcol div#resources h3 {
	color:#000000;
	font-size: 1em;
	margin-left: 5px;
}

#leftcol #div#resources li {
	color: #fff;
}

#leftcol div#resources a {
	color: #fff;
	font-size: 1em;
	text-decoration: underline;
	font-weight: bold;
}

#leftcol div#resources a:visited {
	color:#fff;
}

#leftcol div#resources a:hover {
	text-decoration: none;
}

#leftcol img#pgOne { /*style for an image to be used at bottom of left column */
	display: block;
}

/*style for right side*/

div#articlewrap { /* wraps and positions column with articles*/
	margin-left: 208px;
}

div#toparticle {
	position:relative;
	padding: 5px;
	background-color: #fff;
	border: 5px solid #99cc00;
}

#toparticle img { /*position image for top article*/
	float: right;
	margin: 5px 5px 10px 10px;
}

div#articlebuffer { /*used as a spacer between top and middle article areas*/
	height: 50px;
	background-color: #000033;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
}

div#middlearticle{
	position: relative;
	padding: 5px;
	background-color: #fff;
	border: 5px solid #0066ff;
}

#middlearticle img { /*position image for middle article*/
	float: right;
	margin: 5px 5px 10px 10px;
}

div#bottomarticle {
	position: relative;
	border-bottom: 5px solid #fff;
	padding: 5px;
	background-color: #0066ff;
}

#bottomarticle img { /*position image for bottom article*/
	float: right;
	margin: 5px 5px 10px 10px;
}

div#lastarticle {
	position:relative;
	padding: 5px;
	background-color: #fff;
	border: 5px solid #99cc00;
}

#lastarticle img { /*position image for bottom article*/
	float: right;
	margin: 5px 5px 10px 10px;
}

div#toparticle h1, div#bottomarticle h1, div#middlearticle h1, div#lastarticle h1 {
	font-size: 1.5em;
	margin: 0 0 .9em 0;
	color: #000033;
}

div#toparticle h2, div#bottomarticle h2, div#middlearticle h2, div#lastarticle h2  {
	font-size: 1.1em;
	margin: 0 0 .38em 0;
}


div#bottomarticle h2 {
	color: #99cc00;
}

div#toparticle h2, div#middlearticle h2, div#lastarticle h2 {
	color: #0066ff;
}

div#toparticle p, div#middlearticle p, div#lastarticle p {
	font-size: .98em;
	margin: 0 0 1.5em 0;
	color: #000033;
}

div#bottomarticle p {
	font-size: .98em;
	margin: 0 0 1.5em 0;
	color: #fff;
}


/*table styles*/

table.appts {
	margin-left: 15px;
}

table.appts, table.appts td, table.appts th {
	border: none;
}

table.appts th {
	text-align: left;
	padding: 3px;
}

table.appts td {
	padding: 1px 3px 3px 10px;
	text-align: left;
}