@charset "utf-8";

/* General */

html {
   height: 100%;
   margin: 0;
   padding: 0;
}

body {
   height: 100%;
   margin: 0;
   padding: 0;
   min-width: 910px;
   font-size: 62.5%;
}

/* Header */

#Header {
   background-image: url(../images/template/header_repeat.png);
   background-repeat: repeat;
   height: 141px;
   width: 100%;
   padding: 0;
   margin: 0;
}

#HeaderLeftEdge {
   background-image: url(../images/template/header_left_edge.png);
   background-repeat: no-repeat;
   background-position: left top;
   width: 67px;
   float: left;
   height: 141px;
   margin: 0;
   padding: 0;
}

#HeaderRightEdge {
   background-image: url(../images/template/header_right_edge.png);
   background-repeat: no-repeat;
   background-position: left top;
   width: 67px;
   float: right;
   height: 141px;
   margin: 0;
   padding: 0;
}

#HeaderCenter {
   height: 141px;
   margin: 0 auto;
   padding: 0;
   width: 775px;
}

#WMLogo{
   float: left;
   margin-top: 32px;
   margin-left: 0px;
}

#ItsSoSimple{
   float: right;
   margin-top: 20px;
   margin-right: 0px;
}

/* Nav 1 */

#Nav1  {
   background-image: url(../images/template/nav1_edge_repeater.png);
   background-repeat: repeat-x;
   color: #fff;
   font-weight: normal;
   font-family: 'Trebuchet MS', Helvetica, sans-serif;
   font-size: 18px;
   text-align: center;
   line-height: 26px;
   height: 26px;
   padding: 0;
   width: 100%;
}

#Nav1 :link, #Nav1 :visited {
   color: #fff;
   font-weight: normal;
   text-decoration: none;
}

#Nav1 :visited {
   color: #fff;
   font-weight: normal;
   text-decoration: none;
}

#Nav1 a {
   display: block;
   outline: none;
 }

#Nav1Fixed {
   height: 26px;
   width: 788px;
   padding: 0;
   margin: 0 auto;
   line-height: 26px;
}

#Nav1LeftTerminal {
   background-image: url(../images/template/nav1_left_edge_terminal.png);
   background-repeat: no-repeat;
   float: left;
   height: 26px;
   width:5px;
   padding: 0px;
   margin: 0;
}

#Nav1RightTerminal {
   background-image: url(../images/template/nav1_right_edge_terminal.png);
   background-repeat: no-repeat;
   float: left;
   height: 26px;
   width:5px;
   padding: 0px;
   margin: 0;
}

div.Nav1ButtonShort {
   background: url(../images/template/nav1_short.png) 0px 0px no-repeat;
   float: left;
   height: 26px;
   width: 146px;
   padding: 0px;
   margin: 0;
}

div.Nav1ButtonShort a:hover{
   background: url(../images/template/nav1_short.png) 0px -26px no-repeat;
}
div.Nav1ButtonShort a:active{
   background: url(../images/template/nav1_short.png) 0px -26px no-repeat;
}

div.Nav1ButtonLong {
   background: url(../images/template/nav1_long.png) 0px 0 no-repeat;
   float: left;
   height: 26px;
   width: 162px;
   padding: 0px;
   margin: 0;
}

div.Nav1ButtonLong a:hover{
   background: url(../images/template/nav1_long.png) 0px -26px no-repeat;
}

div.Nav1ButtonLong a:active{
   background: url(../images/template/nav1_long.png) 0px -26px no-repeat;
}

/*Use the appropriate "_current" button if the button is the one for the currently loaded page - will display the "down" or "active" state*/
div.Nav1ButtonShort_Current {
   background: url(../images/template/nav1_short.png) 0px -26px no-repeat;
   float: left;
   height: 26px;
   width: 146px;
   padding: 0px;
   margin: 0;
}
div.Nav1ButtonLong_Current {
   background: url(../images/template/nav1_long.png) 0px -26px no-repeat;
   float: left;
   height: 26px;
   width: 162px;
   padding: 0px;
   margin: 0;
}

/* Background */

html {
   background-image: url(../images/template/grey_bg_centre_repeat.png);
   background-repeat: repeat;
}

#BodyBackground1 {
   background-image: url(../images/template/grey_bg_left_repeat.png);
   background-repeat: repeat-y;
   width: 100%;
   min-height: 100%;
   float: left;
   position: fixed;
   z-index: -1;
}

#BodyBackground2 {
   background-image: url(../images/template/grey_bg_right_repeat.png);
   background-position: right top;
   background-repeat: repeat-y;
   width: 100%;
   min-height: 100%;
   float: left;
   position: fixed;
   z-index: -1;
   min-width: 910px;
}

#GreyBGTop{
   background-image: url(../images/template/grey_bg_top_repeat.png);
   background-repeat: repeat-x;
   height: 30px;
   padding: 0;
   margin: 0;
}

#GreyBGTopLeft {
   background-image: url(../images/template/grey_bg_top_left.png);
   background-repeat: no-repeat;
   margin: 0;
   padding: 0;
   float: left;
   width: 72px;
   height: 30px;
}

#GreyBGTopRight {
   background-image: url(../images/template/grey_bg_top_right.png);
   background-repeat: no-repeat;
   margin: 0;
   padding: 0;
   float: right;
   width: 72px;
   height: 30px;
}

/* Start of Content Area */

#MainBodyArea{
   background-image: url(../images/template/body_bg_top.png);
   background-repeat: no-repeat;
   margin: 0 auto;
   padding: 0;
   border: 0;
   display: block;
   width: 797px;
}

#MainBodyTopSpace {
   display: block;
   height: 7px;
   width: 797px;
   margin: 0;
   padding: 0;
   border: 0;
   line-height: 1px;
   font-size: 1px;
}


/* Navigation Bars 2 and 3 */

div.Nav2 {
   background-image: url(../images/template/nav2_colour_underlay.png);
   background-repeat: no-repeat;
   height: 32px;
   display: block;
   color: #384145;
   font-weight: bold;
   font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
   font-size: 19px;
   text-align: center;
   width: 783px;
   line-height: 32px;
   margin: 0 auto;
   padding: 0;
   border: 0;
}

div.Nav2ButtonLeft {
   background: url(../images/template/nav2_left.png) 0px 0px no-repeat;
   float: left;
   margin: 0;
   height: 32px;
   width: 147px;
}

div.Nav2ButtonMain {
   background: url(../images/template/nav2_main.png) 0px 0px no-repeat;
   display: block;
   float: left;
   margin: 0;
   height: 32px;
   width: 163px;
}

div.Nav2ButtonRight {
   background:url(../images/template/nav2_right.png) 0px 0px no-repeat;
   float: left;
   margin: 0;
   height: 32px;
   width: 147px;
}

div.Nav2ButtonLeft a {
   display: block;
   outline: none;
}

div.Nav2ButtonLeft a:hover{
   background: url(../images/template/nav2_left.png) 0px -32px no-repeat;
}

div.Nav2ButtonLeft a:active{
   background: url(../images/template/nav2_left.png) 0px -64px no-repeat;
}

div.Nav2ButtonMain a {
   display: block;
   outline: none;
}

div.Nav2ButtonMain a:hover{
   background: url(../images/template/nav2_main.png) 0px -32px no-repeat;
}

div.Nav2ButtonMain a:active{
   background: url(../images/template/nav2_main.png) 0px -64px no-repeat;
}

div.Nav2ButtonRight a {
   display: block;
   outline: none;
}

div.Nav2ButtonRight a:hover{
   background: url(../images/template/nav2_right.png) 0px -32px no-repeat;
}

div.Nav2ButtonRight a:active{
   background: url(../images/template/nav2_right.png) 0px -64px no-repeat;
}

div.Nav2 :link, div.Nav2 :visited {
   color: #384145;
   text-decoration: none;
   height: 32px;
   display: block;
}

/*Use the appropriate "_current" button if the button is the one for the currently loaded page - will display the "down" or "active" state*/
div.Nav2ButtonLeft_Current {
   background: url(../images/template/nav2_left.png) 0px -64px no-repeat;
   float: left;
   margin: 0;
   height: 32px;
   width: 147px;
   color: #FFFFFF;
}

div.Nav2ButtonMain_Current {
   background: url(../images/template/nav2_main.png) 0px -64px no-repeat;
   float: left;
   margin: 0;
   height: 32px;
   width: 163px;
   color: #FFFFFF;
}

div.Nav2ButtonRight_Current {
   background: url(../images/template/nav2_right.png) 0px -64px no-repeat;
   float: left;
   margin: 0;
   height: 32px;
   width: 147px;
   color: #FFFFFF;
}

div.Nav2ButtonLeft_Current a:link, div.Nav2ButtonLeft_Current a:visited, div.Nav2ButtonMain_Current a:link, div.Nav2ButtonMain_Current a:visited, div.Nav2ButtonRight_Current a:link, div.Nav2ButtonRight_Current a:visited {
   color: #FFFFFF;
}

/*Use the appropriate "_Off" button if you do not want there to be any text*/
div.Nav2ButtonLeft_Off {
   background: url(../images/template/nav2_left.png) 0px -96px no-repeat;
   float: left;
   margin: 0;
   height: 32px;
   width: 147px;
}

div.Nav2ButtonMain_Off {
   background: url(../images/template/nav2_main.png) 0px -96px no-repeat;
   float: left;
   margin: 0;
   height: 32px;
   width: 163px;
}

div.Nav2ButtonRight_Off {
   background: url(../images/template/nav2_right.png) 0px -96px no-repeat;
   float: left;
   margin: 0;
   height: 32px;
   width: 147px;
}

#MainBodyAndNav3 {
   background-image: url(../images/template/body_bg_repeat.png);
   background-repeat: repeat-y;
   width: 797px;
}

#Nav3 {
   background-image: url(../images/template/nav3_colour_bar.png);
   background-repeat: no-repeat;
   height: 16px;
   color: #fff;
   font-weight: normal;
   font-family: 'Trebuchet MS', Helvetica, sans-serif;
   font-size: 11px;
   width: 783px;
   margin: 0 auto;
   padding: 0;
   border: 0;
   line-height: 16px;
   display: block;
}

#Nav3Empty {
   background-image: url(../images/template/nav3_colour_bar.png);
   background-repeat: no-repeat;
   height: 2px;
   font-size: 1px;
   line-height: 1px;
   width: 783px;
   margin: 0 auto;
   padding: 0;
   border: 0;
   display: block;
}

#Nav3 ul {
   display: block;
   height: 16px;
   float: left;
   list-style-type: none;
   margin: 0;
   margin: 0;
   padding-left: 34px;
}

#Nav3 li {
   margin: 0;
   margin-left: 0px;
   margin-right: 50px;
   display: inline;
}

#Nav3 a {
   color: #fff;
   text-decoration: none;
   outline: none;
}

#Nav3 a:hover, #Nav3 a:focus, #Nav3 a:active {
   text-decoration: underline;
   color: #ffffff;
}

#Nav3 li.Nav3Current, #Nav3 li.Nav3Current a {
   color: #cccccc;
}

#Nav3 li.Nav3Current a:hover, #Nav3 li.Nav3Current a:focus, #Nav3 li.Nav3Current a:active {
   color: #ffffff;
}


/* Continuation of Content Area */

.p_BodyText {  /*Main body content text styles. All standard text styles (P, H1, etc) must inherit from p_BodyText, and be within the div Class="p_BodyText".  This div must be within the mainBodyArea div*/
   width: 740px;
   margin: 0 auto;
   /*font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;*/
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 120%;
   font-weight: normal;
   text-align: left;
   color: #000;
   line-height: 140%;
   padding-bottom: 2px;
   padding-top: 20px;
   min-height: 500px;
}

.p_BodyText p {
   margin-bottom: 0.6em;
}

.p_BodyText ul {
   margin-bottom: 0.6em;
}

.p_BodyText table {
   margin-bottom: 0.6em;
}

.p_BodyText h1{
   font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
   font-size: 180%;
   font-weight: bold;
   color: #2a1f6c;
   margin-bottom: 1.0em;
   margin-top: 0;
   /*margin-left: 28px;*/
   line-height: 120%;
}

.p_BodyText h2 {
   font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
   font-size: 140%;
   font-weight: bold;
   color: #2a1f6c;
   margin-bottom: 0.5em;
   margin-top: 1.5em;;
   line-height: 110%;
}

.p_BodyText h3 {
   font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-style:italic;
   color: #2a1f6c;
   margin-bottom: 0.1em;
   margin-top: 1.5em;;
}

/*
.p_BodyText ul.inner_ul li {
  font-size: 1.0em;
  list-style-type: circle;
} */

.p_BodyText a:hover {color: #0000FF}

.p_BodyText sup, .p_BodyText sub {line-height: 0;}

.p_BodyText p.footnote {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.8em;
   line-height: 1.2em;
}

.p_BodyText p.research_author {
   font-style: italic;
   color: #888888;
   margin-bottom: 1.5em;
}

p.lastNode {
   margin-bottom: 0;
}

.p_BodyText p.BuyNow {
   text-align: right;
}

.p_BodyText p.BuyNow img {
   float: right;
   border: 0;
   margin-left: 20px;
   margin-right: 10px;
   margin-bottom: 15px;
}

#BodyWhiteBG_Bottom {
   background-image: url(../images/template/body_bg_bottom.png);
   height: 23px;
   width: 797px;
   margin: 0;
   padding: 0;
}

/* bottom line plus nav bar */

#PageFooter {
   width: 783px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0;
   height: 40px;
}

#BottomLine {
   border-bottom: 1px solid #ddd;
   width: 783px;
   height: 1px;
   margin-top: 5px;
   padding: 0;
}

#BottomText {
   width: 783px;
   padding: 0;
   margin-top: 0;
}

#CopyrightText {
   font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: left;
   color: #ccc;
   line-height: 20%;
   margin: 0;
   float: left;
}

#BottomNav {
   font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: right;
   color: #ccc;
   line-height: 20%;
   margin: 0;
   float: right;
}

#BottomNav a {
   margin-left: 20px;
   color: #ccc;
   xfont-weight: normal;
   text-decoration: none;
}

#BottomNav a:hover, #BottomNav a:focus, #BottomNav a:active {
   text-decoration: underline;
}

#BottomNav a:active {
   color: #f9e7df;
}

/* Sidebar */

#SidebarArea {
   margin-left: 35px;
   margin-top: 5px;
   margin-right: 10px;
   margin-bottom: 20px;
   padding: 0;
   width: 173px;
   display: block;
   float: right;
   font-size: 80%;
}

#SidebarHeader {
   background-image: url(../images/template/sidebar_header_repeat.png);
   background-repeat: repeat-y;
   background-position: left top;
   width: 173px;
   display: block;
   height: 34px;
   padding: 0;
   margin: 0;
}

#SidebarHeaderTitle {
   background-image: url(../images/template/sidebar_header_top.png);
   background-repeat: no-repeat;
   background-position: left top;
   width: 173px;
   display: block;
   height: 23px;
   padding: 0;
   margin: 0;
}

#SidebarHeaderTitle p {
   font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
   font-size: 170%;
   font-weight: bold;
   text-align: center;
   color: #fff;
   line-height: 120%;
   margin: 0;
   padding-top: 5px;
   padding-right: 5px;
}

#SidebarHeaderBottom {
   background-image: url(../images/template/sidebar_header_body_terminator.png);
   background-repeat: no-repeat;
   width: 173px;
   height: 11px;
   display: block;
   float: left;
   padding: 0;
   margin: 0;
   font-size: 0;
}

#SideBarContent {
   background-image: url(../images/template/sidebar_main_repeat.png);
   background-position: left top;
   background-repeat: repeat-y;
   margin: 0;
   padding: 0;
   display: block;
   float: left;
   width: 173px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 120%;
   font-weight: normal;
   text-align: center;
   color: #000;
   line-height: 120%;
}

#SideBarContent p {
   margin-top: 1em;
   margin-left: 12px;
   margin-right: 12px;
   margin-bottom: 0.6em;
   padding-right: 5px;
}

#SidebarMainBottom {
   background-image: url(../images/template/sidebar_main_bottom.png);
   height: 19px;
   margin: 0;
   padding: 0;
   width: 173px;
}