/*

We set the height of both body and html to %100. This
ensures that the fullpagetable fills the entire browser window
in the case that our total page content only partially fills
the window.

*/
html,body
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	border: none;
	background-color: White;	

	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: small; 
}


table
{
	padding: 0px;
	border:  0px;
}

TD.maincol
{
	padding-left: 12px; 
	padding-right: 12px;
	padding-top: 12px;

}

/*

Everything in our page will be an element in this table.

*/
table.fullpagetable {
	height:	100%;
	width:	100%;
	border:0px;
	padding:0px;
	border-spacing: 0px;
}

td.leftmargin 
{
	background-image: url("images/rlight.png");
	background-repeat: repeat-y;
	width: 80px;
}

td.rightmargin 
{
	background-image: url("images/llight.png");
	background-repeat: repeat-y;
	width: 50px;
}



td.maincol
{
	padding-left: 12px; 
	padding-right: 12px;
	padding-top: 12px;

}

td.footercol
{
	padding-left: 12px; 
	padding-right: 12px;
	padding-bottom: 6px;
	padding-top: 26px;

}

/*

Style info for included formated code.

*/
pre
{ 
    border: 1px dashed #2244AA;
	background-color: #f8f8ff;
	padding-left: 4px;
    line-height: 1.2;
    padding: 0.5em;   
    font-size: small;
    font-family: Courier New;
}



TD.navbar
{
	width: 150px;
	padding-left:20px; 
	padding-right:10px; 
	padding-bottom: 5px;
	padding-top: 40px; 
	background-color: #FFF;	
}



TD.mainitem
{
	background-color: #ffffff;	
	padding: 15px;	
}


.maintitle {
	font-family:verdana, arial, sans-serif;
	font-size:small;
	color: #FFF;
    background:#002288;
	padding:7px;
	margin-bottom:10px;
	font-weight:bold;
	text-align:left;
	/*font-variant:small-caps;*/
	}

.maintable {
	border: 2px solid #131E53;
	background-color: #002288;
}

/*

This class is used to control the width
of elements in the center collumn.

It seems that the min/max width specifications
are "stronger" than the width specifications
used with the margin collumns, so in the case
of a narrow browser window, only the main column 
will be shown.

*/
.center_width 
{
	min-width: 500px;
	max-width: 950px;
}

.navtable {
	border: 2px solid #131E53;
	background-color: #002288;
	width: 100%;
}

.footerbody {
	background-color: #FFFFFF;
	vertical-align: top;
	margin: 0px;
	padding: 10px;
	padding-left: 25px;
	padding-bottom: 4px; 	
/*	text-align:center;*/
}



.navtitle {
	font-family:verdana, arial, sans-serif;
	font-size:small;
	color:#FFF;
    background:#002288;
	padding:7px;
	margin-bottom:10px;
	font-weight:bold;
	text-align:center;
	font-variant:small-caps;
	}



.indexlink 
{
	font-variant:small-caps;	
	font-family:verdana, arial, sans-serif;
	font-weight:bold;
	font-size:small;
	color:#225588;
}

.indexheader
{
	font-variant:small-caps;	
	font-family:verdana, arial, sans-serif;
	font-weight:bold;
	font-size:small;
	color:#1515B0;
}

.mainlink 
{
	font-family:verdana, arial, sans-serif;
	font-weight:bold;
}

.svnurl 
{
	color: #002288;
	font-family: Courier New;
}

.headertitle {
	font-family:verdana, arial, sans-serif;
	color:#FFF;
    background:#002288;
    /*background-image: url(images/long.png);*/
	padding:15px;
	margin-bottom:10px;
	font-weight:bold;
	text-align:left;
	/*font-variant:small-caps;*/
	}

.headertext {
	font-family:verdana, arial, sans-serif;
	color:#FFF;
    background:#002288;
	font-weight:bold;
	text-align:left;
	}

.headertable {
	border: 2px solid #131E53;
	background-color: #002288;
}

.footertable 
{
	width: 100%; 	
	border: 3px solid #131E53;
	background-color: #FFF;
}

.plaintable {
	background-color: #FFFFFF;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

.vbarsub 
{
	padding-left: 15px; 
	text-decoration: none; 
	color: #666699; 
	font-size:8pt
} 


.minilink 
{
	padding-left: 15px; 
	text-decoration: none; 
	color: #666699; 
	font-size:8pt
}

.svnstuff 
{
	padding-top: 4px; 
	padding-bottom: 8px;
	text-decoration: none; 
	color: #000; 
	font-size:8pt;
	text-align:center;
}


/* Links */
/*
a:link, a:visited {  text-decoration: none; color: #000099}
a:link:hover, a:visited:hover {  font-weight: normal; text-decoration: underline; color: #335588}
a:link:active, a:visited:active  {  text-decoration: none; color: #000099}
a:link:active:hover, a:visited:active:hover  {  font-weight: normal; text-decoration: underline; color: #335588}
a:link img {border: none;}
*/

	A		{ color:#99CCFF; text-decoration:none; }
	A:link		{ color:#2255BB; text-decoration:none; }
	A:visited	{ color:#552299; text-decoration:none; }
	A:active	{ color:#0077EE; }
	A:hover		{ color:#0077EE; }

/* Classes */
 

.indent-block 
{
	margin-left: 20px;
}

.indent {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-left: 30px;

}


.navbody {
	background-color: #FFFFFF;
	vertical-align: top;
	margin: 0px;
	padding: 10px;
}


/*

	These classes are used to generate the
	publication summery sections.
	(Wrapped teaser images and the download links.)

*/

.wrappedimage {
	position: relative;
	float: left;
	padding: 5px;
	text-align: center;
}

.wrappingtext 
{
	padding-top: 5px;

}

.paper-title 
{
	font-style:italic;
}

.paper-link
{
	font-weight:lighter;
}

/*

	These classes are just used in the
	Bio and Contact info section of the 
	main page.

*/
.mypicture {
	float: left;
	padding: 0px;
	text-align: center;
}

.address 
{
	float:left;
	
	padding-top: 4px;
	padding-left: 20px;
	padding-bottom:0px;
	padding-right: 10px;
	
	font-variant:small-caps;
	font-weight:bold;
	color:#1515B0;

	white-space:nowrap;
	text-align:left;
}


.address A:link		{ color:#552299; text-decoration:none; }
.address A:visited	{ color:#552299; text-decoration:none; }


.biotext 
{
	float:left;
	width: 100%;
	padding-top:15px;
}