body, html { margin: 0; padding: 0; }

html { font-size: 100%; }

body {
	font: normal 1em 'Trebuchet MS', Helvetica, sans-serif;
	color: #000;
	background: #f1e4cc;
	}

a, a:visited { color: #222; text-decoration: none; }
a:hover, a:active { color: #9b0000; text-decoration: underline; }

a img { border: 0; margin: 0; padding: 0; }

.button2 {
      background-color: #0000FF;
      border: none;
      color: #FFA07A;
      padding: 20px 30px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 20px;
      margin: 4px 2px;
      cursor: pointer;
      }

/* ------- Content Blocks ------- */

#mainphoto, #bio, #gallery, #footer { width: 900px; margin: 0 auto; }

#container {
	width: 900px;
	margin: 2em auto;
	padding: 5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: url(images/mainbg.jpg) #efead7;
	}

#container1 {
	width: 900px;
	margin: 2em auto;
	padding: 5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: url(images/mainbg.jpg) #B0E0E6;
	}

#container2 {
	width: 900px;
	margin: 2em auto;
	padding: 5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: url(images/mainbg.jpg) #FFA07A;
	}

#container3 {
	width: 900px;
	margin: 2em auto;
	padding: 5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: url(images/mainbg.jpg) #DCDCDC;
	}

#mainphoto { text-align: center; margin-bottom: 2em; }

#header { margin: 0; z-index: 10; height: 280px; }

#footer { background-color: #FFF; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin: 2em 0 0 0; }




/* ------- Formatting ------- */

.clear { clear: both; padding: 0; height: 0; }

h3.section {
	float: left;
	width: 800px;
	height: 3em;
	font: bold 1.3em 'Trebuchet MS', Helvetica, sans-serif;
	color: #222;
	border-bottom: 2px solid #cec6a2;
	margin: 0 0 1em 0;
	padding: 0;
	}

.key {
	float: left;
	width: 100px;
	height: 3em;
	font: bold 1.3em 'Trebuchet MS', Helvetica, sans-serif;
	color: #999;
	border-bottom: 2px solid #cec6a2;
	margin: 0 0 1em 0;
	padding: 0;
	}

h3.section img { margin: 0.5em 0 0 0.5em; padding: 0; }
.key img { margin: 0.5em 0.5em 0 0; padding: 0; }

.key img { float: right; }

#motives h3 {
	display: block;
	margin: 0.3em 0 0.5em 2em;
	padding: 0;
	color: #8B7D6B;
	letter-spacing: -1px;
	font-style: italic;
	vertical-align: middle;
	line-height: 40px;
	}

#motives h3 img { margin: 0 0.5em 0 0; border: 0; padding: 0; float: left; vertical-align: middle; }

div.head { float: left; }

p.bio { text-indent: 3em; }
p.bio, p.honours { font-size: 14pt; line-height: 1.5; text-align: justify; margin: 0 2em 1em 2em; }



/* ------- Navigation ------- */


#nav {
	width: 56.5em;
	float: left;
	height: 3em;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	font: bold 1em 'Trebuchet MS', Helvetica, sans-serif;
	}
       
/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li {
        float: left;
        display: block;
	width: 11.2em;
        position: relative;
	text-align: center;
        z-index: 500;
	margin: 0;
	}

/* Parent menu */
#nav li a { display: block; }

#nav li a, #nav li.flag {
        padding: 8px 2px 0 2px;
        height: 23px;
        text-decoration: none;
	color: #000;
	border-bottom: 2px solid #cec6a2;
	}

#nav li.flag a img, #nav li.flag map { border: 0; }

#nav li a:hover { color: #9b0000; border-bottom: 2px solid #ab9579; }   
       
#nav a.selected1 { border-bottom: 2px solid #ab9579; background: url(images/lilibg.png) no-repeat bottom center; } 
#nav a.selected2 { background-color: #ab9579; }  
       
/* Sub menu - hidden by default */  
#nav ul {   
	position: absolute;    
	left: 0;    
	display: none;    
	margin: 0;    
	padding: 0;    
	list-style: none;
	color: #FFF;
	background-color: #cec6a2;
	}
           
#nav ul li { width: 11.2em; float: left; border-bottom: 2px solid #cec6a2; }
           
#nav ul a {
	display: block;
	height: 15px;
	padding: 8px 0 9px 0;
	color: #EEEEE0;
	}

#nav ul a:hover { display: block; color: #FFF; padding: 8px 0 9px 0; }
  
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul { margin: 0 0 0 -2px; }