/*
  * Style sheet for stipe.co.uk
  *
  * Author : Tony Williams 
  * July 2009
  */

body {
  background-color: white;
  color: black;
  text-align: center;
  font-family: Arial Black, sans-serif;
  /* font-family: Impact, sans-serif; */
  font-weight: normal;
  font-size: 10pt;
}

#top_row{
  width:960px;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

#top_row .nav_blk {
  float:left;
  background-color: black;
  height: 18px;
  width: 110px;
}

#top_row .nav_red {
  float:left;
  #background-color: #CC0000;
  background-color: black;
  height: 18px;
  width: 110px;
}

#top_row .nav_wht {
  float:left;
  background-color: #FFFFFF;
  width: 110px;
}



#left_column{
  float:left;
  width:180px;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

/* black rows */
#left_column .nav_blk {
  background-image: url("../img/grn.gif");
  background-repeat: no-repeat;
  height: 25px;
  width: 110px;
  text-decoration:none;
  font-weight:bold;
  font-size: 16px;
}

#left_column li{
  list-style:none;
}

#left_column .nav_blk a{
  background-image: url("../img/blk.gif");
  background-repeat: no-repeat;
  color: white;
  height: 25px;
  width: 110px;
  display: block;
  text-decoration:none;
  font-weight:bold;
}

#left_column .nav_blk a:hover{
  background: none;
  text-decoration:none;
  font-weight:bold;
}

/* black rows */
#left_column .nav_red {
  background-image: url("../img/grn.gif");
  background-repeat: no-repeat;
  height: 25px;
  width: 110px;
  text-decoration:none;
  font-weight:bold;
  font-size: 16px;
}

#left_column .nav_red a{
  background-image: url("../img/red.gif");
  background-repeat: no-repeat;
  color: white;
  height: 25px;
  width: 110px;
  display: block;
  text-decoration:none;
  font-weight:bold;
}

#left_column .nav_red a:hover{
  background: none;
  text-decoration:none;
  font-weight:bold;
}

#right_column{
  position: absolute;
  top: 0px;
  left: 180px;
  width:880px;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}


#main_content{
  width:880px;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
}


/*********************/


.menucontainer {
  background-color: white;
  text-align: center;
}

.menustrip {
  background-color: black;
  color: white;
  height: 25;
  width: 800;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.redstrip {
  background-color: #CE0000;
  color: white;
  height: 0;
  width: 800;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.menuitem {
  background-color: black;
  color: white;
  height: 25;
  width: 110;
  text-decoration: none;
  font-variant: normal;
  font-style: normal;
  float: left;
}

.menuitemred {
  background-color: #CE0000;
  color: white;
  height: 25;
  width: 110;
  text-decoration: none;
  font-variant: normal;
  font-style: normal;
  float: left;
}

a.menu {
  color: white;
  text-decoration: none;

  font-family: Impact, sans-serif;
  font-weight: normal;
  font-size: 14pt;
  line-height: 18pt;
  font-variant: normal;
  font-style: normal;
}

a.menu:hover {
  color: #EEEEEE;
  text-decoration: none;

  font-family: Impact, sans-serif;
  font-weight: bold;
  font-size: 15pt;
  line-height: 17pt;
  font-variant: normal;
  font-style: normal;
}

.imagecontainer {
  background-color: white;
  text-align: center;
}

.imagestrip {
  height: 100;
  width: 800;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.imageitem {
  height: 100;
  width: 110;
  float: left;
}


.maincontent {
  height: 400;
  width: 800;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

a.btn {
  background-color: #EEEEEE;
}

a.btn:hover {
  background-color: #CCCCCC;
}

.form {
 text-align:center;
 font-family:Verdana, sans-serif;
 font-size: 12pt;
}

/* end of file */