/** BASIC */

* { margin:0;padding:0;}

body {
	margin: 10px 0;
	padding: 0;
	font: normal 8pt Verdana;
	color: #00245d; /*memberson blue*/
	text-align: justify;
	/*background:#FFFFFF url(../images/wraptest.gif) repeat-y 50% 0px;*/
	/*line spacing*/
    line-height: 12pt;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 10px 0 5px 0;

	color: #00728f; 
}

h1 { font-size: 12pt; }
h2 { font-size: 10pt; }
h3 { font-size: 9pt; }

p 
{
    margin-bottom:1em;
    
}

a {
	color: #00728f; /*turquose*/
}

a:hover {
	text-decoration: none;
}

ul { margin-bottom:10px; }

/** TOPWRAPPER (header, topmenu), MIDWRAPPER (content), ENDWRAPPER (footer) - for shadow */

#topwrapper 
{
    background:#ffffff url(../images/topwrapper.gif) no-repeat 50% 0px;
    
}
#midwrapper 
{
    background:#ffffff url(../images/midwrapper.gif) repeat-y 50% 0px;
    
}
#endwrapper 
{
    background:#ffffff url(../images/endwrapper.gif) no-repeat 50% 0px;
    
}

/** HEADER */

#header 
{
    margin: 0 auto;
    width: 930px;
	height: 60px;
	background-color: #00728f; /*Memberson turquose*/
	border-right: solid 1px #c8c8c8;
    border-left: solid 1px #c8c8c8;
    border-top: solid 1px #c8c8c8;
}

#header .logo
{
    margin-left:8px;
    margin-top:10px;
}

#header .contact 
{
    float: right;
	padding: 0;
	margin-top: 10px;
	margin-right: 20px;
	color: #ffffff;
	text-align:right;
}

#header .contact a
{
	color: #ffffff;
}


#topmenu 
{
    margin: 0 auto;
    width: 930px;
	height: 22px;
	background-color:#c8c8c8;
	border-bottom: solid 1px #c8c8c8;
    border-right: solid 1px #c8c8c8;
    border-left: solid 1px #c8c8c8;
}

#topmenu .left {
	padding-left: 0px;
	padding-top: 1px;
	float:left; 
	
}

#topmenu .right 
{
    padding-right: 0px;
	padding-top: 1px;
    float:right;
}

#topmenu .right 
{
    padding-top: 4px;
    float:right;
    color:#00728f;
    font-weight:bold;
    font-size:8pt;
}

#topmenu .right a
{
    color:#00728f;
    text-decoration:none;
    padding:4px 20px 4px 20px;
}

#topmenu .right a:hover
{
    text-decoration:none;
    background-color:#ffffff;
    
}

/** CONTENT */

#content {
	width: 930px;
	margin: 0 auto;
    border-right: solid 1px #c8c8c8;
    border-left: solid 1px #c8c8c8;
    border-bottom: solid 1px #c8c8c8;
    background-color: #ffffff;
    
}

.sitemap  
{
    padding:5px 0 5px 10px; 
    text-align:left;
}
    
.leftalign { text-align:left; }
    

#left_column { 
	float: left;
	width: 160px;
	padding: 0 10px 10px 0;
	margin: 10px 0 0 20px;
	text-align:left;
}

#left_column ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

#left_column li 
{
	padding: 5px 10px;
	background: url(../images/list.gif) no-repeat 0 8px;
	border-top: 1px dotted #c8c8c8;
}

#left_column li.first {
	border-top-color: #FFFFFF;
}

#left_column li.current {
	border-right: 1px dotted #c8c8c8;
	font-weight:bold;
}

#left_column li.child 
{
    border-right: 1px dotted #c8c8c8;
    margin-left:10px;
}



#mid_column {
	float: left;
	width: 488px;
	padding: 10px 20px 0 20px;
}

#right_column {
	float: right;
	width: 190px;
	padding: 0 10px 0 10px;
	margin-top: 10px;
	text-align:left;
}

/** FOOTER */

#footer {
	clear: both;
	width: 930px; 
	height: 40px; 
	margin: 0 auto;
    /*background-color:#ffffff;*/
    color:#c8c8c8; 
}

#footer p {
	margin: 0 auto 30px;
	padding-left: 20px;
	padding-top: 10px;
	text-align:left;
	font-size: 8pt;
}

#footer p .right 
{
    text-align:right;
}

.addthisbutton
{
    padding:0 20px 0 0;
    margin:0;
    float:right;
}

#footer a {
	color:#c8c8c8;
}



/*page1*/

#page1 { 
    background: url(../images/memberson-bg5.jpg) no-repeat; 
	height:370px;
	border-bottom: solid 1px #c8c8c8;
}

.p1top /*intro text*/
{
    padding:10px 0 0 20px;
    text-align:left;
}

.p1solutions /*loyalty solutions*/
{
    margin:35px 20px 0 20px;
    text-align:left;
}

.p1solutionleft 
{
    width:260px;
    float:left;
    margin-left:10px;
    text-align:left;
}

.p1solutionmid
{
    width:260px;
    float:left;
    margin-left:45px;
    text-align:left;
}

.p1solutionright
{
    width:260px;
    float:right;
    margin-right:10px;
    text-align:left;
}

.p1bottom /*news events clients*/
{
    padding:10px 20px;
    text-align:left;
}

.p1news 
{
    width:280px;
    float:left;
    margin-bottom:10px;
}

.p1events
{
    width:280px;
    float:left;
    margin-left:25px;
}

.p1clients
{
    width:280px;
    float:right;
}

.list {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.list li {
	padding-left: 10px;
	background: url(../images/list.gif) no-repeat left center;
}

/*problem with background image on nested lists, needed on Sitemap*/
.list_nested {
    margin-left: 10px;
	padding-left: 10px;
}

ol { margin-left: 25px; }
ul { margin-left: 20px; }

.sitemappath {
    margin-left: 20px;
	margin-top: 10px;
	text-align:left;
	float:left;
	color: #c8c8c8;
}

.sitemappath a 
{
    color: #c8c8c8; 
}