/*
colours
--------
dark grey: rgb(128,121,104)
light grey: rgb(203,200,183)
orange: rgb(255,76,6)

header colours (different per section)
index - purple: rgb(206,2,126)
wwa   - orange: rgb(242,137,4)
wwd   - teal: rgb(2,118,115)
links - green: rgb(70,107,11)
git   - blue: rgb (34,67,137)


Layout info
-----------
fixed layout with the width being 760.
header fills full 760 width
content area leave a 2.5% margin on either side
on the index page have the 2 grey info boxes at 40%
*/



body {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin-top: 30px;
  background-color: white;
}


/* page - start*/
#page {
  background-color: rgb(203,200,183);
  margin: 0px;
}

#innerPage {
  width: 760px;
  margin: 0 auto;

  color: white;
  background-color: white;
}

/* page - end*/


/* title - start*/
#masthead {
  width: 100%;
  margin: 0px auto;

  color: white;
  background-color: rgb(206,2,126);
}


#masthead_links {
  font-size:0.6em;
  text-align: right;
}

#masthead_title {
  background-color: rgb(206,2,126);
}

#masthead_img {
  background-color: rgb(255,255,255);
  background-image:url("/images/w4w_banner_home.jpg");
  height: 84px;
}

#masthead_title img {
  margin: 0px;
}
#masthead_img img {
  margin: 0px;
}


#masthead_menu {
  width: 100%;
  float: left;

  background-color: rgb(128,121,104);
}


#masthead_menu ul {
  float: left;
  width: 7em;
  margin: 0;
  padding: 0; 
  list-style: none;
}

#masthead_menu li {
  position: relative;
  margin: 0; 
}

#masthead_menu ul ul ul {
  top:0;
  left:100%;
}


#masthead_menu ul ul {
  position: absolute;
  z-index: 500;
}

div#masthead_menu ul ul,
div#masthead_menu ul li:hover ul ul,
div#masthead_menu ul ul li:hover ul ul
{display: none;}

div#masthead_menu ul li:hover ul,
div#masthead_menu ul ul li:hover ul,
div#masthead_menu ul ul ul li:hover ul
{display: block;}


#masthead_menu a, #masthead_menu h2 {
  margin: 0;
  padding: 2px 3px;

  color: white;
  background-color: rgb(128,121,104);
  display: block;
  font-size: 0.9em;
}

#masthead_menu a {
  text-decoration: none;
  font-weight:bold;
  font-size: 0.6em;
}
#masthead_menu a:hover {
  color: white;
  background-color: rgb(255,76,6);
}
/* title - end*/



/* content - start*/
#content {
  font-size:0.8em;
  line-height: 1.4;
  color: black;
  width: 95%;
  margin: 0px auto;
}


#content_main {
  color: black;
  width: 55%;
}

#content_sideBar {
  width: 235px;
  float: right;
  color: black;
}

.box {
  width: 230px;
  margin: 10px 0px 20px 0px;
  padding: 0px;
}

.boxTitle {
  color: white;
  font-weight: bold;
  background-color: rgb(255,76,6);
  margin: 0px;
  padding: 0px;
}

.boxContent {
  background-color: rgb(203,200,183);
  height: 130px;
  margin: 0px;
  padding: 0px;
}

.box p {
  margin: 0px;
  padding: 0px;
}


.floatright { float: right; }

p.returnLink {
  clear: all;
  margin-bottom: 10px;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}

img.floatLeftBM { 
    float: left; 
    margin: 20px; 
}

p.nav_links {
  text-align: left;
}


#bike img {
  float: right;
}


h1 {
  font-weight: normal;
  font-style: italic;
  color: rgb(206,2,126);
  font-size:1.4em;
}

h2 {
  font-weight: normal;
  color: rgb(206,2,126);
  font-size:1.2em;
}

h3 {
  font-weight: normal;
  font-style: italic;
  color: rgb(206,2,126);
  font-size:1.1em;
}

/* used by the contact us form */
#contact_form {
}

table {
  padding: 10px;
  margin-bottom: 1em;
  border: 1px dotted rgb(206,2,126);
}

th {
  text_align: right;
  vertical-align: top;
  padding-right: 10px;
  padding-top: 2px;
}

input[type="text"],
textarea {
  border-color: rgb(206,2,126);
  border-style: inset;
  border-width: 1px;
  color:FFFFFF;
}


/* content - end*/



/* footer - start*/
#footer {
  width: 100%;
  margin: 0px auto;
  text-align: left;

  font-size:0.5em;
  color: white;
  background-color : rgb(128,121,104);
  clear: both;
}

#footer_left {
}
#footer_right {
  width: 180px;
  float: right;
  text-align: right;
}

#footer a{
  color: silver;
}

/* footer - end*/

/* menus that contain links */
ul.hoz_menu {
  margin: 0;
  padding: 0; 
  list-style-type: none;
  list-style-image: none;
}
li.hoz_menu {
  display: inline;
  padding: 1px 5px 1px 5px;
}
a.hoz_menu {
  text-decoration: none;
  color: white;
  font-weight:bold;
  font-size:0.9em;
}
/* end - menus that contain links */


/* general styling thru the whole site */
a {
  color: rgb(206,2,126);
  font-weight:bold;
  font-size:0.9em;
}

img {
  margin: 5px;
}

.errorText {
  font-weight: bold;
  color: red;
}

/* end - general styling */