@charset "utf-8";
/* CSS Document */

body
{
  background:#ffc20e;

	}



/*********************************************************************
 * Wrapper
 *********************************************************************/
#wrapper
{
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	position:relative;
	
	}


/*********************************************************************
 * Notice
 *********************************************************************/
#notice
{
	margin: 0 auto;
	position:relative;
	width:100%;
	height:50px;
	text-align:center;
	padding:5px 5px;
	height:50px;
	color:#000000;
	clear:both;
	font-family:"Trebuchet MS", Arial;
	font-size:12px;
	font-weight:bold;
    }
  
#notice p
{
  margin:15px; 
}


#notice a
{
  color:#e11a2c;
  text-decoration:underline;
}

#notice a:hover
{
  color:#ffffff;
}



/*********************************************************************
 * Header
 *********************************************************************/
#header
{
	margin: 0 auto;
	overflow: hidden;
	width:700px;
	height:90px;
	clear:both;
	background-image:url(http://www.proudlysa.co.za/mailmerge/newsletter/2010/july/gfx/header.png);
	background-repeat:no-repeat;
	background-position:top;
	padding: 0px 0px 0px 0px;

}

/*********************************************************************
 * Content
 *********************************************************************/
	
#content {
	overflow: hidden;
	width:700px;
	margin: 0 auto;
	position:relative;
	clear:both;
	padding:10px 10px 10px 10px;
	background-color:#ffffff;
	border: 15px solid #000000;
	  	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
		}


/*********************************************************************
 * Introduction
 *********************************************************************/
#intro {

	margin: 0 auto;
	overflow: hidden;
	width:695px;
	background-image:url(http://www.proudlysa.co.za/mailmerge/newsletter/2010/july/gfx/introbg.png);
	background-repeat:no-repeat;
	background-position:top;	
	background-color:#ffffff;
	padding:10px 0px 0px 0px;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	display: block;	
	font-size: 12px;
	font-family: Trebuchet MS, arial, verdana, helvetica, arial, sans-serif;

	}
	
#intro p
{
  margin:10px 10px 10px 10px; 
	font-size: 11px;
	font-family: Trebuchet MS, arial, verdana, helvetica, arial, sans-serif;
	color:#000000;
}

#intro a
{	color:#e11a2c;
	text-decoration:underline;
	margin:2px;
}

#intro a:hover
{
  color:#ffc20e;
  text-decoration:none;}	


#intro h1
{
  font: 16px Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#000000;
  padding: 5px 5px 5px 10px;
  text-transform:uppercase; 
  }
  
#intro h2
{
  font: 14px Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#000000;
  padding: 5px 5px 5px 10px;
  text-transform:uppercase; 
  }
  
#intro hr
{
	border: 1px dashed #cccccc;
	border-bottom: 1px dashed #ffffff;
	border-left: 1px dashed #ffffff;
	border-right: 1px dashed #ffffff;  }
	


/*********************************************************************
 * events
 *********************************************************************/
#events {

	margin: 0 auto;
	clear:both;
	float:left;
	overflow: hidden;
	width:395px;
	height:680px;
	margin-top:10px;
	background-color:#ffffff;
	display: block;	
	background-image:url(http://www.proudlysa.co.za/mailmerge/newsletter/2010/july/gfx/headers/events.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-attachment:scroll;
	padding: 50px 8px 5px 5px;
	border-right:2px solid #cccccc;
	}
	
/*********************************************************************
 * events top
 *********************************************************************/
#events_top {

	margin: 0 auto;
	float:left;
	clear:both;
	overflow:hidden;
	width: 395px;
	display: block;	
	font-size: 12px;
	font-family: Trebuchet MS, arial, verdana, helvetica, arial, sans-serif;
	padding: 0px 0px 0px 0px;	
	}
	
#events_top p
{
  margin:5px 5px 5px 5px; 
	font-size: 11px;
	font-family: Trebuchet MS, arial, verdana, helvetica, arial, sans-serif;
  color:#000000;
}

#events_top a
{  color:#666666;text-decoration:underline;
  margin:2px;
}

#events_top a:hover
{
  color:#ffc20e;
  text-decoration:none;
}	


#events_top h1
{
  font: 13px Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#ffffff;
  padding: 3px 3px 3px 3px;
  text-transform:uppercase; 
  background-color:#000000;
  	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;  }

/*********************************************************************
 * events info
 *********************************************************************/
#events_info {

	margin: 0 auto;
	float:left;
	clear:both;
	margin-top:10px;
	overflow:hidden;
	width: 395px;
	display: block;	
	font-size: 12px;
	font-family: Trebuchet MS, arial, verdana, helvetica, arial, sans-serif;
	}
	
#events_info p
{
  margin:5px 5px 5px 5px; 
	font-size: 11px;
	font-family: Trebuchet MS, arial, verdana, helvetica, arial, sans-serif;
  color:#000000;
}

#events_info a
{  color:#666666;text-decoration:underline;
  margin:2px;
}

#events_info a:hover
{
  color:#ffc20e;
  text-decoration:none;
}	


#events_info h1
{
  font: 13px Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#ffffff;
  padding: 3px 3px 3px 3px;
  text-transform:uppercase; 
  background-color:#000000;
  	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
  }

	
#events_info ul 
{
	text-align:left;
	font: 11px normal Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000000;	

}
	
#events_info ul ul li
{
	text-align:left;
	font-family:Verdana, Arial;
	font-size:14px;
	font-weight:normal;
	color:#4CA4DA;	

}


/*********************************************************************
 * welcome
 *********************************************************************/
#welcome {

	margin: 0 auto;
	float:right;
	overflow:scroll;
	width:275px;
	height:680px;
	margin-top:10px;
	background-color:#ffffff;
	display: block;	
	background-image:url(http://www.proudlysa.co.za/mailmerge/newsletter/2010/july/gfx/headers/welcome.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-attachment:scroll;
	padding: 50px 5px 5px 5px;
}

#welcome p
{
  margin:5px 5px 5px 5px; 
	font-size: 11px;
	font-family: Trebuchet MS, arial, verdana, helvetica, arial, sans-serif;
  color:#000000;
}

#welcome a
{  color:#666666;text-decoration:underline;
  margin:2px;
}

#welcome a:hover
{
  color:#ffc20e;
  text-decoration:none;
}	


#welcome h1
{
  font: 13px Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#ffffff;
  padding: 3px 3px 3px 3px;
  text-transform:uppercase; 
  background-color:#000000;
  	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	  }
  
  #welcome h2
{
  font: 12px Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#000000;
  padding: 0px 0px 0px 0px;
  }
  
  #welcome hr
{
	border: 1px dashed #cccccc;
	border-bottom: 1px dashed #ffffff;
	border-left: 1px dashed #ffffff;
	border-right: 1px dashed #ffffff;  }


/*********************************************************************
 * memberfocus
 *********************************************************************/
	
#memberfocus {

	margin: 0 auto;
	clear:both;
	float:left;
	overflow: hidden;
	width:688px;
	margin-top:10px;
	background-color:#ffffff;
	display: block;	
	background-image:url(http://www.proudlysa.co.za/mailmerge/newsletter/2010/july/gfx/headers/member_focus.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-attachment:scroll;
	padding: 50px 5px 5px 5px;
	border-top:2px solid #cccccc;

	}
	
#memberfocus p
{
  margin:5px 5px 5px 5px; 
	font-size: 11px;
	font-family: Trebuchet MS, arial, verdana, helvetica, arial, sans-serif;
  color:#000000;
}

#memberfocus a
{
  color:#666666;
  text-decoration:underline;
  margin:5px;
}

#memberfocus a:hover
{
  color:#00854a;
  text-decoration:none;
}	

#memberfocus h1
{
  font: 13px Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#ffffff;
  padding: 3px 3px 3px 3px;
  text-transform:uppercase; 
  background-color:#00854a;
  	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	  }
  
  
#memberfocus hr
{
	border: 1px dashed #cccccc;
	border-bottom: 1px dashed #ffffff;
	border-left: 1px dashed #ffffff;
	border-right: 1px dashed #ffffff;

}

  
/*********************************************************************
 * yourbusiness
 *********************************************************************/
	
#yourbusiness {

	margin: 0 auto;
	clear:both;
	float:left;
	overflow: hidden;
	width:688px;
	margin-top:10px;
	background-color:#ffffff;
	display: block;	
	background-image:url(http://www.proudlysa.co.za/mailmerge/newsletter/2010/july/gfx/headers/your_business.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-attachment:scroll;
	padding: 50px 5px 5px 5px;
	border-top:2px solid #cccccc;
	border-bottom:2px solid #cccccc;
	}
	
#yourbusiness p
{
  margin:5px 5px 5px 5px; 
	font-size: 11px;
	font-family: Trebuchet MS, arial, verdana, helvetica, arial, sans-serif;
  color:#000000;
}

#yourbusiness a
{
  color:#666666;
  text-decoration:underline;
  margin:5px;
}

#yourbusiness a:hover
{
  color:#0058a0;
  text-decoration:none;
}	

#yourbusiness h1
{
  font: 13px Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#ffffff;
  padding: 3px 3px 3px 3px;
  text-transform:uppercase; 
  background-color:#0058a0;
  	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px; 
	 }
  
  
#yourbusiness hr
{
	border: 1px dashed #cccccc;
	border-bottom: 1px dashed #ffffff;
	border-left: 1px dashed #ffffff;
	border-right: 1px dashed #ffffff;

}


/*********************************************************************
 * comps
 *********************************************************************/
#comps {

	margin: 0 auto;
	float:left;
	overflow: hidden;
	width:205px;
	height:260px;
	margin-top:10px;
	background-color:#ffffff;
	display: block;	
	background-image:url(http://www.proudlysa.co.za/mailmerge/newsletter/2010/july/gfx/headers/comps.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-attachment:scroll;
	padding: 50px 5px 7px 5px;
	border-bottom: 2px solid #cccccc;
}

#comps p
{
  margin:5px 5px 5px 5px; 
	font-size: 11px;
	font-family: Trebuchet MS, arial, verdana, helvetica, arial, sans-serif;
  color:#000000;
}

#comps a
{  color:#666666;text-decoration:underline;
  margin:2px;
}

#comps a:hover
{
  color:#ffc20e;
  text-decoration:none;}	


#comps h1
{
  font: 13px Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#ffffff;
  padding: 3px 3px 3px 3px;
  text-transform:uppercase; 
  background-color:#000000;
    	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
  }
  
#comps h2
{
  font: 12px Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#000000;
  padding: 0px 0px 0px 0px;
  }
  
#comps hr
{
	border: 1px dashed #cccccc;
	border-bottom: 1px dashed #ffffff;
	border-left: 1px dashed #ffffff;
	border-right: 1px dashed #ffffff;  }



/*********************************************************************
 * laughs
 *********************************************************************/
#laughs {

	margin: 0 auto;
	float:left;
	width:205px;
	margin-top:10px;
	background-color:#ffffff;
	display: block;	
	background-image:url(http://www.proudlysa.co.za/mailmerge/newsletter/2010/july/gfx/headers/laughs.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-attachment:scroll;
	padding: 50px 5px 5px 5px;
}

#laughs p
{
  margin:5px 5px 5px 5px; 
	font-size: 11px;
	font-family: Trebuchet MS, arial, verdana, helvetica, arial, sans-serif;
  color:#000000;
}

#laughs a
{	color:#e11a2c;
	text-decoration:underline;
	margin:2px;
}

#laughs a:hover
{
  color:#666666;
  text-decoration:none;}	


#laughs h1
{
  font: 13px Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#ffffff;
  padding: 3px 3px 3px 3px;
  text-transform:uppercase; 
  background-color:#e11a2c;
  	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	  }
  
#laughs h2
{
  font: 12px Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#e11a2c;
  padding: 0px 0px 0px 0px;
  }
  
#laughs hr
{
	border: 1px dashed #cccccc;
	border-bottom: 1px dashed #ffffff;
	border-left: 1px dashed #ffffff;
	border-right: 1px dashed #ffffff;  }


/*********************************************************************
 * focus
 *********************************************************************/
#focus {

	margin: 0 auto;
	float:right;
	overflow: hidden;
	width:460px;
	margin-top:10px;
	background-color:#ffffff;
	display: block;	
	background-image:url(http://www.proudlysa.co.za/mailmerge/newsletter/2010/july/gfx/headers/newfocus.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-attachment:scroll;
	padding: 50px 5px 5px 8px;
	border-left:2px solid #cccccc;
}

#focus p
{
  margin:5px 5px 5px 5px; 
	font-size: 11px;
	font-family: Trebuchet MS, arial, verdana, helvetica, arial, sans-serif;
  color:#000000;
}

#focus a
{	color:#ffc20e;
	text-decoration:underline;
	margin:2px;
}

#focus a:hover
{
  color:#666666;
  text-decoration:none;}	


#focus h1
{
  font: 13px Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#ffffff;
  padding: 3px 3px 3px 3px;
  text-transform:uppercase; 
  background-color:#ffc20e;
  	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	  }
  
#focus h2
{
  font: 12px Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#ffc20e;
  padding: 0px 0px 0px 0px;
  }
  
#focus hr
{
	border: 1px dashed #cccccc;
	border-bottom: 1px dashed #ffffff;
	border-left: 1px dashed #ffffff;
	border-right: 1px dashed #ffffff;  }


/*********************************************************************
 * Footer
 *********************************************************************/

#footer
{

	margin: 0 auto;
	width:700px;
	margin-top:10px;
	position:relative;
	clear:both;
	background-image:url(http://www.proudlysa.co.za/mailmerge/newsletter/2010/july/gfx/footerbg.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:50px 0px 0px 0px; 
	font-family: Trebuchet MS, Arial;
	font-size:11px;
	color:#000000;
}

#footer p
{
  margin:5px; 
}

#footer a
{
  color:#000000;
  text-decoration:underline;
  margin:1px;
}

#footer a:hover
{
  color:#ffffff;
  }


.footerblkbold {
	color: #000000;
	font-weight:bold;
}

.footergrybold {
	color: #666666;
	font-weight:bold;
}

.footerwhtbold {
	color: #ffffff;
	font-weight:bold;
}

.more {
border:none;
}