body
{
	background-color: #A4A3A9;
	color: #333332;
	background-image: url(../Images/fade_back.gif);
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding: 0;
	border: 0;
	margin: 0;
	text-align: center;
	font-size: 10px;
	line-height: 1.6em;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

p {
margin-top: 0;
text-align: left;
}

div {
	text-align: left;
}

table {
border-collapse: collapse;
}

td {
	vertical-align: top;
	text-align: left;
}

/*
Text Red:  #8D2E2E;
Text Grey: #333332;
*/

.grey {
color: #333332;
}
.highlight {
color:  #8D2E2E;
}

h1,h2,h3,h4,h5,h6 {
color:  #8D2E2E;
}


a, a:visited  {
color:  #8D2E2E;
}
a, a:hover  {
color:  #B95A5A;
}

/* Outer Layout Frame */

div#OuterFrame
{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 20px;
	padding-bottom: 40px;
	text-align: center;
	
}

div#Copyright
{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	color: white;
	font-size: 10px;
	text-align: center;
	padding-bottom: 30px;

text-shadow: 2px 2px 3px black;
}

div#OuterFrame table#Layout
{
	width: 950px;
	height: 550px;
	position: relative;
	
}

div#OuterFrame table#Layout td#MainSection
{
	width: 750px;
	height: 550px;
	border-width: 1px 0 0 1px;
	border-color: #bbb;
	border-style: solid;
	padding-left: 20px;
	text-align: left;
padding-bottom: 20px;
}

div#OuterFrame table#Layout td#SideMenu
{
	width: 200px;
	height: 550px;
	border-width: 1px 0 0 0;
	border-color: #bbb;
	border-style: solid;
}
div.CaptionImage
{
	margin-left: auto;
	margin-right: auto;
	text-align: centre;
	font-weight: bold;
	font-size: 12px;
	padding-top: 20px;
	z-index: 0;
}

div#MainContent h1{
padding-top: 10px;
margin-top: 0;
}

img.ImageShadow
{
	display: block;
	position: relative;
	background: url(../Images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../Images/OshadowAlpha.gif) no-repeat bottom right;
	padding: 0 11px 11px 0;
	margin: 0;
	z-index: -1;
}

div.ProjectsText img.ImageShadow {
	background: url(../Images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../Images/OshadowAlpha.gif) no-repeat bottom right;
	margin-right: 10px;
	margin-bottom: 20px;
	z-index: 2;
}

div.ProjectsFull,div.ProjectsFull p,div.ProjectsShort, div.ProjectsText, div.ProjectsText p {
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

img#cblogo
{
    behavior: url(css/iepngfix.htc);	
    margin-left: 20px;
}

div.Panel
{
	background-image: url(../Images/panel_300_top.png);
	background-repeat: no-repeat;
    behavior: url(css/iepngfix.htc);	
    width: 310px;
	max-width: 310px;
	min-width: 310px;
	overflow: none;
	width: expression("310px");
	max-width: expression("310px");
	min-width: expression("310px");
	padding-top: 6px;
	margin: 0;
	color: transparent;
	margin-left: 20px;
}

div.LargePanel
{
	background-image: url(../Images/panel_650_top.png);
	background-repeat: no-repeat;
    behavior: url(css/iepngfix.htc);	
    width: 660px;
	max-width: 660px;
	min-width: 660px;
	overflow: none;
	width: expression("660px");
	max-width: expression("660px");
	min-width: expression("660px");
	padding-top: 6px;
	margin: 0;
	color: transparent !important;
	color: #bababe;
	margin-left: 20px;
}


div.Panel div.MidPanel
{
	color: #000;
	background-image: url(../Images/panel_300_main.png);
	behavior: url(css/iepngfix.htc);
	margin: 0;
	padding-top: 0;
	width: expression("260px");
	padding-left: 20px;
	padding-right: 25px;
	background-position: 0 20px;
	background-repeat: repeat-y;
}
div.LargePanel div.MidPanel
{
	color: #000;
	background-image: url(../Images/panel_650_main.png);
    behavior: url(css/iepngfix.htc);	
	margin: 0;
	padding-top: 0;
	width: expression("610px");
	padding-left: 20px;
	padding-right: 25px;
	background-position: 0 20px;
	background-repeat: repeat-y;
}


div.Panel div.EndPanel
{
	background-image: url(../Images/panel_300_base.png);
	background-repeat: no-repeat;
    behavior: url(css/iepngfix.htc);	
    height: 50px;
	max-height: 50px;
	min-height: 50px;
	overflow: none;
	height: expression("50px");
	max-height: expression("50px");
	min-height: expression("50px");
	padding: 0;
	margin: 0;
	color: transparent !important;
	color: #bababe;
}
div.LargePanel div.EndPanel
{
	background-image: url(../Images/panel_650_base.png);
	background-repeat: no-repeat;
    behavior: url(css/iepngfix.htc);	
    height: 50px;
	max-height: 50px;
	min-height: 50px;
	overflow: none;
	height: expression("50px");
	max-height: expression("50px");
	min-height: expression("50px");
	padding: 0;
	margin: 0;
	color: transparent !important;
	color: #bababe;
}




div.MidPanel h1{
margin-top: 0;
padding-top:0;
font-size: 1.5em;
}
div.MidPanel h2{
margin-top: 0;
padding-top:0;
margin-bottom: 0;
font-size: 1.4em;
}

div.MidPanel p, div.MidPanel ul{
margin-bottom: 0;
padding-top:.3em;
padding-bottom: .8em;
font-size: 12px;

}

div.FloatRight {
float: right;
margin-top: 20px;
margin-left: 0;
}
div#PanelTexts {
	display: none;
}


div.ProjectsShort
{
clear: both;
	padding: 0;
	margin-bottom: 0;
	width: 622px;
	display: block;
}
div.ProjectsShort {
overflow: none;
}
div.ProjectsShort h2, div.ProjectsFull h2 {
padding-top: 10px;
}

div.ProjectsFull
{
clear: both;
	padding: 0;
	border-width: 0 0 1px 0;
	border-color: #CBCBCB;
	border-style: solid;
	width: 622px;
display: none;
	font-size: 12px;
}
div.ProjectsFull:after
{
	content: ".";
	color: #bababe;
	clear: both;
}

div.ProjectsMoreButton, div.ProjectsCloseButton {
float: right;
	color: #44a7b8;
	font-weight: bold;
	height: 15px;
	width: 56px;
	padding-bottom: 8px;
	margin-top: 0;
}

div.ProjectsMoreButton a, div.ProjectsCloseButton a
{
	height: 15px;
	display: block;
}

 div.ProjectsCloseButton a
{
	background-image: url(../Images/close_button.gif);
	background-position: 0 0;
}
 div.ProjectsMoreButton a
{
	background-image: url(../Images/more_button.gif);
	background-position: 0 0;
}
div.ProjectsCloseButton a:hover,div.ProjectsMoreButton a:hover { background-position: 0 -15px; }

div.Bio {
padding-bottom: 10px;
padding-right: 30px;
margin-left: 20px;
margin-right: 20px;
width: 640px;
font-size: 12px;
position: relative;
top: -20px;
	background: url(../Images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../Images/OshadowAlpha.gif) no-repeat bottom right;
}
div.Bio p {
font-size: 12px
}

div.Bio img {
margin-top: 30px ! important;
margin-top: 40px;
float: left;
margin-right: 10px;
margin-right: 10px;
}

div.Bio img.ImageShadow {
	background: url(../Images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../Images/OshadowAlpha.gif) no-repeat bottom right;

}
div.Bio h1{
position: relative;
top: 30px;
font-size: 1.5em;
}
div.Bio h2{
position: relative;
top: 30px;
font-size: 1.4em;
}

ul.PubList { list-style-type: none; }


div.Review div.MidPanel p{
padding-top: 6px;
padding-bottom: 3px;
text-align: center;
}

ul#ProjectList {
	font-size: 14px;
	line-height: 1.4em;
	color: #822;
}
ul#ProjectList li a{
text-decoration: none;
}

ul.PubList li{
padding-top: 5px;
}
ul.PubList li p{
margin-bottom: 0;
padding-bottom: 8px;
}

ul.PubList li div.Abstract{
padding-left: 5px;
}

div.ArchiveDetails
{
	border-width: 0;
	border-color: #cbcbcb;
	border-style: none;
}
div.ArchiveDetails {
}

div.ArchiveDetails, div.ArchiveDetails p{
font-size: x-small;
}
div.ProjectDetails p, div.ArchiveDetails p{
margin:0;
padding:0;
}

div.ProjectDetails h3,div.ArchiveDetails h3{
display: inline;
font-size: 1em;
}

div.ProjectDetails ul,div.ArchiveDetails ul
{
padding:0;
margin:0;
padding-left: 5px;
margin-left: 5px;
	list-style-type: none;
}