/* CSS Document */

body {
border:0;
margin:0;
padding:0;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
line-height:16px;
text-align:center;
}
#container {
width:760px;
margin:auto;
}
#menu {
float:left;
width:150px;
}
#menu_holder {
	position:relative;
	width:150px;
	height:395px; /** changed this from 240px **/
}
#content {
float:left;
width:600px;
padding:0 0 0 10px;
}
#content_left {
float:left;
width:375px;
padding:10px 0 0 0;
}
#content_left2 {
float:left;
width:295px;
padding:10px 30px 0 0;
line-height:17px;
}
#content_right {
float:left;
width:160px;
padding:10px 0 0 10px;
}
#content_right2 {
float:left;
width:205px;
padding:10px 10px 0 10px;
line-height:15px;
}
#home_holder {
padding:0 0 10px 0;
}
#main_top {
width:600px;
height:32px;
background:url(images/main_top.gif) top no-repeat;
}
#main_mid {
width:550px;
background:url(images/main_mid.gif) top repeat-y;
padding:31px 20px 10px 30px;
text-align:left;
}
#main_mid_full {
width:540px;
background:url(images/main_mid.gif) top repeat-y;
padding:31px 30px 10px 30px;
text-align:left;
}
#main_bot {
width:572px;
height:19px;
background:url(images/main_bot.gif) top no-repeat;
padding:10px 28px 5px 0;
text-align:right;
color:#888;
font-size:10px;
}
.note {
text-align:right; padding:0 15px 0 0; color:#888; font-size:10px;
}
.clear {
clear:both;
}
#ticker {
background:url(images/footer_break.gif) repeat-x top;
width:760px;
height:26px;
margin:auto;
padding:15px 0 10px 0;
}
#ticker_holder {
background:url(images/ticker.gif) no-repeat top;
width:675px;
height:20px;
font-size:11px;
padding:6px 0 0 85px;
text-align:left;
}
#footer {
background:url(images/footer_break.gif) repeat-x top;
width:760px;
margin:auto;
padding:0 0 15px 0;
text-align:left;
}
.left_floats {
float:left;
margin:5px 0 0 0;
}
.footer_content {
background:url(images/footer_break_v.gif) repeat-y right;
float:left;
width:380px;
padding:5px 10px 0 10px;
margin:5px 0 0 0;
}
.footer_contentFirst {
float:left;
width:150px;
padding:10px 0px 0 0px;
margin:5px 0 0 0;
}
.footer_content2 {
float:left;
width:190px;
padding:10px 0px 0 10px;
margin:5px 0 0 0;
}
#navlist {
margin-left: 0;
padding-left: 0;
list-style: none;
}
#navlist li {
font-weight:bold;
padding:0 0 0 15px;
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
}

#navlist_client_resources_list {
margin-left: 0;
padding-left: 0;
list-style: none;
}
#navlist_client_resources_list li {
font-weight:bold;
padding:10px 0 0 15px;
background-image: url(images/bullet1.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
}

#navlist2 {
margin-left: 0;
padding-left: 0;
list-style: none;
}
#navlist2 li {
font-weight:normal;
padding:0 0 0 15px;
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
}
#navlist3 {
margin-left: 0;
padding-left: 0;
list-style: none;
}
#navlist3 li {
font-weight:normal;
padding:0 0 0 15px;
}
.no_bullets {
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
}
#form_holder {
background:#e4e4e4;
width:365px;
padding:5px;
}
#form_holder2 {
background:#e4e4e4;
width:350px;
padding:5px;
}
.textfield {
width: 100%;
border: 1px solid #CCC;
font-size: 1em;
color: #666;
line-height: normal;	
margin: 2px 0 2px 0;
}	
.textfield:hover,
.textfield:focus  {
border: 1px solid #999;
}
.dropdown {
font-family:Tahoma, Arial, Helvetica, sans-serif;
width: 100%;
border: 1px solid #CCC;
font-size: 10px;
color: #666;
line-height: normal;
margin: 4px 0 4px 0;
}
.send {
width:77px;
height:18px;
padding:5px 0 0 0;
}
.important_add {
background:#6479A6 url(images/blue_slice.gif) top repeat-x;
width:510px;
padding:10px;
border:solid 5px #FFF;
color:#FFFFFF;
}
.h1_background {
background:#e4e4e4;
display:block;
margin:8px 0 0 0;
}
/*FONTS*/
p {
margin:10px 0 10px 0;
}
.grey {
color:#666666;
}
.blue {
color: #4568A1;
}
.red {
color:#8C033D;
}
h2 {
color:#8C033D;
font-size:11px;
font-weight:bold;
margin:10px 0 10px 0;
}
h3 {
color:#8C033D;
font-size:11px;
font-weight:bold;
margin:10px 0 10px 0;
}
a:link,
a:visited { 
color: #8C033D;
text-decoration:underline;
}
a:hover {
color: #8C033D;
text-decoration:none;
}
a:active { 
color: #8C033D;
text-decoration:underline;
}
h1 {
font-size:14px;
font-weight:normal;
margin:0;
}
h4 {
font-size:12px;
font-weight:normal;
margin:0 0 -8px 0;
}
h6 {
color:#2C1C75;
font-size:11px;
font-weight:bold;
margin:10px 0 10px 0;
}
/*FONTS*/
/********* vertical menu *********/
#nav {
	position: absolute;
	top: 0px;
	left:1px;
	list-style: none;
	margin: 0;
	padding: 0 0 0 0;
	display: inline;
	overflow: hidden;
	width: 149px; /*** changed this from 150px to 149px on 11.09.07 as red line was appearing to right of menu ***/
	height:395px;
}
#nav li {
margin: 0; 
padding: 0;
display: inline;
list-style-type: none;
}
#nav a {
float: left;
padding: 0 0 0 150px;
overflow: hidden;
width: 0px !important; 
width /**/:150px; /* for IE5/Win */
text-decoration:none;
}
#nav a:hover {
background-position: -150px 0;
text-decoration:none;
border:none;
}
#nav a:active, #nav a.selected {
background-position: -150px 0;
text-decoration:none;
border:none;
}
#nav01 a  {height:26px; width: 150px; background: url(images/nav01.gif) top left no-repeat;}
#nav02 a  {height:26px; width: 150px; background: url(images/nav02.gif) top left no-repeat;}
#nav03 a  {height:26px; width: 150px; background: url(images/nav03.gif) top left no-repeat;}
#nav04 a  {height:26px; width: 150px; background: url(images/nav04.gif) top left no-repeat;}
#nav05 a  {height:26px; width: 150px; background: url(images/nav05.gif) top left no-repeat;}
#nav06 a  {height:26px; width: 150px; background: url(images/nav06.gif) top left no-repeat;}
#nav_resources a  {height:26px; width: 150px; background: url(images/nav_resources.gif) top left no-repeat;}
#nav_meet_the_team a  {height:26px; width: 150px; background: url(images/nav_mtt.gif) top left no-repeat;}
#nav07 a  {height:26px; width: 150px; background: url(images/nav07.gif) top left no-repeat;}
#nav_aspect_newsletter a  {height:26px; width: 150px; background: url(images/aspect_newsletter.gif) top left no-repeat;}
#nav08 a  {height:26px; width: 150px; background: url(images/nav08.gif) top left no-repeat;}
#nav09 a  {height:27px; width: 150px; background: url(images/nav09.gif) top left no-repeat;}
#nav11 a  {height:26px; width: 150px; background: url(images/nav11.gif) top left no-repeat;}
#nav_careers a  {height:26px; width: 150px; background: url(images/nav_careers.gif) top left no-repeat;}
#nav13 a  {height:26px; width: 150px; background: url(images/nav13.gif) top left no-repeat;}
#hastings_half_marathon a {height:26px; width: 150px; background: url(images/marathon.png) top left no-repeat;}

a.mtt {
	text-align: right;
	float: right;
	font-size: 14px;
	line-height: 14pt;
	font-weight: bold;
	text-decoration: underline;
	padding-right: 10px;
	}
	
	a.mtt:hover {
	text-align: right;
	float: right;
	font-size: 14px;
	line-height: 14pt;
	font-weight: bold;
	text-decoration: underline;
	color: #3366CC;
	padding-right: 10px;
	}
	
	a.mtt:active {
	text-align: right;
	float: right;
	font-size: 14px;
	line-height: 14pt;
	font-weight: bold;
	text-decoration: underline;
	padding-right: 10px;
	}
	
	a.mtt:selected {
	text-align: right;
	float: right;
	font-size: 14px;
	line-height: 14pt;
	font-weight: bold;
	text-decoration: underline;
	padding-right: 10px;
	}

/* */
/* HOME SECTION */
