html {
background-image: url(images/woodback1160x621_brown.jpg);
background-color: #554433;
background-repeat: both;}

a img{border: none;}


body {
margin: 0; padding:0;
font-family: Georgia, Arial, helvetica, sans-serif;
color: #ccc;
font-size: 13px;
min-height:900px;
}


/* text shadows */
h1, h2, h3, p, li {text-shadow:1px 1px 0 white}

h1, h2, h3, h4, h5, h6 {font-family: 'Cuprum', arial, helvetica, sans-serif; font-weight: normal;}

p, ul, ol, li, table {
margin: 0 0 .75em 0;
padding: 0;
text-align: justify;
font-size: 13px;
line-height: 1.6em;
color: #445577;}


ol, ul {margin: 0; padding: 0; border-top: 1px solid #cccccc; text-align: left;}

li{list-style: none; margin: 0; padding: 8px 0 0 10px; text-align: left; border-bottom: 1px solid #cccccc;}

/* links */
p a,
li a {
color:#334466;
text-decoration:none;
background-color: #ccccee; 
text-shadow: none;
padding: 3px 5px 1px 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px
border-radius: 4px;
-webkit-transition: background-color .4s;
-moz-transition: background-color .4s; }

p a:hover,
li a:hover {
color:white;
background-color: #5566aa;}


h1 {
margin:0;
padding: 20px 0 0 0;
font-size: 32px;
color: #0066bb;
letter-spacing: 1px;
text-align: center;}

h2 {
margin:5px 0 0 0;
padding: 0;
font-size: 21px;
color: #cc0000;
letter-spacing: 1px;
text-align: center;}

h3 {
margin:3px 0;
padding: 0;
font-size: 17px;
color: #667799;
text-align: center;
font-weight: normal;}

h4, h5, h6 {margin: 0 0 3px 0; padding: 10px 0 0 0; color: #5566aa; text-align: left}
h4 {font-size: 24px; margin:25px 0 0 0;}
h5 {font-size: 21px;color: #cc0000;}
h6 {font-size: 18px;}

.clear {clear:both;}


div#header {
margin:25px auto 0 auto;
padding: 15px 0;
width:600px;
height: 160px;
text-align: center;
background-color: transparent;
overflow: visible;}

div#pens{
z-index: 10;
background-color: transparent; background-image: url(images/pens.png); background-repeat:no-repeat;
position:absolute; left:50%; top:20px; margin-left:-530px; width:390px; height:240px;}

div#photo{
z-index: 10;
background-color: transparent; background-image: url(images/photo.png); background-repeat:no-repeat;
position:absolute; top:120px; left:50%; margin-left:230px; width:215px; height:215px;}


div#nametag1{
z-index: 10;
background-color: transparent; background-image: url(images/namelabel1.png); background-repeat:no-repeat;
position:absolute; top:480px; left:50%; width:200px; height:300px; margin-left:250px;}
div#nametag2{
z-index: 10;
background-color: transparent; background-image: url(images/namelabel2.png); background-repeat:no-repeat;
position:absolute; top:680px; left:55%; width:200px; height:300px; margin-left:250px;}

div#langtag{
z-index: 10;
background-color: transparent; position:absolute;
top:350px; left:50%; width:35px; height:135px; margin-left:425px;}



div#expertise{
width: 850px;
margin:60px auto 0 auto; padding:0;
text-align: center;}

.paper{
background-color: #eeeeee; background-image: url(images/paper.gif); background-repeat: both;
margin: 15px 0 0 0; padding: 15px 70px 20px 70px;
box-shadow:2px 4px 4px #333333; -webkit-box-shadow: 2px 4px 4px #333333;
border-radius:2px;
border-top: 1px solid white; border-bottom: 1px solid silver}
#header .paper {padding: 15px 40px 20px 40px;}


div#profile{
position: absolute; top:300px; left:190px;
width: 850px;
margin:0; padding:0;}

.floatleft {margin:0; padding:0; width:460px; float:left; text-align: left;}
.centrecol {margin:0; padding:0; width:240px; float:right;}
.rightcol {margin:0; padding:0 0 0 460px;}
.line {border-top: 1px solid #cccfdd; margin:15px 0 30px 0; padding:0;}

ul#menu
{margin:20px 0 40px -30px; padding: 0;
list-style-type: none;
width: auto;
position: relative;
display: block;
height: 40px;
font-family: 'Cuprum', arial, helvetica, sans-serif;
font-weight: normal;
border:none;}

ul#menu li
{display: block;
position: relative;
float: left;
margin: 0;
border:none;
font-size: 20px;
color: #5566aa;
padding:10px 25px 0 25px; line-height: 1em}
	
ul#menu li a
{color:white;
text-decoration:none;
background: #99aaff;
text-shadow: none;
display:block; padding:5px 10px 1px 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-transition: background-color .5s;
-moz-transition: background-color .5s;
}
	
ul#menu li a:hover
{color: white; background-color: #5566aa}

/* language change button */
#language{float: left; margin: 0; padding: 0; }

ul#language
{margin: 3px; padding: 0;
list-style-type: none; text-decoration: none; border: none;
width: auto; position: relative; display: block;}

ul#language li
{display: block; position: relative; float: left;
margin: 0; padding: 3px; border: none;
font-size: 13px; line-height: 1em;
color: #778899;}
	
ul#language li a
{color: #778899; background-color: transparent;
text-decoration:none; border:none;
text-shadow: none;
display:block; padding:5px 10px 1px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: background-color .5s;
-moz-transition: background-color .5s;
}
	
ul#language li a:hover
{color: #5566aa; background-color: #ddddee;}

.current {display: block; color: white; background-color: #5566aa; text-shadow: none; padding:5px 10px 1px 10px; line-height: 1em;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
	

.wFormContainer {text-align: left;}
.preField {color: #dd0000;}
.primaryAction {margin-left: 30px;}
.instructions, .captchaHelp {color: #999999;font-size: 12px;}


div#footer{
width: 900px; height:60px;
margin:-2px auto 0 auto; padding:0;
background-color: transparent; background-image: url(images/pageturn.png); background-repeat: no-repeat;
text-align: center;}

div#corner{
float:right;
margin: 0 25px 0 0;
width:125px}


ul#footermenu
{margin:0 0 0 90px; padding: 0;
list-style-type: none;
width: auto;
position: relative;
display: block;
font-family: 'Cuprum', arial, helvetica, sans-serif;
font-weight: normal;
border:none;}

ul#footermenu li
{display: block;
position: relative;
float: left;
margin: 0;
border:none;
font-size: 13px;
color: #5566aa;
padding:10px 0 0 15px; line-height: 1em}
	
ul#footermenu li a
{color:white;
text-decoration:none;
background: #99aaff;
text-shadow: none;
display:block; padding:3px 5px 1px 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px
border-radius: 4px;
-webkit-transition: background-color .5s;
-moz-transition: background-color .5s;
}
	
ul#footermenu li a:hover
{color: white; background-color: #5566aa}

.footercurrent {display: block; font-size: 13px; color: white; background-color: #5566aa; text-shadow: none; padding:3px 5px 1px 5px; line-height: 1em;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

div#printonly{display: none}