html {font-size:120%}
body {font: 50%  "Verdana",Verdana,Trebuchet,Arial,Sans-serif; color:#fff; text-align:justify;}
* {margin:0; padding:0;}
div#mainwrap {
	width:768px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	text-align:left;
}

div#contentarea {width:768px; background-color:#FFF; }

div#top {width:768px; height:252px; background-color:#FFF;}

div#sidebar {float:left; width:170px; height:252px; background-image:url(../images/sidebar_top.jpg); background-repeat:no-repeat; margin-right:10px; text-align:center; overflow:hidden;}

div#header {float:left; width:588px; height:88px; margin-bottom:10px; background-image:url(../images/header.jpg); overflow:hidden}
div#intro_photo {
	float:left;
	width:588px;
	height:154px;
}
div#photo {float:left; width:588px; height:154px;}

div#body {width:768px; min-height:300px; background-image:url(../images/page-bkgd.jpg)}
div#main_nav {float:left; height:300px; width:170px; margin-right:10px; background-image:url(../images/sidebar_nav.jpg); background-repeat:no-repeat; padding-top:118px;}
div#tabs {float:left; width:588px; height:22px; background-color:#FFF; padding-top:11px; overflow: hidden;}
div#intro_body {
	float:left;
	width:588px;
	height:458px;
	background-color:#FFF;
	background-image:url(../images/intro-page02.jpg);
	background-repeat:no-repeat;
	}
div#body_top {float:left; width:588px; height:10px; background-image:url(../images/body_top.jpg);background-repeat:no-repeat;}


div#row4 {
	float:left;
	width:588px;
	min-height:100px;
	overflow: hidden;
}
div#intro_content {margin-top:20px;}
div#member_nav{float:left; text-align:left; width:91px; padding-top:76px;}
div#bio{
	float:left;
	min-height:300px;
	width:475px;
	overflow: hidden;
}
div#bio_header{ min-height:25px;}
div#bio_tab_left {
	float:left;
	width:10px;
	height:30px;
	background-image:url(../images/bio_tab_left.jpg);
	background-repeat:no-repeat;
	overflow: hidden;
}
div#bio_tab{
	float:left;
	min-width:20px;
	height:30px;
	background-image:url(../images/bio_tab.jpg);
	background-repeat:repeat-x;
	overflow: hidden;
}
div#bio_tab_right {float:left; width:13px; height:30px; background-image:url(../images/bio_tab_right.jpg);background-repeat:no-repeat; overflow: hidden;}
div#bio_top {
	float:left;
	width:475px;
	height:10px;
	background-image:url(../images/bio_top.jpg);
	background-repeat:no-repeat;
}
div#bio_body{float:left; width:452px; background-image:url(../images/bio_body.jpg);background-repeat:repeat-y; padding-left:10px; padding-right:10px;}
div#bio_footer {float:left; width:475px; height:10px; background-image:url(../images/bio_bottom.jpg);background-repeat:no-repeat;}
div#footer {float:left; width:768px; height:10px; background-image:url(../images/page-bottom.jpg);background-repeat:no-repeat;}
div#footer-index {float:left; width:768px; height:10px; background-image:url(../images/page-bottom-index02.jpg);background-repeat:no-repeat;}
div#copyright {width:776px; margin-left:auto; margin-right:auto;  margin-top:5px; text-align:right;}



/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of no-extra-markup clearing method */



img#logo {padding-top:20px; border:0px;}

a { display: inline-block; text-decoration:none;
	list-style:none; border:0px; color:#333333;}

a:hover {	border:0px; color:#000000;
}


li#first {
	font-size:1.5em; 
	color:#fff;
	display:block;
	text-decoration:none;
	list-style:none;
	background-image:url(../images/sidebar-tabs-selected.png);
	background-repeat:no-repeat;
	margin:0 2px 10px 1px;
	padding:4px 15px 0 5px;
	height:25px;
	text-align:right;
	color:#000;
	}

p {
	display:block;
	font-size:1.2em;
	text-align:justify;
	padding:0px 15px 15px 15px
}

h1{font-size:1.4em; font-weight:bold; padding-top:10px; padding-right:2px;}

h2{font-size:0.9em; font-weight:normal; text-align:right; padding-right:2px;}

h5{text-align:justify; font-style:italic; margin-top:10px; font-size:1.1em; padding-left:15px; padding-bottom:15px; padding-right:15px; color:#333333;}

a.sidebar {
	display:block;
	text-decoration:none;
	list-style:none;
	background-image:url(../images/sidebar-tabs.png);
	background-repeat:no-repeat;
	margin:0 2px 10px 1px;
	padding:4px 15px 0 5px;
	height:25px;
	color:#333333;
	font-size:1.5em;
	text-align:right
}

a:hover.sidebar {
	color:#fff;
	text-decoration:none;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
}

ul#nav {list-style:none; text-decoration:none;}

ul#main_nav {list-style:none; text-decoration:none;}
li#main_nav {list-style:none; text-decoration:none;}

li#nav{
	display:block;
	float:left;
	text-decoration:none;
	background-image:url(../images/tab.jpg);
	background-repeat:no-repeat;
	list-style:none;
	margin-right:2px;
	width:89px;
	height:22px;
	font-size:0.9em;
	text-align:center;
	padding-top:5px;
	color:#fff;
}

li#intro_nav{
	display:block;
	float:left;
	text-decoration:none;
	list-style:none;
	background-image:url(../images/tab-home.jpg);
	background-repeat:no-repeat;
	margin-right:2px;
	width:89px;
	height:22px;
	font-size:0.9em;
	text-align:center;
	padding-top:5px;
	color:#fff;
}


a#nav  {
	display:block;
	float:left; 
	text-decoration:none;
	list-style:none;
	background-image:url(../images/tab-fade.jpg);
	background-repeat:no-repeat;
	margin-right:2px;
	width:89px;
	height:22px;
	font-size:0.9em;
	text-align:center;
	padding-top:5px;
	color:#000;
}

a:hover#nav {color:#fff}


.member_nav li{display:block; text-decoration:none; text-align:left; border-top:solid #cccccc 1px; border-bottom:solid #cccccc 1px; padding-top:2px; padding-bottom:2px; padding-left:13px; color:#000000; font-size:0.9em;}

.member_nav a{display: inline-block; text-decoration:none; color:#CCCCCC;}

.member_nav a:hover{color:#ffffff}

.details h1{text-align:left; font-size:1.4em; font-weight:bold; margin: 15px 15px 15px 15px; border-bottom:solid #FFFFFF medium ;}

.details h2{text-align:justify; font-size:1.3em; font-weight:bold; padding-right:10px; padding-left:10px;}

.details h3{text-align:right; font-size:1.1em; font-style:italic; padding-left:10px; padding-right:10px; padding-bottom:15px;}

.details h4{text-align:left; font-size:1.1em; font-weight:bold; padding-left:15px; padding-top:10px;}

.details table{padding-bottom:15px;}

.details img{margin-left:10px; padding-right:10px; padding-bottom:10px; width:425px; overflow:hidden; align:left}

.details a {
	
	text-decoration:underline;
	color:#cccccc;
	font-size:1em;
	padding-bottom:3px;
}

.details a:hover {color:#000000}

.details li{
	text-decoration:none;
	text-align:left;
	padding-bottom:3px;
	color:#FFFFFF;
	font-size:1em;
}

.column1 {text-align:left; padding-left:10px;}

.column2 {text-align:right; padding-right:10px;}


.content {font-size:1.2em;}

.content ul{list-style:disc; list-style-position:outside; padding:0px 15px 15px 45px;
}

.content h4{text-align:left; font-size:1.1em; padding:0px 15px 3px 15px; font-weight:bold
}

.content li{text-align:left; padding-bottom:5px;}

.content ol{padding:0px 15px 0px 65px;
}

.content ol ol{list-style-type:lower-alpha
}

.content ol ol ol{list-style-type:lower-roman
}

.content ol ol ol ol{list-style-type:decimal
}

.content p {
	display:block;
	font-size:1.2em;
	text-align:justify;
	}

.content h3 {
	display:block;
	font-size:1.2em;
	text-align:justify;
	padding:0px 15px 0px 15px}
	
	

	
.more {
	display: none;
	}

.more li{
	text-decoration:none;
	text-align:left;
	padding-bottom:3px;
	color:#FFFFFF;
	font-size:1em;
}

.more ul{list-style:disc; list-style-position:outside; padding:0px 15px 15px 45px;
}