*
{
padding: 0em;
margin: 0em;
}

body
{
background: #000000 url('images/tile4.png');
padding: 15px 0px 15px 0px;
height:100%;
}

body,input
{
font-size: 10pt;
font-family: sans-serif;
color: #333333;
}

p
{
line-height: 1.5em;
margin-bottom: 1.0em;
text-align: justify;
}

a
{
color: #0a0;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}


h3 span
{
font-weight: normal;
}

h3
{
display: inline;
font-weight: bold;
background-repeat: no-repeat;
background-position: right;
}

.contentarea h4
{
text-align:center;
position:relative;
top:-1em;
font-size: 1.7em;
padding-bottom: 0em;
color:#0a0;
/* padding-right: 28px; */
}

.contentarea
{
/* position:relative; */
/* left:10em; */
float:left;
border-left: 1px solid #0a0;
padding-left:24px;
padding-right:24px;
padding-top:1em;
padding-bottom:1em;
/* padding-left:2em; */
font-family:sans-serif;
/* padding-top: 2em; */
float:left;
width:560px;
/* height:18em; */
border-bottom: 1px solid #0c0;
}

.contentarea div
{
padding:10px;
}

/*img
{
border: solid 1px #6F5230;
}
*/

#header img
{
width:500px;
}

div.stage
{
font-weight:bold;
font-size:larger;
padding-bottom:0em;
}

div.stage span
{
font-weight:normal;
}

div.stage div
{
font-weight:normal;
padding:0;
}

div.stage div.title
{
padding-left:0;
/* font-size:larger; */
font-style:italic;
text-decoration:underline;
}

div.stage div
{
padding-left:1em;
padding-top:0.5em;
padding-bottom:0.5em;
font-size:smaller;
}
img.left
{
position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;
}

img.right
{
position: relative;
float: right;
margin: 0em 0em 1.8em 1.8em;
}

div.contact
{
padding-left:4em;

}

div.contact td.key
{
display:inline;
font-weight:bold;
}

div.contact td.val
{
position:relative;
padding-left:5em;
}

div.contact td img
{
position:relative;
top:-0.1em;
height:1.5em;
}

div.contact img
{
position:relative;
top:0.4em;
height:1.4em;
}

div.contact ol li
{
font-weight:bold;
padding-bottom:1em;
padding-top:1em;
}

div.contact ul
{
margin-top:1em;
margin-bottom:1em;

}


div.contact ul li
{
font-weight:normal;
margin-left:2em;
margin-top:0em;
margin-bottom:0em;
padding-top:0em;
padding-bottom:0em;
}


div.contact p
{

margin-top:1em;
margin-bottom:1em;s
}

div.bio
{
margin: 5px 5px;
}

div.biopic
{
padding-top:0;
margin:0;
text-align:center;
clear:both;
}

.divider1
{
position: relative;
background: #fff url('images/border2.gif') repeat-x;
height: 14px;
/*margin: 2.0em 0em 1.5em 0em;*/
clear: both;
}

.divider2
{
position: relative;
height: 1px;
border-bottom: solid 1px #eaeaea;
margin: 2.0em 0em 2.0em 0em;
}

.post .details
{
position: relative;
top: -1.5em;
font-size: 0.8em;
color: #787878;
}

.post ul.controls
{
clear: both;
}

.post ul.controls li
{
display: inline;
font-size: 0.8em;
}

.post ul.controls li a
{
background-repeat: no-repeat;
background-position: left;
padding: 0em 1.0em 0em 20px;
}


.box
{
float:left;
position: relative;
/* background: #FDFCF6 url('images/boxbg.gif') repeat-x; */
/* left: 1.5em; */
top: 3em;
padding: 1em;
width:80%;
border-bottom: solid 1px #0c0;
border-left: solid 1px #0c0;
margin-bottom: 1.0em;
margin-left:0;
}

ul.itemize
{
line-height: 1.5em;
position: relative;
left: 2em;
padding:2em;
padding-top:0em;
list-style-type: square;
color:#0a0;
}

ul.itemize li span
{
color:#000;
}

ul.linklist
{
list-style: none;
}

ul.linklist li
{
line-height: 2.0em;
}
/*
#upbg
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 275px;
background: #fff url('images/bg2.jpg') repeat-x;
z-index: 1;
}
*/
#outer
{
z-index: 2;
position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 900px;
border: solid 3px #ccc;
background-color: #fff;
margin: 0 auto;
/* height:98%; */
}

#header
{
position: relative;
width: 900px;
height: 90px;
background: #a0a0a0 url('images/logo3.png') no-repeat;
margin-bottom: 0px;
}

#headercontent
{
position: absolute;
bottom: -1em;
padding: 1em 2.0em 1em 2.0em;
}

#headercontent h1
{
font-weight: normal;
color: #fff;
font-size: 2.5em;
}

#headercontent h1 sup
{
color: #777;
}

#headercontent h2
{
font-size: 1.5em;
font-family: sans-serif;
font-weight: bold;
color: #404040;
}

#headerpic
{
position: relative;
height: 0px;
border:none;
/* border-top: 2px solid #999; */
/* background: #fff url('images/server3.jpg') repeat-x ; */
margin: 0px;
padding:0;
}

#sidemenu
{
/* border-right: 1px solid #0c0; */
float:left;
/* width:125px; */
width:9em;
height:20em;
}

#sidemenu ul
{
position:relative;
top:10em;
left:1em;
list-style-type:none;
display: block;
width: 11em;
}

#sideimg
{
float:left;
/* position:relative; */
/* margin-top:6.2em; */
margin-right:1em;
margin-left:1em;
/* margin-bottom:2em; */
width:7em;
height:32em;
}

#sidemenu ul li.active
{
color:#000;
background-color:#fff;
border-left: 1px solid #0a0;
border-top: 1px solid #0a0;
border-bottom: 1px solid #0a0;
}


#sidemenu ul li
{
height:3em;
/* padding-left:1em; */
width:8em;
padding-top:0.5em;
font-weight:bold;
vertical-align:center;
text-align:center;
}


#sidemenu ul li a
{
text-decoration:none;
font-weight:bold;
}

#menu
{
border-top:2px solid #999;
position: relative;
background: #a0a0a0 url('images/menubg.gif') repeat-x top left;
height: 47px;
/* padding: 0em 1.0em 0em 1.0em; */
margin-bottom: 2px;
}

#menu ul
{
position: absolute;
top: 1.1em;
padding-left:12em;
}

#menu ul li
{
position: relative;
display: inline;
}

#menu ul li a
{
padding: 0.5em 1.0em 0.9em 1.0em;
color: #fff;
text-decoration: none;
font-family: sans-serif;
}

#menu ul li a:hover
{
text-decoration: underline;
}

#menu ul li a.active
{
background: url('images/menuactive.gif') repeat-x top left;
text-decoration:none;
}

#menubottom
{
background: #fff url('images/border1.gif') repeat-x;
height: 14px;
margin-top: -3px;
margin-bottom: 1.5em;
}

#content
{
/* height:100%; */
/* margin: 0em 2.0em 0em 9.5em; */
}

#primarycontainer
{
float: left;
/* margin-right: -18.0em; */
/* width: 100%; */
}

#primarycontent
{

margin: 1.5em 22.0em 0em 0em;
}

#secondarycontent
{
margin-top: 1.5em;
margin-right:15px;
float: right;
width: 125px;
}

#footer
{
/* float:left; */
position: relative;
height: 2.0em;
clear: both;
padding-top: 5.0em;
background: #fff url('images/border2.gif') repeat-x 0em 2.5em;
font-size: 0.8em;
}

#footer ul li
{
display: inline;
}

#footer .left
{
position: absolute;
left: 2.0em;
bottom: 1.2em;
}

#footer .right
{
position: absolute;
right: 2.0em;
bottom: 1.2em;
}

div .samples
{
float:right;
}

div .samples div 
{
float:left;
width:40%;
border:2px solid #0a0;
margin:3px;
}

div .samples dl
{

}

div .samples dl dt
{
font-weight: bold;
display: block;
margin-left:-.5em;
}

div .samples dl dd 
{
margin-bottom:2px;
}

div.samples p 
{
margin-top:0.5em;
margin-bottom:0;
text-align: left;
line-height:normal;
}

div.samples li
{
margin-left: 1em;
}