@charset "iso-8859-1";
/* ********************************************************************************
	Generic Classes
   ******************************************************************************** */

a img{
	border-width: 0;
}
   
img.Center{
	display: block;
	margin: 0 auto;
}

img.Right{
	float: right;
	margin-left: .75em;
}

.Inside{
	padding: .5em;
}

#ContentColumn .Inside{
	padding: .75em;
}

.Inside img.Right{
	margin-bottom: -1em;
	margin-right: -.5em;
	margin-left: .75em;
}

/* Fix for IE/Win \*/
* html .Inside img.Right{
	margin-top: -1.5em;
	position: relative;
}
/* Fix for IE/Win */

.Clear{
	clear: both;
}

html[xmlns] .MozClear{
	/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
	 * this up as well. Shouldn't be a problem, Opera should handle this fine,
	 * but it's a Mozilla-targeted hack, and it should probably only affect
	 * mozilla. You can do that by replacing the INVALID CSS selector
	 * :root .mozclear for what's give here.
	 */
	border-bottom: 1px solid;
	border-color: transparent;
	margin-bottom: -1px;
}

/* :root is an invalid pseudo class but mozilla knows it */
:root code{
	font-size: 120%; /* monospace fonts are typically smaller that 
		  'normal' fonts under Mozilla. */
}

.Hide{
    display: none;
}

a.linkNormal{
    font-weight: normal;
}

a.linkBold{
    font-weight: bold;
}

a.linkItalic{
    font-style: italic;
}

.ContextMenu{
    font-size: 80%;
    margin-bottom: 1em;
    padding-left: 1em;
    clear: both;
}

.ContextMenu h3{
    margin-bottom: .2em;
}

.ContextMenu h4{
    padding-left: 1em;
    font-size: 120%;
    font-weight: normal;
    margin-bottom: .3em;
}

.ContextMenu h4.NoIndent{
    padding-left: 0;
}

.ContextMenu .Description{
    font-size: 110%;
    margin-bottom: .25em;
    padding-left: 2.25em;
}

.ContextMenu_HP{
    font-size: 35%;
    margin-left: .5em;
}
/*
.ContextMenu_HP h3{
    margin-bottom: 1em;
}

.ContextMenu_HP h4{
    margin-top: -1em;
}
*/

.Description{
	padding-left: 1.75em;
	font-size: 90%;
	color: #666666;
	margin-bottom: 1em;
}

.BoxPhoto{
    padding: .75em;
    border: solid 1px #A8A8A8;
    margin-bottom: 1em;
    float: left;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold;
	color: #336699;
}

.reddot {
font-family: Arial, Helvetica, sans-serif;
	font-size: 9px; 
	font-weight: bold;
	color: #990000;
}

span.bullet{
	font-size: 60px; 
	font-family: sans-serif;
}

.reddotBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight:bold;
	color: #990000;
}


/*
    When in RedDot and editing, this will make the background pink of the entire block being edited.
*/
.EditMode{
    border: solid 1px #000000;
    background-color: #FFCCCC;
    padding: 2px;
}



.CategoryHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; 
	font-weight: bold;
 }


.UnBoxPhoto img{
	border: solid 0 #000000;
	background-color: #00745A;
	display: block;
	margin: 0 auto 1em 0;
}

.BoxPhoto img{
	border: solid 0 #000000;
	background-color: #00745A;
	/*display: block;*/
	margin: 0 auto 1em 0;
}

.BoxPhoto p{
	margin-bottom: 0;
	font-size: 90%;
}

ul.LinkList{
	list-style-type: none;
	margin: 0;
	margin-left: 1em;
	padding: 0;
}

ul.LinkList li{
	margin: .25em;
}

/*
 --------- SpotLight In the right sidebar column ----------
*/  

#RightColumn .SpotLight{
	background-color: #DCD9C6;
	padding: .75em;
	margin-bottom: 1em;
	font-size: 80%;
}

#RightColumn .SpotLight h5{
	margin-bottom: 0;
}

.News .Date{
	font-style: italic;
}

/*
 --------- News in the right sidebar column ---------
*/

#RightColumn .News{
	font-size: 85%;
}

/* IE seems to keep this font size larger. \*/
* html #RightColumn .News{
	font-size: 84%;
}
/* IE seems to keep this font size larger. */

#RightColumn .News .NewsItem{
    margin-bottom: 1em;
    margin-left: 1em;
    font-size: 95%;
}

#RightColumn .News h5{
    font-size: 100%;
}

#RightColumn .News h5, #RightColumn .News h6{
    margin-bottom: 0;
}

#RightColumn .News h6{
	font-weight: normal;
}

#RightColumn .News.Academic h6{
	font-weight: bold;
}

#RightColumn .NewsItem p{
	padding: 0;
	margin: 0;
	margin-bottom: .5em;
}

.HelpBox{
    background-color: #F3EDB1;
    padding: 1em;
    border: solid 1px #A8A8A8;
    margin-bottom: 1em;
}

.HelpItem{
    margin-bottom: 1em;
}

.HelpItemLarge{
    font-size: 120%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;

}

.HelpBox h3{
    font-size: 130%;
    border-bottom: solid 1px #000000;
    margin-bottom: .5em;
}


/*
 --------- Bio. boxes ---------
*/
.LightShadowBox{
    margin: 0;
    margin-bottom: 2em;
    padding: 1em;
    border-top: solid 1px #DDDDDD;
    border-left: solid 1px #DDDDDD;
    border-bottom: solid 1px #888888;
    border-right: solid 1px #888888;
}

.LightShadowBox img{
    border: solid 1px #000000;
    float: left;
    margin: 0;
    margin-right: 1em;
    margin-bottom: .5em;
    padding: 0;
}

.LightShadowBox .Contact{
    margin-bottom: 1em;
}

/* ******************************************************************************** */

/* ********************************************************************************
 Vnav - Vertical Navigation
   ******************************************************************************** */
.Vnav{
	padding-left: .5em;
	padding-right: .5em;
	padding-top: .5em;
	font-size: 75%;
}

.Vnav ul, .Vnav ul li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}

.Vnav ul{
	border: solid 1px #000;
	border-bottom-width: 0;
	margin-bottom: .75em;
}

.Vnav ul li{
	border-bottom: solid 1px #000;
}

.Vnav ul li a{
	display: block;
	text-decoration: none;
	padding: 2px 5px;
	color: #336;
	background-color: #EAE8D3;
}

.Vnav ul li ul{
	margin: 0;
	padding: 0;
	margin-left: 1em;
	border-width: 0;
	display: none;
}

.Vnav ul li ul li{
	border-width: 0;
	margin: 0;
	font-size: 85%;
}

.Vnav ul li ul li a{
	border-top: solid 1px #BBBBBB;
}

/* Fix for IE/Win \*/
* html .Vnav ul li a/* hide from IE5.0/Win & IE5/Mac */{
	height: 1%;
}
/* Fix for IE/Win */

.Vnav ul li a:hover{
	background-color: #D8D6C3;
	color: #000000;
}

/* Fix for IE/Win \*/
* html .Vnav ul{
	position: relative; /* IE needs this to fix a rendering problem */
}
/* Fix for IE/Win */

.Vnav h3{
	/* perhaps this belongs partly in gutters.css and partly in 
		fonts.css. However, the heading size for vnav elements is
		controlled here because it is a specific vnav visual element
		rather than something that's going to be applied to the whole
		layout. So that if you were to remove vnav.css from your
		layout, you wouldn't have any extra, unused CSS in the rest
		of your stylesheets. */
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 126%;
}

.Vnav .Selected{
	background-color: #FFFFFF;
}


.LeftColumnNav{
	background-color: #EAE8D3;
	font-size: 85%;
	width: 13em;
}

.debug{
	font-family: monospace;
	font-size: 110%;
}

.error{
	color: #FF0000;
}

.AC{
	background-color: #F6F6F6;
}

.FL{
	font-weight: bold;
	text-align: right;
	border-right: dotted 2px #EEEEEE;
}

.REQ{
	font-weight: bold;
	color: #CC0000;
}

.HD{
	font-weight: bold;
	text-align: center;
}

.REQ{
	font-weight: bold;
	color: #CC0000;
}

.CA{
	text-align: right;
}

.CA input{
	background-color: #EEEEEE;
	border-width: 1px;
}

.CA input:hover{
	background-color: #FFFFFF;
}

td.CA{
	text-align: center;
	background-color: #DDDDDD;
	border-top: solid 1px #666666;
}

#ContentColumn table{
	border: solid 1px #CCCCCC;
}

#ContentColumn table tr th{
	border-bottom: solid 1px #666666;
	font-weight: bold;
	font-size: 110%;
	color: #666666;
	padding: 5px;
}

#ContentColumn table tr td{
	padding: 5px;
}