@charset "UTF-8";
/* CSS Document */

body {background-color:#927f6a; background-image: url("images/bg2.jpg"); background-repeat:repeat-x; margin:0}


header, footer, article, nav, section, aside, time, hgroup, video {
	display : block;
}
html, body, header, footer, article, nav, section, aside, time, video, h1, h2, h3, p, a, ul, li, dl, dd, dt, table, thead, tfoot, tbody, th, tr, td {
	border : 0;
	font-family : Arial, sans-serif;
	margin : 0;
	outline : 0;
	padding : 0;
	color: #000;
	text-align: left;
}

.wrapper {width:980px; background:url("images/table-bg.png") repeat-y; margin:0 auto; height:1000px; padding-top:80px;}

.workplace-harassment {position:relative; width:100%; padding-left:60px; height:25px; color:#EB8104; }
.workplace-harassment a {color:#FFF; font-size:13px; text-decoration:none; text-align:right; font-family: "Century Gothic", Arial, Helvetica, sans-serif
;}
.workplace-harassment a:hover {text-decoration:underline}

.harassment-training-for-employees {width:100%; background:#EB8104; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; height:35px;  margin:10px auto 0 auto; padding:3px 0 0 0; }
.harassment-training-for-employees a {color:#FFF; font-size:13px; text-transform:uppercase; text-decoration:none; 	font-family: "Century Gothic", Arial, Helvetica, sans-serif
; font-weight:bold}
.harassment-training-for-employees a:hover {text-decoration:underline;}
.harassment-training-for-employees ul {vertical-align:top; margin:7px 10px 0 10px; list-style:none; display:inline; float:right;  position:relative}
.harassment-training-for-employees li {display:inline; border-right:#000 dotted 1px; padding:5px 10px; }

/*Sidebar*/
.workplace-harassment-training {position:relative; float:left; width:400px; padding:0; }
/*LOGO*/
.sexual-harrassment-training {margin:40px 0 0 22px;; border:0; text-align:center; }
.rounded {border-radius:5px;}

/*Main Content*/
.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	width: 550px;
	height:480px;
	position:relative; float:left;
	margin:40px 0 0 20px;
	
}
.content li {margin-left:30px}
.content p {margin:10px 0;}
.content a {
color: #730737;
text-decoration:underline;
}

h1 {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #730737; float:left;
}

h2 { font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	color: #FFF;
	background-color: #eb8104;
	padding: 2px;
	float:left} 

h3 {font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #F60; font-weight:bold; margin-top:40px}
h4 {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: #917f69;
	color:#FFF;
	padding:2px;
	width:250px;
}
.orange {font-family: "Century Gothic", Arial, Helvetica, sans-serif; color:#F60; font-weight:bold}
	
.maroon-emphasis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color: #917f69;
	padding: 2px;
}



footer {width:100%; text-align:right; float:left; margin:5px 0 0 0; position:relative;}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	padding-top: 10px;
}
.footer a {
	color: #730737;
	font-weight:bold;
}