/********************style sheet is organised in order of appearance *****************************/

* {/*this sets some general styles*/
	margin:0px;/*this sets the default for margins to none*/
	padding:0px;/*this sets the default for paddingnone*/
	vertical-align: middle;/****** controls the position of the main menu ******/
	
}


/******************** page structure *****************************/

body {
	font-size: 100%;
	font-family: verdana, helvetica, arial, "sans serif";
	background-color:#ffffff;
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat-y;
}

#wrapper{
	position:absolute;
	left:0px;
	top:0px;
	margin-left:77px;
	width:761px;
	background-color: #FFFFFF;
}

/******************** header *****************************/

#logo{
	float:left;
	width:761px;
	background-image: url(../images/deco.gif);
	text-indent:0em;
	background-repeat: no-repeat;
	background-position: top right;
}

/***************************** menu *****************************************/



#menu_wrapper {
	float:left;
	/*height:32px;*/
	width:761px;
	background-image: url(../images/menu_bg.gif);
	background-repeat: repeat-x;
	margin-bottom: 5px;
	background-color:#0073AE;
}


#menu {
	float:left;
	width:761px;
	padding:0px;
}


#menu li{
float:left;
	display:block;
	font-size: 0.7em;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#menu a:link{
color:#ffffff;
text-decoration:none;
}

#menu a:visited{
color:#ffffff;
text-decoration:none;
}


#menu a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}


/*************** content *******************/

#contentandfooter{
	float:left;
	width:761px;
	background-color:#ffffff;
	background-image: url(../images/content_bg.gif);
	background-repeat: no-repeat;
}

/*************** left content *******************/

#left_content{
	float:left;
	width:280px;
}

#infobox{/**for the homepage**/
	margin-left:20px;
	background-color:#51a87a;
	width: 241px;
	margin-top: 65px;
	background-image: url(../images/feature_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#infobox_calltoaction{/**for the homepage**/
	padding-left:10px;
	padding-top:20px;
	padding-bottom:20px;
	font-size: 0.7em;
	color: #FFFFFF;
	padding-right: 10px;
	line-height:1.9em;
}

.infobox_02{/**for quotes and links**/
	margin-left:20px;
	width: 241px;
	margin-top: 65px;
	background-image: url(../images/infobox_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}



.infobox_calltoaction_02{/**for quotes**/
line-height:1.9em;
	padding-left:10px;
	padding-top:12px;
	padding-bottom:0px;
	font-size: 0.7em;
	color:#0073AE;
	padding-right: 10px;
}

.infobox_calltoaction_03{/**casestudies**/
line-height:1.9em;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:0px;
	font-size: 0.7em;
	color:#000000;
	padding-right: 10px;
}



.infobox_04{/**for images**/
	margin-left:20px;
	width: 241px;
	margin-top: 65px;
}

#left_content a:link{
color:#0073ae;
text-decoration:none;
}

#left_content a:visited{
color:#0073ae;
text-decoration:none;
}

#left_content a:hover{
color:#0073ae;
text-decoration:underline;
}

#left_content hr {
border: 0;
color: #0073AE;
background-color: #0073AE;
height: 2px;
width: 85%;
margin:auto;
margin-bottom:0px;
margin-top:0px;
}



/*************** right content *******************/

#right_content{
	float:left;
	width:460px;
}

h1 {font-size: 0.95em;
	margin-top:17px;
	margin-left:10px;
	font-weight:bold;
	color: #FFFFFF;
}

#right_content h2{/***not used on homepage**/
	font-size: 0.8em;
	margin-left:10px;
	margin-bottom:15px;
	margin-top:90px;
	font-weight:bold;
	color: #51a87a;
}

#right_content h2.partnerheading {/***for partners page**/
	font-size: 0.8em;
	margin-left:10px;
	margin-bottom:15px;
	margin-top:40px;
	font-weight:bold;
	color: #51a87a;
}


#right_content h3{
margin-left:10px;
	margin-bottom:10px;
	margin-top:20px;
	font-weight:bold;
	font-size: 0.7em;
}

#right_content h4{
	font-size: 0.7em;
	margin-left:10px;
	margin-bottom:10px;
	margin-top:20px;
	font-weight:bold;
	color: #0073ae;
}

p.quote{
	line-height:1.7em;
	margin-left:10px;
	margin-top:50px;
	margin-bottom:40px;
	width:450px;
	color: #0073AE;
	font-size: 0.7em;
}

p{
	line-height:1.7em;
	margin-left:10px;
	margin-bottom:10px;
	color: #000000;
	margin-top: 0px;
	font-size: 0.7em;
}

#right_content ul{
list-style-type: disc;
	margin-left: .05em;
	padding-left: 2.5em;
	margin-bottom:20px;
	margin-top:10px;
	text-indent: 0em;
	font-size: 0.7em;
	line-height:2em;
	font-weight:normal;
	color: #0073AE;
	width:400px;
	}

#right_content li{
/*list-style-position:outside;*/
/*background: url(../images/bullet.gif) 0px 8px no-repeat;*/
}

.lispan{
color: #000000;
}


#right_content img{/*full width image 437px*/
float:left;
margin-left:1px;
margin-right:0px;
margin-bottom:20px;
margin-top:20px;
}

#right_content a:link{
color:#0073ae;
text-decoration:none;
}

#right_content a:visited{
color:#0073ae;
text-decoration:none;
}

#right_content a:hover{
color:#0073ae;
text-decoration:underline;
}

#right_content hr {
border: 0;
color: #0073AE;
background-color: #0073AE;
height: 2px;
width: 95%;
margin:auto;
margin-bottom:10px;
}


#right_content hr.partnerrule {
border: 0;
color: #0073AE;
background-color: #0073AE;
height: 2px;
width: 95%;
margin:auto;
margin-bottom:45px;
margin-top:45px;
}



/************ footer ************/

#footer {
	float:left;
	width:761px;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	color: #0073ae;
}

#footer p{
font-size: 0.7em;
color:#0073ae;
	margin-left:40px;
	margin-top:40px;
	width: 470px;
	float: right;
	margin-bottom: 30px;
	
	}

#footer a:link {
text-decoration:none;
color:#0073ae;
}

#footer a:visited {
text-decoration:none;
color:#0073ae;
}

#footer a:hover {
	text-decoration:underline;
	color:#0073ae;
}

