@charset "utf-8";
body, td, th {font-family: Verdana, Arial, Helvetica, sans-serif; border-color:#FFFFFF; color: #444;}
body, td, th:hover {color: #444;}
body {
	font-family:Arial, Helvetica, sans-serif;
	background: #929584;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(../images/bgNewShadow.png);
	background-position: 50% 50%;
	background-repeat: repeat-y;
	padding-left: 2px;
}
.thrColAbsHdr #container {
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
/* Tips for absolutely positioned sidebars with header and footer:
1. Absolutely positioned (AP) elements must be given a top and side value, either right or left. (As a default, if no top value is given, the AP element will begin directly after the last element in the source order of the page. This means, if the sidebars are first element in the #container in the document's source order, they will appear at the top of the #container even without being given a top value. However, if they are moved later in the source order for any reason, they'll need a top value to appear where you desire.
2. Absolutely positioned (AP) elements are taken out of the flow of the document. This means the elements around them don't know they exist and don't account for them when taking up their proper space on the page. Thus, an AP div should only be used as a side column if you are sure the middle #mainContent div will always contain the most content. If either sidebar were to contain more content, that sidebar would run over the bottom of the parent div, and in this case the footer as well, and the sidebar would not appear to be contained.
3. If the above mentioned requirements are met, absolutely positioned sidebars can be an easy way to control the source order of the document.
4. If the source order is changed, the top value should be equal to the height of the header since this will cause the columns to visually meet the header.
*/
.thrColAbsHdr #header {
	height: 100px; /* if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
	border-bottom:1px solid black;        /* give us a black border underneath */
	padding: 0 10px 0 20px;
	border: 1 px solid #555;
}
.thrColAbsHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.thrColAbsHdr #sidebar1 {
	position: absolute;
	border-right: 1px solid #555;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	left: 0;
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #C4C4C4; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
	top: 100px;
}
.thrColAbsHdr #mainContent {
	margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	width: 561px;
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.thrColAbsHdr #footer {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.thrColAbsHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.bottom {
	width: 500px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/*========================= TOP OF THE MENU CASCADE =========================*/

.search {
	top:10px;
	left:400px;
	width: 50%;
}
.menu {
	position:absolute;        /* establish a menu-relative positioning context */
	left:280px;
	top:81px;
	/*	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:18px;                                  /* the menu's overall height */
	width:500px;         /* we always want our menu to fill the available space */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;         /* this (and also below) sets the menu's font size */
	z-index:1;
}
.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
	border:1px solid #555;
}
.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
}
.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	margin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}
.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}
.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}
.rightmenu {
	position:relative;  /* establish a local positioning context for YAH label */
	float:right;                  /* and right-align it at the top of our page */
}
#research {            /* this rightmost Research button must be positioned */
	position:absolute;       /* absolutely so that the YAH (you are here) text */
	top:0px;               /* label will slide underneath it under Opera v8.54 */
	left:364px;    /* which has a z-order sequencing bug with abs-pos elements */
}


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

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}
.menu ul li a, .menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:18px;
}
.menu ul li:hover a, .menu ul li a:hover {                        /* selected top-level menu items */
	border-top:1px solid #000;    /* these 2 lines create the push-in illusion */
	height:16px;
}
/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul, .menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:18px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:13.5em;
	color:black;                        /* this sets the unselected-text color */
	background:black;         /* this sets our menu's effective border color */
}
.menu ul li:hover ul.leftbutton, .menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}
.menu ul li:hover ul.skinny, .menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:9em;   /* with a 12px default font, this is 97px width (97/12) */
}
.menu ul.rightmenu li:hover ul, .menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}
* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}
.menu ul li:hover ul li a, .menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:#000;               /* this sets the unselected drop-down text color */
	background:#d8d8d8;       /* this sets the drop-down menu background color */
	width:13.5em;
}
.menu ul li:hover ul li:hover a, .menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:black;
	background:white;
}
.menu ul li:hover ul.skinny li a, .menu ul li a:hover ul.skinny li a, .menu ul li:hover ul.skinny li a:hover, .menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:9em;
}
/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}
.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:9em;
	width:13em;
}
.menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:13em;
	background:#d8d8d8;
}
.menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	width:13em;
	background:white;
}
#text {           /* the Mac's standard Safari browser will not see this code */
	height:1.215em;
#           /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */
a:link {
	color: #444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:visited {
	color:#444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.time {
	font-size:x-small;
}
.style1 {color: #FF0000}
.thrColAbsHdr #container #header #cse-search-box div {
	right: 50px;
	float: right;
}
.address {
	position:absolute;
	right: 10px;
	float: right;
	top: 45px;
	font-size:12px;
}
a.navi:link {color:#444; background-color:#a9ac99; text-decoration:none; border: 1px solid #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.navi:visited {color:#444; background-color:#a9ac99; text-decoration:none; border: 1px solid #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;}
a.navi:hover {color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; text-indent: 0px;}
.image {color:#FFFFFF;}
.table {border:15px solid #000000;}
.tablesm {border:5px solid #000000;}
.style1 {font-size: 14px; font-weight:normal; color:#000;}
.style2 {font-size: small; font-style:italic;}
.style3 {font-size: x-small}
.style4 {font-size: small}
.style5 {font-size:18px; color:#000000; font-weight:bold;}
.style6 {font-size:xx-small;}
.style7 {font-style:italic !important; font-size:14px; font-weight:lighter; border: 1px solid #000; background-color:#CCC; color:#000;}
.style7:hover {color:#000;}
.style8 {font-size:12px;}
.style9 {color:#444; font-family:Verdana, Arial, Helvetica, sans-serif;}
.style9:hover {color:#FFF; text-indent:0px;}
.style10 {font-size: x-small; font-weight:normal;}
.style10:link {font-size: x-small; font-weight:bold;}
.style11 {color:#444; font-size:larger; font-family:Verdana, Arial, Helvetica, sans-serif;}
.cell {border: 1px solid #000;}
.clear {
	height: 0;
	width: 0;
	font-size: 0%;
	line-height: 0.0;
	clear: both;
}

.image {
	display: inline;
	margin: 0 auto;
}

.image a {
	border: 0;
	position: relative;
}

.image img {
	border: 50px solid #FFF !important;
}
.imagesm {
	display: inline;
	margin: 0 auto;
}

.imagesm a {
	border: 0;
	position: relative;
}

.imagesm img {
	border: 5px solid #FFF;
}

a.imagesm:hover {
	text-indent:0px;
}
main
.linkimagesm {
	display: inline;
	margin: 0 auto;
}

.linkimagesm a {
	border: 0;
	position: relative;
}

.linkimagesm img {
	border: 1px solid #000;
}

a.linkimagesm:hover img {
	border: 1px solid #fff;
	text-indent:0px;
}
.mainimages {
	border: 50px solid #FFF;
}
.AwardTitle {
	font-family:Verdana, Geneva, sans-serif;
	border-bottom:thin;
	border-bottom-color:#000;
	border-bottom-width:thin;
	font-size:16px;
}
.AwardImage {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
}
.AwardType {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
}