HTML {
  height:100%;
}

BODY {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	background-color:#EEF1F4;
  margin:0;
  height:100%;
}

P, TD, LI, INPUT, SELECT, TEXTAREA {
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
}

P {
	font-size:12px;
	margin:0 0 12px 0;
}

LI IMG {
	display:block;
}

H1 {
	font-size:20px;
	font-family:Arial;
	font-weight:bold;
	margin:0 0 12px 0;
  color:#49657A;
}

H2 {
	font-size:11px;
	font-weight:bold;
	margin:0 0 12px 0;
}

H3 {
	font-size:11px;
	font-weight:bold;
	margin:0 0 12px 0;
}

FORM {
	margin:0;
}

/* ------ wrappers and cleaner ------ */

#wrapper1 {
	width:800px;
	margin:0 auto;
	background-color:#FFFFFF;
	height:auto !important; height:100%; min-height:100%;
}

#wrapper2 {
	width:760px;
  padding:20px;
	margin:0 auto;
	text-align:left;
}

.cleaner {
	clear:both;
	height:0;
	border:none;
	padding:0;
	margin:0;
	font-size:0;
}

.hline {
	clear:both;
	height:1px;
	border:none;
	width:100%;
	padding:0;
	margin:0;
	font-size:0;
	background-color:#AD2B4D;
}

/* ------ general formatting ------ */

.ul, .ol {
	margin:0;
	padding:0;
}

.ul li, .ol li {
	margin:0 0 0 15px;
	padding:0;
}

.tc ul {
	margin:20px 0 0 0;
	padding:0;
  height:40px;
}

.tc li {
  width:150px;
	float:left;
	margin:0 0 0 15px;
	padding:0;
}

.tableb, .tableb td, .tableb th { 
	border: 1px solid #BBBBBB; 
	border-collapse: collapse;
}

.tablen, .tablen td, .tablen th { 
	border: none; 
}

.white {
	color:#000000;
}

.red {
	color:#AD2B4D;
}

.orange {
	color:#FF9001;
}

.small {
	font-size:9px;
}

.justify {
  text-align:justify;
}

.nobr {
  white-space: nowrap ;
}

.grey1 {
  color:#49657A;
}

.grey2 {
  color:#6F93AB;
}

/* ------ standard links ------ */

A:link {
	color:#AD2B4D;
	text-decoration:none;
}

A:visited {
	color:#AD2B4D;
	text-decoration:none;
}

A:hover {
	color:#AD2B4D;
	text-decoration:underline;
}

/* ------ banner (bottom margin) ------ */

#banner {
	margin-bottom:10px;
	padding:0;
  position:relative;
}

#strapline {
  position:absolute;
  top:6px;
  left:300px;
  font-size:18px;
  font-family:Arial;
  font-weight:bold;
  font-variant: small-caps;
}

/* ------ middle section (top margin)	------ */

#middle {
	margin-top:20px;
	padding:0;
	width:100%;
	min-height:435px; height:auto !important; height:435px;
}

/* ------ left menu ------ */

#leftmenu {
	float:left;
	margin-right:20px;
	padding:0;
	width:120px;
	font-size:12px;
	display: inline; /* fix IE double left margin bug */
}

#leftmenu ul {
	list-style:none;
	margin:0;
	padding:0;
}

#leftmenu li {
	display:block;
	width:100%;
	margin:0 0 10px 0;
	padding:0;
  border: 1px solid #49657A;
  background-color:#EEF1F4;
  text-align:center;
  font-variant: small-caps;
}

#leftmenu A:link {
	display:block;
	width:108px;
	margin:0;
	padding:6px;
	color:#49657A;
  font-weight:bold;
	text-decoration:none;
	font-size:11px;
  font-variant: small-caps;
}

#leftmenu A:visited {
	display:block;
	width:108px;
	margin:0;
	padding:6px;
	color:#49657A;
  font-weight:bold;
	text-decoration:none;
	font-size:11px;
  font-variant: small-caps;
}

#leftmenu A:hover {
	display:block;
	width:108px;
	margin:0;
	padding:6px;
	color:#AD2B4D;
  font-weight:bold;
	text-decoration:none;
	font-size:11px;
  font-variant: small-caps;
}

/* ----- content ------ */

#content {
	margin:0; /* margin-top/bottom:0 or IE adds to clear divs */
	margin-left:150px;
}

/* ------ footer ------ */

#foot {
	margin:10px 0;
	font-size:9px;
}

#footmid {
  margin: 0 200px;
  text-align:center;
}

#footleft {
	float:left;
}

#footright {
	float:right;
}

