/* Layout CSS*/

	body {
		background-color: white;
		}
	#contentArea {
		background-color: white;
		margin: 30px;
		padding: 0px;
		width: auto;
		}
	#top {
		background-color: white;
		background-repeat: repeat;
		width: 1024px;
		height: 604px;
		margin: 0px;
		padding: 0px;
		}
	#topLeft {
		background-color: white;
		width: 460px;
		height: 604px;
		margin: 0px;
		padding: 0px;
		float: left;
		}
	#topRight {
		background-color: white;
  		margin-left: 490px; 
		width: 425px;
		height: 604px;
		padding: 0px;
		left: 460px;
		}
	#bottom {
		background-color: white;
		margin-top: 30px;
		width: 1024px;
		padding: 0px;
		}		
		

/* Columns
-------------------------------------------------------------- */

	.column-1  { 
		width: 150px; 
		overflow: auto;
		height: 170px;
		}
	.column-2  { 
 		float: left; 
		width: 155px; 
		overflow: auto;
		}
	.column-3  { 
		margin-left: 175px;
		width: 200px; 
		overflow: auto;
		}
	.column-4  { 
		width: 395px; 
		margin-top: 15px;
		overflow: auto;
		height: 170px;
		}

/* Misc classes and elements
-------------------------------------------------------------- */

	.box { 
	         border: 20px solid #CCCCCC; 
  		padding-left: 15px;
  		padding-right: 20px;  
  		background: #FFF;
		width: 391px;
		height: 247px;
		}
	.halfBox { 
	         border: 20px solid #CCCCCC; 
  		padding-left: 15px;
  		padding-right: 15px; 
 		float: left; 
  		margint: 0px; 
  		background: #FFF;
		width: 146px;
		height: 247px;
		}
	hr {
  		background: white; 
  		color: #ccc;
  		clear: both; 
  		float: none; 
  		width: 100%; 
  		height: .1em;
  		margin: 0 0 0.7em;
	  	border: none; 
		}
	hr.space {
 		background: #fff;
  		color: #fff;
		}

	.clearfix:after, .container:after {
    		content: "."; 
    		display: block; 
    		height: 0; 
   		 clear: both; 
    		visibility: hidden;
		}
	.clearfix, .container {display: inline-block;}
		* html .clearfix,
		* html .container {height: 1%;}
	.clearfix, .container {
		display: block;
		height: 0;
		clear: both;
		}

/* Text & Image CSS */

	.p {
		margin: 0px;
		}	
	img {
		border: none;
		border-style: none;
		border-width: 0px;
		}
	.titleImg {
		border-style: none;
		border-width: 0px;
		margin-bottom: 20px;
		}
	.mainText {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 140%;
		margin: 0px;
		color: #717171;
		padding-bottom: 8px;
		}
	.mainTextmauve {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 140%;
		margin: 0px;
		color: #88125E;
		padding-bottom: 8px;
		}
	.mainTextbold {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		margin: 0px;
		color: #717171;
		padding: 0px;
		}
	.subtitleText {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		margin: 0px;
		color: #88125E;
		padding-bottom: 15px;
		padding-top: 15px;

		}
	.copyrights {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: x-small;
		color: #717171;
		padding-top: 25px;
		text-align: center;
		margin: 0px;
		}
	a:link  {
   	 	color: #88125E;
  	 	text-decoration: none;
		}
	a:visited  {
    		color: #88125E;
   		 text-decoration: none;
		}
	a:hover  {
    		color: #88125E;
    		text-decoration: underline;
		}
	a:active  {
   		 color: #88125E;
    		text-decoration: none;
		}