/* standard html tag definition */
body, h1, h2, h3, p, ul, li, form, input {
        color: grey;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-color: grey;
}
body { background-color: white; margin-top:0px; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 12px; }
p { font-size: 10px; }
ul { font-size: 9px; }
li { font-size: 8px; }
a:link, a:visited { color: grey; text-decoration: none; }
a:hover { color: red }




/* layout components */
#container {
        margin: 20px auto;
        padding: 0px;
        width: 843px;
        width: 970px;
        height: 500px;
        background-color: white;
}
#leftbar_container {
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	border: lightgrey 0px solid;
	text-align: right;
        margin: 0px auto;
        width: 250px;
        height: 500px;
        background-color: white;
}
#title_container {
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	border-bottom: lightgrey 1px solid;
	text-align: right;
        margin: 0px auto;
        width: 250px;
        height: 100px;
        background-color: white;
}
#menu_container {
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	border: lightgrey 0px solid;
	text-align: right;
        margin: 0px auto;
        width: 250px;
        height: 400px;
        background-color: white;
}
#content_container {
	float: left;
	position: relative;
	border-left: lightgrey 1px solid;
	border-right: lightgrey 1px solid;
	text-align: center;
	vertical-align: center;
        margin: 0px auto;
        width: 597px;
        height: 500px;
        background-color: white;
}
#rightbar_container {
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	border: lightgrey 0px solid;
	text-align: right;
        margin: 0px auto;
        width: 120px;
        height: 500px;
        background-color: white;
}
#thumb_container {
	overflow: auto;
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	border: lightgrey 0px solid;
	text-align: right;
        margin: 0px auto;
        width: 120px;
        height: 420px;
        background-color: white;
	valign: middle;
}
#biocontact_container {
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	border-top: lightgrey 1px solid;
	text-align: left;
        margin: 0px auto;
        width: 120px;
        height: 80px;
        background-color: white;
}

p.bio {
	font-size: 11px;
	text-align: justify;
	padding-top: 100px;
	padding-left: 50px;
	padding-right: 50px;
}
p.contact {
	font-size: 11px;
	text-align: left;
	padding-top: 100px;
	padding-left: 50px;
	padding-right: 50px;
}
p.engagements {
	font-size: 11px;
	text-align: left;
	padding-top: 100px;
	padding-left: 50px;
	padding-right: 50px;
}

