/* This stylesheet controls the webpage areas colours */
body {
    background-color: rgb( 230, 230, 230 );
}

#pageframe {
    background-color: rgb( 255, 255, 255 );
}

#bodywrap-top {
    background: transparent url(images/bodywrap_top.jpg) 0 0 repeat-x;
}

#bodywrap-btm {
    background: transparent url(images/bodywrap_btm.jpg) 0 100% repeat-x;
}

#bodywrap-r {
    background: transparent url(images/bodywrap_r.jpg) 100% 0 repeat-y;
}

#bodywrap-l {
    background: transparent url(images/bodywrap_l.jpg) 0 0 repeat-y;
}

#bodywrap-tl {
    background: transparent url(images/bodywrap_tl.jpg) 0 0 no-repeat;
}

#bodywrap-tr {
    background: transparent url(images/bodywrap_tr.jpg) 100% 0 no-repeat;
}

#bodywrap-br {
    background: transparent url(images/bodywrap_br.jpg) 100% 100% no-repeat;
}

#bodywrap-bl {
    background: transparent url(images/bodywrap_bl.jpg) 0 100% no-repeat;
}

#bodywrap-in {
    background-color: transparent;
    padding: 20px 20px 20px 20px;
}

#titlearea {
    background-color: rgb( 204, 255, 255 );
    background-image: url(images/MWD2-Logo.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    border: 1px solid rgb( 0, 204, 0 );
}
/*   XXXXXXXXXXXX  This controls the TOP menu area and buttons  */
#topmenuback {
    background-color: rgb( 204, 255, 255 );
    border: 1px solid rgb( 0, 204, 0 );
}

.menutopbox {
}
/*  XXXXXXXXXXXX This controls the SIDE menu area and buttons  */
#leftarea {
    background-color: rgb( 255, 255, 255 );
}

.menubox {
    background-color: transparent;
    border-bottom: 1px dashed rgb( 221, 221, 221 );
}

.submenubox {
    background-color: transparent;
}
/*   XXXXXXXXXXXX  This controls the MIDDLE menu area and buttons  */
#centerarea {
    background-color: transparent;
}

#authorarea {
}

.headingarea {
    border-bottom: 1px dashed rgb( 221, 221, 221 );
    background-color: transparent;
}

.articlearea {
    background-color: transparent;
}
/* columns in text areas */
.clmn1 {
    border: 1px dotted rgb( 221, 221, 221 );
    background: transparent;
}

.clmn2 {
    border: 1px dotted rgb( 221, 221, 221 );
    background: transparent;
}

.clmn3 {
    border: 1px dotted rgb( 221, 221, 221 );
    background: transparent;
}

.clmn4 {
    border: 1px dotted rgb( 221, 221, 221 );
    background: transparent;
}
/*   XXXXXXXXXXXX  Pict and surround XXXXXXXXXXXX */
.articlepicture, .articlepicture0, .articlepicture1 {
    background-color: rgb( 245, 245, 245 );
    border: 1px solid rgb( 210, 210, 210 );
}

/*   XXXXXXXXXXXX  Bottom bar area XXXXXXXXXXXX */
#bottombar {
    border-top: 1px dashed rgb( 221, 221, 221 );
	background-color: rgb( 204, 255, 255 );
	border: 1px solid rgb( 0, 204, 0 );
}
/*   XXXXXXXXXXXX  This controls the tables created using our table code generator  */
.subtable {
    background: rgb( 250, 250, 250 );
    border: 1px solid rgb( 0, 0, 0 );
}

.toprow {
    background: rgb( 230, 230, 230 );
}

.lastrow {
    background: rgb( 230, 230, 230 );
}
/* Individual text font styles*/
p {
    color: rgb( 109, 109, 117 );
}

h1 {
    color: rgb( 0, 0, 102 );
}

h2 {
    color: rgb( 0, 102, 204 );
}

h3 {
    color: rgb( 255, 102, 0 );
}

h4 {
    color: rgb( 0, 0, 102 );
}

h5 {
    color: rgb( 0, 0, 102 );
}

h6 {
    color: rgb( 0, 0, 102 );
}
/* indented paragraphs and list styles*/
ul {
    color: rgb( 109, 109, 117 );
}

li {
    color: rgb( 109, 109, 117 );
}
/* Default text link styles*/
a:link {
    color: rgb( 13, 37, 150 )
}

a:visited {
    color: rgb( 0, 0, 0 )
}

a:hover {
    color: rgb( 200, 0, 0 )
}

a:active {
    color: rgb( 13, 37, 125 )
}
/* Top menu text link styles*/
a.topmenutext:link, a.topmenutext:visited, a.topmenutext:active {
    border-left: 1px solid rgb( 0, 0, 153 );
    border-bottom: 1px solid rgb( 0, 0, 153 );
    border-right: 1px solid rgb( 0, 0, 153 );
    border-top: 1px solid rgb( 0, 0, 153 );
    background: transparent;
    padding: 2px 0px 0px 0px;
    color: rgb( 0, 0, 0 );
    text-decoration: none;
}

a.topmenutextlive:link, a.topmenutextlive:visited, a.topmenutextlive:active {
    border-left: 1px solid rgb( 0, 0, 153 );
    border-bottom: 1px solid rgb( 0, 0, 153 );
    border-right: 1px solid rgb( 0, 0, 153 );
    border-top: 1px solid rgb( 0, 0, 153 );
    padding: 2px 0px 0px 0px;
    background: rgb( 245, 245, 245 );
    color: rgb( 0, 102, 204 );
    text-decoration: none;
}

a.topmenutext:hover {
    border-left: 1px solid rgb( 0, 0, 153 );
    border-bottom: 1px solid rgb( 0, 0, 153 );
    border-right: 1px solid rgb( 0, 0, 153 );
    border-top: 1px solid rgb( 0, 0, 153 );
    padding: 2px 0px 0px 0px;
    background: rgb( 245, 245, 255 );
    color: rgb( 109, 109, 117 );
    text-decoration: underline;
}
/* Side menu text link styles*/
a.sidemenutext:link {
    background: transparent url(images/button.gif) 0px 0px no-repeat;
    padding: 3px 0px 0px 16px;
    color: rgb( 0, 0, 153 );
    text-decoration: none;
}

a.sidemenutext:visited, a.sidemenutext:active {
    background: transparent url(images/button.gif) 0px 0px no-repeat;
    padding: 3px 0px 0px 16px;
    color: rgb( 0, 0, 102 );
    text-decoration: none;
}

a.sidemenutextlive:link, a.sidemenutextlive:visited, a.sidemenutextlive:active {
    background: rgb( 245, 245, 245 ) url(images/button.gif) 0px -30px no-repeat;
    padding: 3px 0px 0px 16px;
    color: rgb( 0, 102, 204 );
    text-decoration: none;
}

a.sidemenutext:hover, a.sidemenutextlive:hover {
    background: rgb( 245, 245, 255 ) url(images/button.gif) 0px -60px no-repeat;
    color: rgb( 109, 109, 117 );
    text-decoration: underline;
}
/* Sidesub menu text link styles*/
a.sidesubmenutext:link, a.sidesubmenutext:visited, a.sidesubmenutext:active {
    padding: 2px 0px 0px 6px;
    background: transparent;
    color: rgb( 0, 0, 153 );
    text-decoration: none;
}

a.sidesubmenutextlive:link, a.sidesubmenutextlive:visited, a.sidesubmenutextlive:active {
    padding: 2px 0px 0px 6px;
    background: rgb( 245, 245, 245 );
    color: rgb( 0, 0, 0 );
    text-decoration: none;
}

a.sidesubmenutext:hover, a.sidesubmenutextlive:hover {
    padding: 2px 0px 0px 6px;
    background: rgb( 245, 245, 255 );
    color: rgb( 109, 109, 117 );
    text-decoration: underline;
}