BODY, HTML {
  margin: 0;
  padding: 0;
  background: #000000 url("../images/background.jpg") no-repeat top center;
  color: #D4D4D4;
  font-family: Arial, sans-serif;
  font-size: 12px;
}

A:link, A:visited  {
  color: #D4D4D4;
  text-decoration: underline;
}
A:hover, A:active  {
  color: #CF945B;
  text-decoration: underline;
}

IMG {
  border: 0;
}

FORM {
  padding-bottom: 0;
  margin-bottom: 0;
}

HR.dash {
  border: none 0;
  border-top: 1px dashed #584A34;/*the border*/
  height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
  width: 96%;
  margin: 12px auto;
} 

.preload {
  display: none;
}

A.blogtitle:link, A.blogtitle:visited  {
  color: #C2B487;
  text-decoration: none;
  font-size: 18px;
}
A.blogtitle:hover, A.blogtitle:active  {
  color: #CF945B;
}

#menu-wrap {
  height: 42px;
  background: url("../images/background_menu.jpg") repeat-x;
}

#menu {
  width: 925px;
  margin: 0 auto;
}

#menu-text {
  float: right;
  margin: 10px 0px 0 0;
  font-size: 11px;
  color: #D4D4D4;
  position: relative;
}

#menu-text A:link, #menu-text A:visited  {
  color: #BEBCBC;
  text-decoration: underline;
}
#menu-text A:hover, #menu-text A:active  {
  color: #CF945B;
  text-decoration: underline;
}

#menu UL {
  padding: 0;
  margin: 0 0 0 8px;
  list-style-type: none;
}

#menu LI {
  float: left;
  margin-right: 23px;
}

#menu LI A {
  display: block;
  height: 42px;
  text-decoration: none;
  position: relative;
  z-index: 10;
}

A.menu1 {
  width: 37px;
  background: url("../images/menu_home.jpg");
}
A.menu2 {
  width: 60px;
  background: url("../images/menu_theroad.jpg");
}
A.menu3 {
  width: 46px;
  background: url("../images/menu_groups.jpg");
}
A.menu4 {
  width: 52px;
  background: url("../images/menu_forums.jpg");
}
A.menu5 {
  width: 32px;
  background: url("../images/menu_blog.jpg");
}
A.menu6 {
  width: 60px;
  background: url("../images/menu_members.jpg");
}
A.menu7 {
  width: 79px;
  background: url("../images/menu_contactus.jpg");
}
A.menu8 {
  width: 44px;
  background: url("../images/menu_events.jpg");
}
A.menu9 {
  width: 66px;
  background: url("../images/menu_podcasts.jpg");
}
A.menu1:hover, A.menu2:hover, A.menu3:hover, A.menu4:hover, A.menu5:hover, A.menu6:hover, A.menu7:hover, A.menu8:hover, A.menu9:hover {
  background-position: 0px -42px;
}

#header_main {
  width: 925px;
  height: 316px;
  margin: 0 auto;
  background: url("../images/header_main.jpg");
}

#header {
  width: 920px;
  height: 174px;
  margin: 0 auto;
}

#iphone {
  position: relative;
  top: -40px;
  left: -625px;
}

A#signup {
  position: relative;
  top: 40px;
  left: 707px;
  display: block;
  height: 122px;
  width: 203px;
  background: url("../images/SignUp.jpg") no-repeat;
  text-decoration: none;
  position: relative;
  z-index: 10;
}
A#signup:hover {
  background-position: 0px -122px;
}

#wrap {
  width: 911px;
  margin: 0 auto;
  background: url("../images/background_main.jpg") repeat-y;
}

#title {
  width: 911px;
  height: 82px;
}

A#core {
  float: right;
  margin-right: 20px;
  display: block;
  height: 78px;
  width: 297px;
  background: url("../images/icon_core-trans.png") no-repeat;
  text-decoration: none;
}
A#core:hover {
  background: url("../images/icon_core_hover-trans.png") no-repeat;
}

#main_text {
  width: 620px;
  padding: 0px 0px 0px 40px;
  line-height: 1.5em;
  font-weight: bold;
}

A#podcasts, A#groups, A#forum, A#blog {
  float: left;
  display: block;
  height: 130px;
  text-decoration: none;
  margin-left: 35px;
}

A#podcasts {
  width: 192px;
  background: url("../images/icon_podcasts-trans.png") no-repeat;
  margin-left: 40px;
}
* html A#podcasts {
  margin-left: 20px;
  m/argin-left: 40px;
}
A#podcasts:hover {
  background: url("../images/icon_podcasts_hover-trans.png") no-repeat;
}

A#groups {
  width: 192px;
  background: url("../images/icon_groups-trans.png") no-repeat;
  margin-left: 40px;
}
* html A#groups {
  margin-left: 20px;
  m/argin-left: 40px;
}
A#groups:hover {
  background: url("../images/icon_groups_hover-trans.png") no-repeat;
}

A#forum {
  width: 189px;
  background: url("../images/icon_forum-trans.png") no-repeat;
}
A#forum:hover {
  background: url("../images/icon_forum_hover-trans.png") no-repeat;
}

A#blog {
  width: 200px;
  background: url("../images/icon_blog-trans.png") no-repeat;
  margin-bottom: 10px;
}
A#blog:hover {
  background: url("../images/icon_blog_hover-trans.png") no-repeat;
}

#signpost {
  float: left;
  margin-left: 35px;
}
  
A#facebook, A#twitter {
  float: left;
  display: block;
  height: 28px;
  text-decoration: none;
  margin-left: 10px;
}
A#facebook {
  width: 91px;
  background: url("../images/facebook-trans.png") no-repeat;
}
A#facebook:hover {
  background: url("../images/facebook_hover-trans.png") no-repeat;
}
A#twitter {
  width: 100px;
  background: url("../images/twitter-trans.png") no-repeat;
}
A#twitter:hover {
  background: url("../images/twitter_hover-trans.png") no-repeat;
}

#footer {
  margin: 0 auto;
  width: 911px;
  height: 55px;
  line-height: 57px;
  background: url("../images/background_footer.jpg") no-repeat;
  color: #4A4949;
  font-weight: bold;
  font-size: 10px;
}
* html #footer {
  line-height: 54px;
  l/ine-height: 57px;
}

#menu-bottom {
 float: right;
 margin-right: 35px;
}
* html #menu-bottom {
  margin-right: 20px;
  m/argin-right: 35px;
}

#menu-bottom A:link, #menu-bottom A:visited  {
  color: #4A4949;
  text-decoration: none;
  margin-left: 10px;
}
#menu-bottom A:hover, #menu-bottom A:active  {
  color: #6B4D25;
  text-decoration: none;
}

#copyright {
  width: 340px;
  margin-left: 30px;
}

#white-top {
  width: 835px;
  height: 7px;
  background: url('../images/background_w_t-trans.png');
  margin-left: 40px;
}
* html #white-top {
  position: relative;
  top: 8px;
  t/op: 0px;
}

#white-text {
  width: 815px;
  background: url("../images/background_w-trans.png") repeat-y;
  padding: 5px 10px;
  margin-left: 40px;
  color: #000000;
}
* html #white-text {
  background: url("../images/background_white.gif") repeat-y;
  b/ackground: url("../images/background_w-trans.png") repeat-y;
}

#white-bot {
  width: 835px;
  height: 7px;
  background: url("../images/background_w_b-trans.png");
  margin-left: 40px;
}

#white-top-400 {
  width: 400px;
  height: 7px;
  background: url("../images/background_w_t_400-trans.png");
  margin: 0 auto;
}
* html #white-top-400 {
  position: relative;
  top: 8px;
  t/op: 0px;
}

#white-text-400 {
  width: 400px;
  background: url("../images/background_w_400-trans.png") repeat-y;
  margin: 0 auto;
}
* html #white-text-400 {
  background: url("../images/background_white_400.gif") repeat-y;
  b/ackground: url("../images/background_w_400-trans.png") repeat-y;
}

#white-bot-400 {
  width: 400px;
  height: 7px;
  background: url("../images/background_w_b_400-trans.png");
  margin: 0 auto;
}

#white-top-638 {
  width: 638px;
  height: 7px;
  background: url("../images/background_white_top-trans.png");
  margin: 0 auto;
}
* html #white-top-638 {
  position: relative;
  top: 8px;
  t/op: 0px;
}

#white-text-638 {
  width: 618px;
  background: url("../images/background_white-trans.png") repeat-y;
  color: #000000;
  margin: 0 auto;
  padding: 0px 10px;
}
* html #white-text-638 {
  background: url("../images/background_white_638.gif") repeat-y;
  b/ackground: url("../images/background_white-trans.png") repeat-y;
}

#white-bot-638 {
  width: 638px;
  height: 7px;
  background: url("../images/background_white_bot-trans.png");
  margin: 0 auto;
}

#white-text A:link, #white-text A:visited, #white-text-400 A:link, #white-text-400 A:visited, #white-text-638 A:link, #white-text-638 A:visited  {
  color: #000000;
  text-decoration: underline;
}
#white-text A:hover, #white-text A:active, #white-text-400 A:hover, #white-text-400 A:active, #white-text-638 A:hover, #white-text-638 A:active  {
  color: #CF945B;
  text-decoration: underline;
}

.trans-text {
  float: left;
  margin: 0px 0px 0px 40px;
}
* html .trans-text {
  margin: 0px 0px 0px 20px;
  m/argin: 0px 0px 0px 40px;
}

.ssi_table {
  margin: 0 auto;
}
.ssi_table TD {
  padding: 2px 0;
}
.ssi_table #user, .ssi_table #passwrd {
  width: 200px;
}

.calendar {
  background: #FFFFFF;
  color: #949494;
  font-size: 11px;
}
.calendar-month {
  background: #515D97;
  color: #FFFFFF;
  font-weight: bold;
  border: 2px solid #FFFFFF;
  padding: 6px 0px;
}
.calendar-month A {
  text-decoration: none;
}
.calendar TD {
  color: #8E644A;
  font-weight: bold;
  border: 1px solid #DECCBE;
  text-align: center;
  padding: 2px 3px 1px 3px;
}
.calendar TH {
  font-weight: normal;
}
.calempty {
  background: #EDE3DC;
}

#blog_sidebar {
  float: right;
  margin: 0px 30px 0px 0px;
  width: 165px;
  color: #A2C566;
}

#blog_sidebar A:link, #blog_sidebar A:visited  {
  color: #A2C566;
  text-decoration: underline;
}
#blog_sidebar A:hover, #blog_sidebar A:active  {
  color: #CF945B;
  text-decoration: underline;
}

#theroad_map {
  margin: 0 auto;
  width: 811px;
  height: 356px;
  color: #FFFFFF;
}

#theroad_menu {
  margin: 0 auto;
  width: 791px;
  background: #000000;
  padding: 10px;
  font-size: 16px;
}

#theroad_progress {
  float: right;
  width: 356px;
  height: 112px;
  background: url(../images/background_progress-trans.png) no-repeat;
  margin: 0 50px 10px 0;
  color: #000000;
  font-weight: bold;
}
#theroad_progress A:link, #theroad_progress A:visited {
  color: #9B0303;
}
#theroad_progress A:hover, #theroad_progress A:active {
  color: #CF945B;
}

#theroad_lesson {
  background: #26231C;
  font-size: 24px;
}

#theroad_lesson .theroad_sub {
  margin: 20px 0 2px 0;
  width: 425px;
  font-size: 14px;
}

#theroad_qa {
  background: #C0A36E;
  color: #000000;
  font-size: 24px;
}

#theroad_qa .theroad_sub {
  margin: 10px 0 0px 60px;
  width: 550px;
  font-size: 14px;
}

#theroad_media {
  background: #26231C;
  font-size: 14px;
  color: #FFFFFF;
  margin-top: 18px;
}
#theroad_lesson DIV, #theroad_qa DIV, #theroad_media DIV {
  padding: 0 10px;
}

#theroad_lesson TABLE, #theroad_qa TABLE, #theroad_quiz TABLE {
  margin: 0 10px;
}

#last {
  float: left;
  position: relative;
  top: -12px;
  left: 13px;
}
#next {
  float: right;
  position: relative;
  top: -12px;
  left: -13px;
}

#complete {
  width: 200px;
  height: 42px;
  line-height: 42px;
  background: url(../images/Complete-trans.png) no-repeat;
  text-align: center;
  color: #AA8B4E;
  font-weight: bold;
  margin: 0 auto;
  position: relative;
  top: -12px;
}

#theroad_quiz {
  background: #C0A36E;
  color: #000000;
  font-size: 14px;
}

#theroad_quiz TD {
  padding-bottom: 10px;
}

#theroad_quiz A:link, #theroad_quiz A:visited  {
  color: #9B0303;
  text-decoration: none;
}
#theroad_quiz A:hover, #theroad_quiz A:active  {
  color: #26231C;
  text-decoration: none;
}

.podcasts {
  margin: 0 auto;
  margin-top: 20px;
  width: 791px;
  background: #000000;
  padding: 10px;
  font-size: 14px;
}

.podcasts .toggler, .podcasts .nottoggler {
  background: #191919;
  padding: 4px;
  margin: 4px 0;
}

.podcasts .toggler .left {
  float: left;
  color: #026A2B;
}

.podcasts .toggler .right {
  float: right;
}

.podcasts .toggler .right SPAN {
  cursor: pointer;
  color: #D4D4D4;
  text-decoration: underline;
}

.podcasts .toggler .right A:hover {
  color: #D4D4D4;
}

.podcasts .element {
  color: #026A2B;
}

.podcasts .element .left {
  float: left;
  width: 361px;
  height: 38px;
  background: #353535;
}

.podcasts .element .right {
  float: right;
  width: 425px;
  height: 38px;
  line-height: 38px;
  background: #353535;
  padding-right: 5px;
  text-align: right;
}

.podcasts .element .right A {
  text-decoration: none;
}
.podcasts .element .right A SPAN {
  text-decoration: underline;
}