/* @override http://perforomist.com/css/all.css */

/* Eric Meyer Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	font: 12px/1.5 arial, verdana, sans-serif; color: #1445b3; color: #0B29A3; background: #FFF;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

sup,sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 10px;

}
sup { bottom: 1ex; }
sub { top: .5ex; }


/* Layout */

#wrapper{ width: 800px; margin: 0 auto; }


/* Header */

h1, h2, h3, h4, h5{ color: #0097AC; }
h1{ font-size: 1.333em; margin: 0 0 1.125em; }
h2{ font-size: 1em; font-weight: normal; font-style: italic; margin-bottom: 1.5em; }

p{ margin-bottom: 1.5em; }

a{ color: #666; }
a:hover{ color: #000; }

#header{ position: relative; padding: 20px 0; border-bottom: 2px solid #ff7b00; }
#header p{ position: absolute; top: 36px; right: 0; width: 445px; height: 34px; background: transparent url(../images/slogan.png) 0 0 no-repeat; text-indent: -9999px; }
#header p.healthcare{ width: 421px; height: 38px; background-image: none; }


/* Content */

#content-wrapper{ padding: 0 0 1.5em 162px; }
#content-wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#content-wrapper.home{ background: transparent url(../images/background-home.jpg) 0 0 no-repeat; }

#left-column{ position: relative; z-index: 2; width: 162px; float: left; display: inline; margin-left: -162px; background: transparent url(../images/background-sidebar.jpg) 0 0 no-repeat; }
#left-column.healthcare{ background-image: url(../images/background-sidebar-hc.jpg); }
#content-wrapper.home #left-column{ background: none; }

#left-column ul#menu{ width: 147px; margin: 135px 0 0 15px; }
#left-column.healthcare ul#menu{ margin-top: 170px; }
#content-wrapper.home #left-column ul#menu{ margin: 20px 0 0 40px; width: 146px; }
#content-wrapper.home #left-column ul#menu li a { color: #fff; }
#left-column ul#menu li{ position: relative; }
#left-column ul#menu li a{ display: block; padding: 0.25em 0.5em; font-size: 13px; text-decoration: none; color: #00458e; }
#left-column ul#menu li a:hover, #left-column ul#menu li a.active{ color: #fff; background: #0099af; }
#content-wrapper.home #left-column ul#menu li a{ font-weight: bold; }
#left-column ul#menu ul{ position: absolute; top: -1px; left: 147px; margin: 0; width: 180px; background: #0099af; display: none; border-top: 1px solid #CCC; }
#content-wrapper.home #left-column ul#menu ul{ left: 140px; }
#left-column ul#menu ul ul, #content-wrapper.home #left-column ul#menu ul ul{ top: -1px; left: 180px; }
#left-column ul#menu li ul li{ border-bottom: 1px solid #CCC; }
#left-column ul#menu ul li a{ display: block; padding: 0.25em 0.5em; color: #FFF; font-weight: normal !important; }
#left-column ul#menu ul li a:hover{ background: #00b7c7; color: #FFF; }

/*#left-column ul#menu li:hover > ul{ display: block; }
#left-column ul#menu li:hover > ul li:hover > ul{ display: block; }*/

#left-column form{ margin: 1.5em 0 1.5em 15px; }
#left-column form label{ color: #00458e; display: block; }
#left-column form input{ vertical-align: middle; }
#left-column form input.text{ width: 100px; }

#left-column a#rems_home {
	float: left;
	clear: both;
	margin: 51px 0px 0px 14px;
}

#left-column a#rems_sub {
	float: left;
	clear: both;
	margin: 0px 0px 0px 3px;
}

#right-column{ position: relative; z-index: 1; width: 598px; padding: 20px; }
#right-column ul, #right-column ol{ margin: 0 0 1.5em 36px; }
#right-column ul{ list-style: disc; }
#right-column ol{ list-style: decimal; }
#content-wrapper.home #right-column{ width: 568px; padding: 300px 20px 20px 50px; }

#right-column ul.sitemap ul{ margin-bottom: 0; padding-bottom: 0; margin-left: 36px; }
#right-column ul.sitemap ul ul{ margin-bottom: 0; padding-bottom: 0; }


/* Search */

form#search-again{ margin-bottom: 1.5em; }


/* Footer */

#footer h1, #footer h2{ font-size: 1em; font-weight: bold; color: #1445b3;}
#footer h1{ text-transform: uppercase; }
#footer p{ font-size: 0.917em; line-height: 1.636em; }
#footer .content{ margin: 0 0 1.5em 0; padding: 1.5em 1.5em 0 1.5em; }
#footer .callout{ margin: 0 0 1.5em 0; padding: 1.5em 1.5em 0 1.5em; border: 1px solid #1445b3; }
#footer .callout h2{ margin: 0 0 1.5em 0; text-align: center; text-transform: uppercase; color: #1445b3; }

#footer ul{ background: #004990; width: 100%; height: 30px; text-align: center; margin-bottom: 1.5em; }
#footer ul li{ display: inline; }
#footer ul li, #footer ul li a{ color: #FFF; line-height: 30px; text-decoration: none; }
#footer ul li a{ margin: 0 5px; }
#footer ul li a:hover{ color: #0099af; }

#credits{ margin-top: 100px; }