/* ------------------------------------------------------------
   Project: LINk
   Type: CSS2
   Author: Lee Westwood
   Date: 05/09/2008
   Company: www.brandintermedia.co.uk
   ------------------------------------------------------------ */

body {
	background: url(../images/bg.jpg) repeat-x #e6e6e6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size:12px;
}

/* ------------------------------------------------------------
   Layout
   ------------------------------------------------------------ */

#wrapper {
	width: 940px;
	margin: auto auto;
	background: url(../images/background.png);
}
#content {
	width: 920px;
	margin: 0px 10px 0px 10px;
	text-align: left;
}
#header {
	width: 920px;
	height: 125px;
  border-top: 14px solid #000;
  background-color:#ffffff;
}
#topnav {
	width: 910px;
	background: #000000;
	text-align: right;
	color: #fff;
	font-size: 10px;
	padding: 2px 10px 2px 0px;
}
#copy {
	background: url(../images/copy.jpg) repeat-x #fff;
	width: 880px;
	text-align: left;
	padding: 20px;
	overflow: auto;
}
#text {
	width: 540px;
	float: left;
	padding: 10px 5px 0px 0px;
  margin-bottom: 0;
  line-height: 1.2em;
}

#right {
	width: 190px;
	float: left;
}
.news {
	width: 190px;
        font-size: 12px;
        color:#ffffff;
	background: #4eb0ae;
	margin-bottom: 10px;
}
.panel {
	width: 190px;
  font-size: 12px;
  color:#ffffff;
	background: #ce2c5e;
	text-align:center;
  float: right;
  margin: 0 0 10px 0;
}
#footer {
	clear: both;
	width: 920px;
	background: #000000;
	text-align: center;
}
#footerimage {

}
/* :TODO: DSB : finish fixing the CSS in IE */
DIV.googleTranslate {
  width: 199px;
  float: right;
  position: relative;
  bottom: 15px;
}
DIV.googleTranslate SELECT {
  font-size: 10px;
}
TABLE.eventsList {
  width: 199px;
  float: right;
  /*height: 280px;*/
  margin-right: 0;
  padding: 0;
}
TABLE.eventsListNotHomePage {
  position: relative;
  left: 20px;
}
TABLE.eventsList TH, TABLE.eventsList TD.eventsListFooter {
  background-image: url('../images/events-rectangle.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  color: #fff;
  font-size: 110%;
}
TABLE.eventsList TH {
  padding: 5px 0 12px 15px;
}
TABLE.eventsList TD {
  border: 1px solid #000;
  border-width: 0 1px;
  padding: 0 6px;
  margin: 0;
}
TABLE.eventsList TD DIV, TABLE.eventsList TD P {
  margin: 3px 2px;
  padding: 0;
  font-size: 10px;
}
TABLE.eventsList TD.eventsListFooter {
  background-position: 0 100%;
  border: 0;
  color: #000;
  padding: 2px 12px 8px 10px;
}
TABLE.eventsList TD.eventsListFooter A.eventsLink, TABLE.eventsList TD.eventsListFooter A.eventsLink:VISITED {
  font-size: 10px;
  font-weight: bold;
  position: relative;
  top: 6px;
  font-style: italic;
  text-decoration: none;
  color: #000;
}
A.rightArrowCurvyButton, A.rightArrowCurvyButton:VISITED {
  display: block;
  float: right;
  background-image: url('../images/buttons/double-right-arrow.gif');
  background-position: 0 0;
  width: 39px;
  height: 26px;
  text-decoration: none;
}
DIV.footerLargeRectangle {
  width: 685px;
  float: left;
  clear: left;
  height: 123px;
  background-image: url('../images/long-horizontal-roundrect.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  padding: 22px 0 8px 0;
}
DIV.findUsRectangle {
  width: 199px;
  float: right;
  clear: right;
  height: 150px;
  margin-right: 20px;
  padding: 0;
  background-image: url('../images/find-us-on-box.png');
}
DIV.findUsRectangle P {
  color: #fff;
  margin: 5px 0 15px 10px;
  font-weight: bold;
}
A.rectangleLink, A.rectangleLink:VISITED {
  color: #fff;
  display: block;
  float: left;
  text-decoration: none;
  font-size: 17px;
  width: 202px;
  height: 75px;
  text-align: center;
  padding: 30px 0 0 0;
  background-image: url('../images/buttons/large-rectangles.gif');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin: 0 0 0 15px;
}
A.FBTwitterLink, A.FBTwitterLink:VISITED {
  text-decoration: none;
  display: block;
  margin: 10px 0 0 0;
}
A.FBTwitterLink IMG {
  border: 0;
}

/* ------------------------------------------------------------
   Home Page Boxes
   ------------------------------------------------------------ */

.textbox {
	width: 215px;
	height: 219px;
	float: left;
	padding: 15px;
	margin: 2px;
}

/* ------------------------------------------------------------
   Typography
   ------------------------------------------------------------ */

#text h1 {
	margin: 10px 0 0 0;
	padding: 0;
	color: #0A3C7B;
	font-size: 19px;
	font-weight: bold;
}
#text p {
	font-size: 10px;
	color: #000;
	padding: 0px;
	margin: 5px 5px 5px 0;
}
#text p a {
	font-size: 12px;
	color: #000;
	text-decoration: underline;
}
#text p a:hover {
	font-size: 12px;
	color: #000;
        background-color:#ff0;
	text-decoration: underline;
}
#news h1 {
	font-size: 13px;
	color: #fff;
	margin: 0px;
	padding: 0px 5px 0px 5px;
}
#news p {
	font-size: 12px;
	color: #fff;
	padding: 0px;
	margin: 0px 5px 0px 5px;
}
#news p a {
	font-size: 12px;
	color: #0A3C7B;
	text-decoration: none;
}
#project h1 {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	color: #fff;
	margin: 0px 5px 0px 5px;
}
#project p {
	padding: 0px;
	font-size: 12px;
	color: #fff;
	margin: 0px 5px 0px 5px;
}
#project p a {
	font-size: 12px;
	color: #4EB0AE;
	text-decoration: none;
}
#footer p {
	color: #ffffff;
	padding: 3px 0px 3px 0px;
	margin: 0px;
	font-size: 12px;
}
#footer p a {
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}
.textboxp {
	font-size: 11px;
	color: #000;
	margin: 0px;
	padding: 0px;
}
.textboxp a {
	font-size: 11px;
	color: #000;
	text-decoration: none;
}
.textboxh1 {
	font-size: 15px;
	color: #000;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-weight: bold;
}

/* ------------------------------------------------------------
   Menu
   ------------------------------------------------------------ */

#menu {
	width: 125px;
	float: left;
}
#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#menu li {
	margin: 0px;
	padding: 0px;
}
#menu li a {
	display: block;
	color: #000;
	text-decoration: none;
	font-size: 12px;
	padding: 4px 0px 4px 2px;
}
#menu li a:hover {
	text-decoration: none;
  font-weight: bold;
}
#menu a {
	font-size: 12px;
}
#menu a:HOVER {
  font-weight: bold;
}

/* ------------------------------------------------------------
   Other
   ------------------------------------------------------------ */

form {
	margin: 0px;
	padding: 0px;
}

label
{
color:#ffffff;
background-color:#4eb0ae;
padding:2px;
font-size:12px;
}

.asterisk
{
font-size:20px;
color:#ff0000;
}

.error
{
color:#ff0000;
}

.small
{
font-size:.8em;
}

.infobox
{
width:70%;
padding:2%;
border: 1px solid #cccccc;
}