BODY { font-family: helvetica,arial,sans-serif;
        text-decoration: none;
	text-align: left;
	font-size: 11pt;
	background-image: none;
	background-color: white; 
 }

h1 { font-family: helvetica,arial,sans-serif;
        text-decoration: none;
	text-align: justify;
	font-size: 11pt; }



div#wrapper 
{
  margin-left: auto;
  margin-right: auto;
  min-width: 750px;
  max-width: 1050px;
  width: expression(((document.body.clientWidth)) < 750? "750px":((document.body.clientWidth)) > 1050? "1050px": "auto" );
}


.main
{ 
  padding-right: 5px;
  color: black;
  margin-right: 0px; 
  float: none;
  width: auto !important;
  width: 99%; /* avoid 100% unless ie breaks */
}


.Section
{ 
   background: #6688BB url(./assets/tl.gif) no-repeat 0 0;
}

.Section .tr
{ 
  background: url(./assets/tr.gif) no-repeat 100% 0;
}

.Section .br
{ 
  background: url(./assets/br.gif) no-repeat 100% 100%;
}

.Section .bl
{ 
  background: url(./assets/bl.gif) no-repeat 0 100%;
  padding: 10px 40px 0px 20px;
  margin-bottom: 10px;
}



/* useful because of ie */ 

/* IE does not take into account the 10px of margin-bottom and we need to add them for IE using the following hack.  */

.separator
{ 
  height: 0px; /* ie hack */
  margin: 10px !important;
  margin: 0px;
}

.Section .bl #title
{
color: #E1DCF6;
padding: 15px 0px 0px 30px;
float: none;
margin-right: 500px;
width: auto !important;
width: 99%; /* avoid 100% unless ie breaks */
font-size: 28pt;
}


.Section .bl #portrait 
{ 
padding: 25px 20px 10px 40px; 
float: none;
margin-right: 500px; 
width: auto !important; 
width: 99%; /* avoid 100% unless ie breaks */ 
}


#lifesummary
{
padding: 0px 40px 0px 45px;
float: none;
width: auto !important;
width: 99%; /* avoid 100% unless ie breaks */
 text-align: justify; 
}


.Section .bl #mydetails
{
  padding: 35px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
  width: 500px;
 float: right;
}


.Section .bl .sectiontitle
{
text-align: center;
color: #E1DCF6;
padding: 0px 0px 0px 0px;
float: none;
width: auto !important;
width: 99%; /* avoid 100% unless ie breaks */
font-size: 28pt;
}

.Section .bl .sectionsubtitle
{
text-align: left;
color: #E1DCF6;
padding: 0px 0px 0px 10px;
float: none;
width: auto !important;
width: 99%; /* avoid 100% unless ie breaks */
font-size: 16pt;
}

A
{
color: #53012B;
text-decoration: none;
font-style: normal;
}

A:hover
{
text-decoration: underline;
}