/* CSS Document */


A:link {
	color: #2B2968;
	background-color: inherit;
}
A:active {
	color: #401ab6;
	background-color: inherit;
}
A:visited {
	color: #4D4895;
	background-color: inherit;
}

/*
UL LI {
	list-style-type: square;
}
*/

ul.content li {
	padding-bottom: 6px;
	list-style-type: square;
}

body
{
	background-color: #FFFFFF;
	margin: 0;
	padding-top: 20px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div#Content
{
	margin: 0px auto 0px auto;
	width: 991px;
	border: 1px #CFCFCF solid;
	padding-top: 6px;
	padding-bottom: 6px;
}

table#Container
{
	width: 977px;
}

table#flashBanner
{
	padding-top: 6px;
}

table#Navigation
{
	padding-top: 6px;
}

table#mainContent
{
	padding-top: 6px;
	padding-bottom: 6px;
}

table#grayContentBox
{
	width: 300px;
	background-color: #E9E6E1;
	margin-right: 8px;
}

td.grayContentBox
{
	width: 300px;
	background-color: #E9E6E1;
	margin-right: 8px;
}

table#purpleContentBox
{
	/*border: 1px #CFCFCF solid;*/
	border-top: 1px white solid;
	/*background-color: #42419A;*/
	width: 362px;
	height: 387px;
}

table#purpleContent
{
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
}

table#footer
{
	width: 977px;
	height: 25px;
	background-color: #2B2968;
	color: #FFFFFF;
}

table#articles
{
	width: 500px;
	margin-left: 37px;
	margin-right: 37px;
}

td#subPageLeft
{
	border-left: #B9B9B9 solid 1px;
	padding-left: 10px;
}

td#headerTD
{
	background-color: #2B2968;
	width: 977px;
	height: 55px;
}

td#grayContentBoxGroup
{
	margin-right: 8px;
}

td#headerTDLeft
{
	width: 488px;
}

td#headerTDRight
{
	width: 488px;
	padding-right: 20px;
	color: #FFFFFF;
}

td#logoTD
{
	padding-left: 25px;
}

td#grayContent
{
	padding-left: 14px;
	padding-right: 14px;
}

td#purpleCube
{
	/*padding-right: 10px;*/
}

td#dropdownTD
{	
	padding-top: 6px;
	padding-bottom: 6px;
}

td#purpleContentPic
{
	padding-right: 15px;
}

td#footerTDLeft
{
	width: 488px;
	padding-left: 10px;
}

td#footerTDRight
{
	width: 488px;
	padding-right: 10px;
}

td#grayDivider
{
	width: 977px;
	/*padding-top: 6px;*/
	padding-bottom: 6px;
}

td#subNavigation
{
	width: 153px;
}


td.grayDivider
{
	padding-top: 6px;
	padding-bottom: 10px;
	background-color: #E9E6E1;
	width: 300px;
	/*border-right: 8px solid white;*/
	/*padding-left: 16px;*/
}


td.grayBoxImage
{
	padding-right: 20px;
	border: 0px;
}

td.grayBoxRow2
{
	padding-top: 8px;
}

td.articleLink
{
	padding-top: 10px;
	padding-right: 30px;
}

hr
{
	width: 480px;
	color: #B9B9B9;
	height: 1px;
}

/* TEXT ELEMENTS */

a.headerNav
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.headerNav:hover
{
	text-decoration: underline;
}

a.yellowLink
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F3EC1A;
	text-decoration: none;
}

a.yellowLink:hover
{
	text-decoration: underline;
}


a.yellowLinkMinor
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F3EC1A;
	text-decoration: none;
}

a.yellowLinkMinor:hover
{
	text-decoration: underline;
}


.yellowText
{
	color: #F3EC1A;
}

.purpleLink
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2B2968;
	text-decoration: none;
}

.purpleLink:hover
{
	text-decoration: underline;
}

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

.pageTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #2B2968;
}

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

.date
{
	color: #2B2968;
	font-weight: bold;
}

.description
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #231F20;
	padding-left: 20px;
}

.grayBoxTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2B2968;
	text-decoration: none;
	background-color: #E9E6E1;
	width: 300px;
	/*border-right: 8px solid white;*/
}

a.grayBoxTitleLink
{
	color: #2B2968;
	text-decoration: none;
}

a.grayBoxTitleLink:hover
{
	text-decoration: underline;
}

a.grayBoxNewsLink
{
	color: #000000;
	text-decoration: none;
}

a.grayBoxNewsLink:hover
{
	text-decoration: underline;
}

.grayBoxBlurb
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px
	background-color: #E9E6E1;
	width: 300px;
	/*border-right: 8px solid white;*/
}

.grayBoxText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #231F20;
	text-decoration: none;
	text-align: left;
}

.purpleBoxText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

/* OTHER ELEMENTS */
img
{
	border: none;
}

select.dropdown
{
	width: 200px;
	border: 1px #A6A5A3 solid;
}

/* MISC PADDING */

.paddingLeft7px
{
	padding-left: 7px;
}

.paddingLeft5px
{
	padding-left: 1px;
}


/* EXPANDABLE MENU */

.arrowlistmenu
{
	width: 153px; /*width of accordion menu*/
	background-color: #E9E6E2;
	background-image: url(../../Images/img_subNav_bgd.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

.arrowlistmenu .menuheader
{ /*CSS class for menu headers in general (expanding or not!)*/
	padding: 4px 0 4px 0; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}

.arrowlistmenu .openheader
{ /*CSS class to apply to expandable header when it's expanded*/
	background-image: url(titlebar-active.png);
}

.arrowlistmenu ul
{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li
{
	padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a
{
	color: #F59523;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../../Images/arrowbullet.png) no-repeat left; /*custom bullet list image*/
	margin-left: 15px;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
	font-size: 11px;
}

.arrowlistmenu ul li a:visited
{
	color: #F59523;
}

.arrowlistmenu ul li a:hover
{ /*hover state CSS*/
	color: #A70303;
	background-color: #F3F3F3;
}




/* ---------------------------------------------------------------------------------------------- */
/* Old website styles                                                                             */
/* ---------------------------------------------------------------------------------------------- */

/*
H1 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-top: 4px;
	color: #2B2968;
}

H2 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #2B2968;
}

H3 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #2B2968;
}
*/



/* -----------------------------------------------------------------------------
   Research projects
----------------------------------------------------------------------------- */

H2.projectTitle {
	margin-top: 0px;
	margin-bottom: 10px;
}

TD.projectContent {
	font-size: 100%;
	font-weight: normal;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

TD.projectDescription {
	padding-left: 20px;
}


/* -----------------------------------------------------------------------------
   Big Calendar Page
----------------------------------------------------------------------------- */

TD.bigCalDateHdr {
	/*background-color: #e6e6e6;*/
	background-color: #e6e6e6;
	color: #000000;
	font-size: 10px;
	border-bottom: #e6e6e6 1px solid;
	/*border-bottom: #cccccc 1px solid;*/
	padding: 2px;
}

TD.bigCalDateHdrToday {
	background-color: #efefa7;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	border-bottom: #efefa7 1px solid;
	/*border-bottom: #d9d997 1px solid;*/
	padding: 2px;
}

TD.bigCalDays {
	color: white;
	background-color: #333333;
	font-family: Verdana, "Lucida Grande", Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
}

TD.bigCalDates {
	color: black;
	background-color: #f3f3f3;
	font-family: Verdana, "Lucida Grande", Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 0px;
}

TD.bigCalDatesToday {
	color: #000000;
	background-color: #ffffb2;
	font-family: Verdana, "Lucida Grande", Arial, sans-serif;
	font-size: 10px;
	padding: 0px;
}


TD.bigCalAllDayEvent {
	color: #000000;
	border-top: black 1px dashed;
	border-bottom: black 1px dashed;
}

A.bigCalEvent {
	/*color: #000000;*/
	color: #222222;
	text-decoration: none;
}
	
A.bigCalEvent:active {
	color: #000000; 
	text-decoration: none;
}
	

A.bigCalEvent:hover {
	color: #222222;
	/*text-decoration: underline;*/
	text-decoration: none;
}


DIV.bigCalAllDayEvent {
	/*border: #333333 1px dotted;*/
	border: 1px outset;
	text-decoration: none;
}
DIV.bigCalAllDayEvent:hover {
	/*border: black 1px solid;*/
	border: 1px inset;
	text-decoration: none;
	cursor: pointer;
}


TD.newCalWeekday {
	background-color: #333333;
	font-size: 10px;
	padding: 2px;
	font-weight: bold;
	color: white;
	text-align: center;
	border-right: white 1px solid;
	border-bottom: white 1px solid;
	border-collapse: collapse;
}

TD.newCalDayThisMonth {
	background-color: #eeeeee;
	width: 14%;
	border-right: white 1px solid;
	border-bottom: white 1px solid;
	border-collapse: collapse;
}
/*TD.newCalDayThisMonth:hover {
	cursor: pointer;
}*/

TD.newCalDayThisMonthToday {
	background-color: #fffec5;
	width: 14%;
	border-right: white 1px solid;
	border-bottom: white 1px solid;
	border-collapse: collapse;
}
/*TD.newCalDayThisMonthToday:hover {
	cursor: pointer;
}*/


TD.newCalDayOtherMonth {
	background-color: #dddddd;
	width: 14%;
	border-right: white 1px solid;
	border-bottom: white 1px solid;
	border-collapse: collapse;
}
/*TD.newCalDayOtherMonth:hover {
	cursor: pointer;
}*/

DIV.newCalDayContainer {
	position: relative;
	width: 100%;
	
}

DIV.newCalDay {
	position: absolute;
	right: 0px;
	padding-right: 2px;
	color: black;
	font-size: 10px;
	text-decoration: underline;
	width: 99%;
	text-align: right;
}
DIV.newCalDay:hover {
	cursor: pointer;
	background-color: #cccccc;
}

DIV.newCalAllDayEvent {
	position: absolute;
	color: black;
	padding: 0px;
	text-indent: 4px;
	text-align: left;
	font-size: 10px;
	left: 0px;
	/*border: 1px solid transparent;*/
	border: 1px outset;
	white-space: nowrap;
	overflow: hidden;
}
DIV.newCalAllDayEvent:hover {
	/*border: 1px inset;*/
	border: 1px inset;
	cursor: pointer;
	text-decoration: underline;
	overflow: visible;
}

DIV.newCalEvent {
	position: absolute;
	padding: 0px;
	padding-right: 2px;
	/*color: black;*/
	text-indent: 4px;
	text-align: left;
	font-size: 10px;
	left: 0px;
	border: 1px solid transparent;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 2px;
	/*text-underline-style: thick;
	text-decoration: underline;
	text-underline: wave red continuous auto-pos;*/
}
DIV.newCalEvent:hover {
	cursor: pointer;
	text-decoration: underline;
	overflow: visible;
}



/* -----------------------------------------------------------------------------
   Media directory listings
----------------------------------------------------------------------------- */

li.mediaDirSelected {
	padding: 1px;
	margin: 2px;
	background-color: #ccccee;
	list-style-image: url('../images/icons/folder.gif');
}


li.mediaDir {
	padding: 1px;
	margin: 2px;
	background-color: inherit;
	list-style-image: url('../images/icons/folder.gif');
}


ul.mediaDir {
	list-style-position: inside;
	padding-left: 18px;
	white-space: nowrap;
	/*padding-right: 0px;*/
}




/* -----------------------------------------------------------------------------
   Errors and warnings
----------------------------------------------------------------------------- */

FONT.alert {
	color: #ea0004;
	font-weight: bold;
}

DIV.alert {
	color: #006600;
	background-color: #ccffcc;
	font-weight: bold;
	border: #006600 1px solid;
}

DIV.error {
	color: #dd0000;
	background-color: #ffd3d4;
	font-weight: bold;
	border: #dd0000 1px solid;
}


/* -----------------------------------------------------------------------------
   Various stuff
----------------------------------------------------------------------------- */

/* Description string for form elements */
.formElementDesc {
	font-size: 11px;
}


ul.boxy {
	list-style-type: none;
	padding: 2px;
	margin: 2px;
}
ul.boxy li {
	list-style-type: none;
	cursor:move;
	padding: 2px 2px;
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	margin-top: 4px;
}


