@charset "utf-8";
/* CSS Document */

  
#home  {
  margin-right: 20px;
  margin-left: 20px;
  width: 737px;
	}
	
#main  {
  background-image: url(../img/home/mainbg.jpg);
  float: left;
  margin-top: 20px;
  margin-right: 1px;
  margin-bottom: 1px;
  width: 490px;
  height: 170px
  }
  
#main h1 {
  color: #cfd7e7;
  font-weight: normal;
  font-size: 18px;
  position: absolute;
  top: 160px;
  left: 36px
  }
#main em {
  color: #fff;
  font-style: normal
  }

#main ul   {
  font-size: 12px;
  list-style-type: none;
  margin-top: 47px;
  margin-bottom: 0px;
  margin-left: 15px
  }

#main li     {
  margin-bottom: 15px
  }


#main li a   {
  color: #cfd7e7;
  font-weight: bold;
  text-decoration: none;
  background: url(../img/home/aro1.gif) no-repeat 3px 50%;
  padding-top: 2px;
  padding-left: 26px;
  border-style: solid;
  border-width: 1px;
  border-color: #9db2d3 #0b2c62 #0b2c62 #9db2d3;
  width: 112px;
  height: 21px;
  display: block
  }

#main li a:hover {
  color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #0b2c62 #9db2d3 #9db2d3 #0b2c62
  }

#quote {
  position: absolute;
  top: 198px;
  left: 191px;
  visibility: visible;
  display: block
  }
  
#quoter {
  position: absolute;
  top: 150px;
  left: 329px;
  visibility: visible;
  display: block
  }


#demo    {
  background-image: url(../img/home/demo.jpg);
  float: left;
  margin-top: 20px;
  margin-bottom: 1px;
  margin-left: 1px;
  width: 244px;
  height: 170px
  }

#demo span {
  color: #666047;
  font-weight: bold;
  font-size: 11px;
  background: url(../img/home/aroline.gif) no-repeat 0px 6px;
  padding-left: 12px;
  position: relative;
  top: 115px;
  left: 70px;
  display: block
  }

#demo a {
  color: #4d0000;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
  background: #ffd9d9 url(../img/home/red__btn_grad.jpg);
  padding: 2px 5px 4px;
  border-style: solid;
  border-width: 1px;
  border-color: #fdd #4d0000 #4d0000 #fdd;
  position: relative;
  top: 125px;
  left: 140px
  }

#demo a:hover  {
  color: #be0000;
  border: solid 1px #be0000
  }


#highlights      {
  color: #4b4b4b;
  background: url(../img/tan_grad.jpg) no-repeat;
  vertical-align: top;
  float: left;
  margin-top: 1px;
  margin-right: 1px;
  /* margin-bottom: 20px; */
  width: 244px;
  /* height: 440px */
	padding-bottom: 40px;
  display: inline;
	height: 100%;
	}



#highlights span   {
  color: #ebebeb;
  font-weight: bold;
  font-size: 11px;
  background-color: #807959;
  text-transform: uppercase;
  padding-top: 6px;
  padding-bottom: 5px;
  padding-left: 10px;
  display: block
  }



#highlights ul    {
  color: #0b2c61;
  font-weight: bold;
  list-style-type: none;
  margin-left: 0px
  }


#highlights li     {
  background: url(../img/home/diamond.gif) no-repeat 0px 6px;
  margin-bottom: 4px;
  padding-left: 10px
  }


#highlights div  {
  font-size: 11px;
  margin: 20px;
  
  }
	
#highlights div img {
  display: block;
	margin-bottom: 1em;
  
  } 

#highlights a:link  {
  color: #be0000
  }


#highlights a:visited {
  color: #737373
  }

#highlights h2    {
  color: #4d4936;
  font-weight: bold;
  font-size: 1.3em;
  margin-top: 5px;
  margin-bottom: 5px
  }

#highlights .more {
  margin-top: 0px;  /* see .more */
	margin-bottom: 3em;
	border-bottom: none;
	background: none;
	padding-left: 0;
	clear: left;
  }
	
#highlights p {
  margin-bottom: 0;
  }
	
#highlights h2 {
	margin-bottom: .75em;
	}

#highlights h2 a {
	text-decoration: none;
	}

#highlights h2 a:link {	
	color: #405380;
	}
	
#highlights h2 a:visited {	
	color: #405380;
	}
	
#links        {
  color: #4b4b4b;
  background: url(../img/green_grad.jpg) no-repeat;
  vertical-align: top;
  float: left;
  margin: 1px 1px 10px;
  width: 244px;
  /* height: 400px */
  }


#links span        {
  color: #ebebeb;
  font-weight: bold;
  font-size: 11px;
  background-color: #408046;
  text-transform: uppercase;
  padding-top: 6px;
  padding-bottom: 5px;
  padding-left: 10px;
  display: block
  }


#links a:link {
  color: #4b4b4b;
  text-decoration: none
  }
#links a:visited {
  color: #4b4b4b;
  text-decoration: none
  }

#links a:hover  {
  color: #be0000;
  background-color: #fff
  }


#links dl  {
  font-size: 11px;
  margin-top: 20px;
  margin-left: 20px

  }


#links dt {
  font-weight: bold;
  margin-top: 12px;
  text-transform: uppercase;
  }

#links dd   {
  background: url(../img/home/aroline.gif) no-repeat 0px 7px;
  padding-left: 20px;
  margin-bottom: 0;
	}



.courses      {
  background: url(../img/blue_grad.jpg) no-repeat;
  vertical-align: top;
  float: left;
  margin-top: 1px;
  margin-bottom: 20px;
  margin-left: 1px;
  width: 244px
  }
.courses h1 {
  color: #123c80;
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 20px
  }

.courses span       {
  color: #ebebeb;
  font-weight: bold;
  font-size: 11px;
  background: #405380 no-repeat 5px 7px;
  text-transform: uppercase;
  padding-top: 6px;
  padding-bottom: 5px;
  padding-left: 10px;
  display: block
  }


.courses a:link {
  color: #3d3d3d;
  text-decoration: none
  }
.courses a:visited {
  color: #3d3d3d;

  text-decoration: none
  }

.courses a:hover  {
  color: #be0000
  }


.courses ul       {
  color: #4b4b4b;
  list-style-type: none;
  margin-top: 23px;
  margin-right: 20px;
  margin-left: 20px;
  padding-left: 0px
  }


.courses li   {
  background: url(../img/aro_grey2.gif) no-repeat 0px 7px;
  margin-bottom: 6px;
  padding-left: 10px
  }
.courses img {
  margin-bottom: 20px
  }
	
dt#articles {
	text-transform: none;
	font-size: 1.4em;
	color: #666;
	}

#links dt {
	margin-bottom: 0;
	}
	
#links .article {
	background: none;
	padding-left: 0;
	margin-bottom: .5em;
	font-size: 1.2em;
	color: #7E7E7E;
	}
	
#links .article a:link {
	padding-bottom: .15em;
	font-weight: bold;
	color: #7e7e7e; 
	}
	
#links .article a:visited {
	padding-bottom: .15em;
	font-weight: bold;
	color: #7e7e7e; 
	}
	
#links .article p {
	
	margin-bottom: .25em;
	font-size: .9em; 
	}
	
p img {
	margin: 0;
	}
	
#home #footer {
	margin-top: 20px;
	}
	
#safety_alert {
	background: url(/res/shared/img/safety_alert.png) no-repeat;
	
	padding: 0px 0 0 61px;
	margin-bottom: 2em;
	}
#safety_alert h2 {
	background: #c90e00;
	padding: 3px 8px;
	color: #fff;
	font-weight: bold;
	width: 157px;
	font-size: 1.2em;
	}
	
#safety_alert h2 a:link, #safety_alert h2 a:visited, #safety_alert h2 a:hover {
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	}
	
#safety_alert p {
	margin: 0 8px ;
	line-height: 1.2
	}

	
#safety_alert h3 {
	margin: .75em 8px .5em;
	}
	
#safety_alert span {
	display: block;
	color: #000;
	font-size: 1.2em;
	margin-top: .5em;
	}
	
#safety_alert a {

	font-size: .9em;
	font-weight: normal;
	line-height: 1.4;
	text-decoration: none;
	}	
	
#safety_alert a:hover {
	text-decoration: underline;
	}