img {border: none;}

body {
	font-size: 100%;
	font-family: "Times New Roman", Times, serif;
	line-height: 24px;
	color: #000000;
	background-color: #666666;
}

a {color: #3366CC; text-decoration: none;}

a:hover {text-decoration: underline;}

p {font-size: 1em;}

p.inline {display: inline;}

h1{
 font: bold 140% Times New Roman, Times, serif;
 color: #000000;
 margin: 10px 0px 0px 0px;
 padding: 0px;
}

h2{
 font: bold 120% Times New Roman, Times, serif;
 color: #000000;
 margin: 0;
 padding: 0;
}

h3{
 font: bold 100% Times New Roman, Times, serif;
 color: #666666;
 margin: 0px;
 padding: 0px;
}

h4{
 font: bold 150% Times New Roman, Times, serif;
 color: #333333;
 margin: 10px 0px 0px 0px;
 padding: 0px;
 letter-spacing: .02em;
 text-transform: uppercase;
}

h5{
 font: 100% Times New Roman, Times, serif;
 color: #666666;
 margin: 0px;
 padding: 0px;
}

h6 {
	font: bold 122% Arial, Helvetica, sans-serif;
 	color: #333333;
 	margin: 0px;
 	padding: 0px;
}

.header {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	background-color: #ffffff;
    color: #DCDCDC;
}

.sidebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.75em;
	line-height: 18px;
	padding: 3px;
	background-color: #FFFFFF;
}


.legal {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.5625em;
	color: #333333;
}



.shadow {
	zoom: 1; /* hasLayout-Push for IE6 */
    width: 300px;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.5);
    -vendor-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=4,MakeShadow=true,ShadowOpacity=0.35);
    background: #3366cc;
}

.training {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bolder;
	color: #990000;
	line-height: 20px;
	border: none;
	background:url(Assets/index_training_left.jpg) no-repeat center;
	
}

.centertraining {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	line-height: normal;
	border: none;
	background:url(Assets/index_training_center.jpg) no-repeat center;
}

.new_training {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color:#009933;
	line-height: 20px;
	border: none;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.1875em;
	font-weight: bolder;
	color: #000000;
}

#container {
  top: 25px;
  margin: 0px auto;
  padding: 0px;
  width: 800px;
  text-align: left;
  }

#header {
	width: 800px;
	height: 145px;
	border-top: #ca9932 0px solid;
	border-right: #ccc 0px solid;
	border-left: #ccc 0px solid;
	font-family: "Times New Roman", Times, serif;
	background: #fff;
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	}

/* horizontal nav bar */
div#nav 
{
	FONT-SIZE: 16px;
	float: left; 
	margin: 0px;
	background: #333333; 
	color: #000; 
	border: 0px solid #AAA; 
	width: 800px;
	top: 150px;
	position: absolute;
	text-align: left;
	padding:0px;
	z-index:5;
}

div#nav ul 
{
	margin: 0; 
	padding:0;
	background: white; 
	border: 1px solid #CCC; 
	border-width: 0 1px;
}
div#nav li 
{
	position: relative;		
	list-style: none; 
	margin: 0;
	float: left; 
	width: auto; 
	line-height: 1em;
}
div#nav li:hover 
{
	background: #990000;
}
div#nav li.submenu 
{
	background: url(dropmenu.gif) 95% 50% no-repeat;
}

/* These create persistent hover states, the top-most link stays 'hovered' even when your cursor has moved down the list. */
div#nav li.submenu:hover 
{
	background-color: #990000; 
}
div#nav li a 
{
	color: #ffffff; /* change color of nav bar text */
	border-right: 1px solid #CCC;
	display: block;
	padding: 0.25em 1.5em 0.25em 1.5em;
	text-decoration: none;
	width: 6.5em;
	font-weight: bold;
}

div#nav li a:hover
{
	background-color: #3c3a3a;/* backgound of links on hover */
	color: #ffffff; /* text of links on hover */
}
div#nav li li a 
{
	color: #000;
	border-right: 0px solid #CCC;
	padding: 0.25em .25em 0.25em .25em;
}
div#nav ul a 
{
	width: auto;
}
div#nav ul ul 
{
	position: absolute; 
	width: 15em; /* controls width of dropdowns */
	display: none;
	padding: 0px;
	margin: 0px;
}
div#nav ul ul li 
{
	border-bottom: 1px solid #CCC;
	width: 100%;
}
div#nav li.submenu li.submenu 
{
	background: url(submenu.gif) 95% 50% no-repeat;
}
div#nav li.submenu li.submenu:hover {background-color: #CCC;}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2 
{
	top: 1.5em; 
	left: -1px;
}
div#nav ul.level3 
{
	top: -1px; 
	left: 7em;
	border-top: 1px solid #CCC;
}
div#nav ul.level4 
{
	top: -1px; 
	left: 7em;
	border-top: 1px solid #CCC;
}
/* END horizontal nav bar */

#main {
	background-repeat: no-repeat;
	margin: 0px;
	padding-left: 0px;
	padding-top: 0px;
	background: #ffffff;
	color: #000000;
	width: 800px;
	top: 177px;
	position: absolute;
	}
.story {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	}
.story table {
	margin-top: 10px;
	margin-left: -5px;
	}
.story td {
	padding: 3px 3px 3px 0px;}

.headline {
	border-bottom: 0px solid #313131;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	padding-top: 10px;
}
.right {
	float:right;
	padding: 10px;
	}
.left {
	float:left;
	padding: 10px;
	}
.list {
	width: 250px;
	}
#events {
	width: 800px;
	height: 200px;
	position: relative;
	background: #CCCCCC;
	}
#eventsleft {
	position:absolute;
	padding:0px;
	width:267px;
	height:200px;
	top: 1px;
	left: 0px;
	background-repeat: no-repeat;
	}
#eventscenter {
	position:absolute;
	padding: 0px;
	width:268px;
	height:200px;
	top: 1px;
	left: 267px;
	background:#000000;
	}
#eventscenter a {
  background: #fff url(Assets/index_events_center.jpg);
  display: block;
  height: 100%;
  width: 100%;
}
#eventscenter a span {
  visibility: hidden;
}
	
#eventsright {
	position:absolute;
	padding:0px;
	width:267px;
	height:200px;
	top: 1px;
	left: 533px;
	background-repeat: no-repeat;
	}
	
#eventsrightup {
	position: absolute;
	width: 267px;
	height: 100px;
	top: 0px;
	left: 0px;
	}
	
#eventsrightdown {
	position: absolute;
	width: 267px;
	height: 100px;
	top: 100px;
	left: 0px;
	}
	
#eventsnull {
	width: 800px;
	height: 50px;
	position: relative;
	background: #CCCCCC;
	} 

#legal {
	position: relative;
	clear:both;
	width: 800px;
	background: #666666;
	}
	
.copy {
	font-size: 0.6875em;
	color: #FFFFFF;
	}