﻿html {
  font-family: arial, helvetica, sans-serif; 
  font-size: 76%; 
}

body {
	margin:0px;
	padding:0px;
	background-color:white;
	background-image: url(../images/homepageBgd.gif);
}

/* default tag attributes, mostly used in content */
p { 
  font-size: 1.0em; 
  line-height: 1.5em; 
  margin: 1.2em 0em 1.2em 0em; 
} 
h1 { 
  font-size: 1.2em; 
  color: #000000; 
} 
h2 { 
  font-size: 1.1em; 
  color: #000000; 
} 
.main {
  line-height: 1.5em;
  font-weight: bold;
}
h3, h4, h5, h6 { 
  font-size: 1.0em; 
  color: #000000; 
} 
li { 
  margin: 0.2em 0em 0.2em 0em; 
  line-height: 1.5em; 
} 
a:link { 
  color: #7A1EA5; 
  text-decoration: underline;   
} 
a:visited { 
  color: #000000; 
  text-decoration: underline;   
} 
a:active { 
  color: #000000; 
  text-decoration: underline; 
} 
a:hover {
  color: #7A1EA5; 
  text-decoration: underline; 
} 
select, input, textarea, button {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
}
.sameline {
  display: inline;
}
.colour {
  color: #7A1EA5;
}

/* layout divs and their respective attributes */
div#container {
	width: 750px;
	margin: auto;
	margin-top: 30px;
	background-color: #fff;
	overflow: auto;
}


div#colourblock {
	position: relative;
	background: url(../images/wexdev_homepage_pic.jpg);	
	width: 750px;
    height: 119px;
    z-index: 1;
}
  
  
div#topstripe {
  top: 0px;
  left:0px;
  right: 0px;
  height: 14px;
  width: 100%;
  background-color: #7A1EA5;
  z-index: 0;
}

div#bottomstripe {
  left:0px;
  right: 0px;
  height: 20px;
  width: 100%;
  background-color: #7A1EA5;
  z-index: 0;
  text-align: right;
}

div#bottomstripe span {
	margin-right: 20px;
}

div#bottomstripe span a {
  font-weight: bold;
  color: #fff; 
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em; 
}

div#bottomstripe span a:hover {
  color: #000;
}

div#headholder {
	height: 116px;
}

div#other_head {
	float: left;
	padding-top: 20px;
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	letter-spacing: 0.1em;
}

div#siteheading {
  margin-top: 20px;
  margin-right: 15px;
  z-index: 3;
  float: right;
  }
div#siteheading a {
  font-size: 1.8em;
  color: #7A1EA5;
  font-family: arial, verdana, helvetica, sans-serif; 
  text-decoration: none;
  }
  
div#masthead {
  float: left;
  z-index: 1;
  }
div#masthead #print_logo { display:none; }

div#utility {
  position: absolute;
  top: 0px;
  right: 0px;
  padding-top:0.1em;
  z-index: 1;
  }
div#utility span {
  border-right: 1px solid #000000;
  padding:0em 0.5em 0.2em 0.2em;
  font-size: 0.8em;
  color: #000000;
  }
div#utility span#last {
  border-right: 0px;
  }
div#utility a {
  color: #000000; 
  }
div#utility a:link {
  text-decoration: none; 
  }
div#utility a:visited {
  text-decoration: none; 
  }
div#utility a:hover {
  text-decoration: underline; 
  }
div#utility a:active {
  text-decoration: underline; 
  }





div#bottompnavigation {
  position: relative;
  margin-left: 10px;
  padding: 10px 15px 0px 15px;
  font-size: 0.9em; 
}
div#bottompnavigation span {
  padding: 0.5em 1em 0em 0em;
}
div#bottompnavigation a {
  color: #999999; 
  text-decoration: none; 
  }
div#bottompnavigation a:link {
  text-decoration: none; 
  }
div#bottompnavigation a:visited {
  text-decoration: none; 
  }
div#bottompnavigation a:hover {
  color: #666666; 
  text-decoration: underline; 
  }
div#bottompnavigation a:active {
  text-decoration: underline; 
  }

div#topnavigation {
  padding: 0.5em 0 0.5em 1em;
  position: relative;
  background-color: #7A1EA5;
  z-index: 6;
  }

div#topnavigation a {
  color: #fff;
  border-right: 1px solid white;
  padding: 0 0.5em 0 0.2em;
  font-family: verdana, helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  text-transform:uppercase;
  line-height: 1.05em;
  }
div#topnavigation a:link {
  text-decoration: none; 
  }
div#topnavigation a:visited {
  text-decoration: none; 
  }
div#topnavigation a:hover {
  color: #FDBA30;
  text-decoration: none; 
  border-right: 1px solid #FDBA30;
  }
div#topnavigation a:active {
  text-decoration: none;
  }
  /*
div#topnavigation a.selected {
  color: #fff;
  font-weight: bold;
  }
  */
div#topnavigation a.last, div#topnavigation a.last:hover {
  border-right: 0;
}
  


div#menunavigation {
	display: none;
}

div#content {
	position: relative;
	margin-left: 10px;
  }

div#footer {
  position: relative;
  margin-left: 10px;
  padding: 10px 15px 5px 15px;
  font-size: 0.8em; 
  color: #000000;
  }
div#footer a {
  color: #999999; 
  text-decoration: none; 
  }
div#footer a:link {
  text-decoration: none; 
  }
div#footer a:visited {
  text-decoration: none; 
  }
div#footer a:hover {
  color: #666666; 
  text-decoration: underline; 
  }
div#footer a:active {
  text-decoration: underline; 
  }


img {
	border: 0;
	position: relative;
}