/* Basics ============================================================================= */
body, div, span, p, th, td, ul, li {font-family:Tahoma,Verdana, Arial, sans-serif;font-size:12px;color:#000;}
h1, h2, h3 {font-family: Tahoma,Verdana, sans-serif;color:#a40910;letter-spacing: .5px;}
body {background:#f1f1f1;margin:0px 20px 0;padding:0;}
ul {margin-top: 7px; margin-bottom: 10px;}
/*li {list-style-image: url("/images/bullet_blue.png");}*/
em {font-style: italic; font-weight: bold; }
img {border:0px;}
hr { height: 1px; color: #ddd; }
.clickable{ cursor: pointer; }
a:link, a:visited {text-decoration: none;}

/* Wrapper ============================================================================== */
div.Wrapper {width:900px;position:relative;margin:0 auto;padding:0; background-color: #fff;}
div.Wrapper .WrapperShadowLeft {width: 30px; position: absolute; left: -30px; top: 0px; height: 100%; background-image: url("/images/wrapper_shadow_left.png"); background-repeat:repeat-y; background-position:right;}
div.Wrapper .WrapperShadowRight {width: 30px; position: absolute; right: -30px; top: 0px; height: 100%; background-image: url("/images/wrapper_shadow_right.png"); background-repeat:repeat-y; background-position:left;}

/* Header =============================================================================== */
.Header {background:url("../images/header_bg_01.jpg") top left no-repeat;height:197px;width:900px;position:relative;}
.Header img {float: left;}

/* Navbar =============================================================================== */
div.Navbar {clear:both;position:absolute;bottom: 0px;margin:0;padding:0; height: 35px;width: 900px;}
div.Navbar.Foot {position: relative;}
div.Navbar .NavbarLeft {background:url("../images/navbar_left_edge.png") top left no-repeat; position: absolute; left:0;top:0; width:2px;height:35px;}
div.Navbar .NavbarCenter {background:url("../images/navbar_bg.png") top left repeat-x; margin-left:2px;margin-right:2px; width:896px; height:35px;}
div.Navbar .NavbarRight {background:url("../images/navbar_right_edge.png") top right no-repeat;position:absolute; right:0;top:0;width:2px;height:35px;}
/* Navbar tabs */
div.Navbar ul {width:900px;height:35px;position:relative;margin:0;padding:0;}
.Navbar ul li {list-style:none;list-style-image:none;position:absolute;top:0;margin:0;padding:0;}
.Navbar ul li, .Navbar a {height:35px;display:block;color:#000;border:0;}
.Navbar ul li a {text-indent:-9999px;}
.Navbar ul li.Center {left:162px;width:110px;background:transparent url("../images/nav_center_off.png") no-repeat scroll;}
.Navbar ul li.Center.CenterOn {background-image:url("../images/nav_center_on.png"); z-index: 20;}
.Navbar ul li.Funding {left:273px;width:101px;background:transparent url("../images/nav_funding_off.png") no-repeat scroll;}
.Navbar ul li.Funding.FundingOn {background-image:url("../images/nav_funding_on.png");}
.Navbar ul li.Faculty {left:371px;width:89px;background:transparent url("../images/nav_faculty_off.png") no-repeat scroll;}
.Navbar ul li.Faculty.FacultyOn {background-image:url("../images/nav_faculty_on.png"); z-index: 20;}
.Navbar ul li.Calendar {left:463px;width:101px;background:transparent url("../images/nav_calendar_off.png") no-repeat scroll;}
.Navbar ul li.Calendar.CalendarOn {background-image:url("../images/nav_calendar_on.png"); z-index: 20;}
.Navbar ul li.News {left:564px;width:79px;background:transparent url("../images/nav_news_off.png") no-repeat scroll;}
.Navbar ul li.News.NewsOn {background-image:url("../images/nav_news_on.png"); z-index: 20;}
.Navbar ul li.Research {left:661px;width:102px;background:transparent url("../images/nav_research_off.png") no-repeat scroll;}
.Navbar ul li.Research.ResearchOn {background-image:url("../images/nav_research_on.png"); z-index: 20;}
.Navbar ul li:hover {background-position:0 -35px;}

/* Content Area Setup ======================================================================= */
div.Content {width: 900px; clear:both; position:relative; margin:0; padding:0; }
/* Little gradient lines on sides */
div.Content .Left {background:url("/images/content_left_edge.png") top left no-repeat; position:absolute; top:0; left:0; width:10px; height:115px;}
div.Content .Right {background:url("/images/content_right_edge.png") top right no-repeat; position:absolute; top:0; right:0; width:10px; height:115px;}

/* Left Menu ================================================================================ */
div.Content .Menu {width: 185px; float: left; display: inline; margin: 20px 0 0 28px;}
div.Content .Menu ul { margin:0; list-style-position:outside; padding:0;}
div.Content .Menu ul li { list-style: none; list-style-image: none; padding: 6px 0px 6px 0px; margin: 0px;}
div.Content .Menu ul li.SubHead { font-weight: bold; border:0px; padding: 6px 0px 8px 0px; margin: 0px;}
div.Content .Menu ul li.SubHead ul { font-weight: bold; border:0px; padding: 6px 0px 0px 0px; margin: 0px;}
div.Content .Menu ul li.Sub { font-weight: normal; font-size: 90%; list-style-type: none; border:0px; padding: 0px 0px 6px 10px; margin: 0px;}
div.Content .Menu ul li.End { }
div.Content .Menu ul li a:link, div.Content .Menu ul li a:visited  {color: #a40910; cursor: pointer; text-decoration: none; border-bottom: 1px dotted #fff;}
div.Content .Menu ul li a:visited {color:#a40910;}
div.Content .Menu ul li a.Strong {font-weight: bold;}
div.Content .Menu ul li a:hover {border-bottom: 1px dotted #a40910;}
div.Content .Menu ul li.Highlight a:link, div.Content .Menu ul li.Highlight a:visited { color: #df5b20; text-decoration: none; border: 0px;} /* related or other special links */
div.Content .Menu ul li.Highlight a:hover {border-bottom: 1px dotted #a40910;}
div.Content .Menu ul li.Pad { padding-top: 60px; } /* adds block of padding to section off special links */

/* Main Page Content ========================================================================= */
div.Content .Center { margin: 0 12px 0 235px; padding: 18px 10px 0 0; line-height: 1.5em; }
div.Content .Center p { margin: 0 0 15px 0; }
div.Content .Center p.Indent, div.Content .Center h3.Indent {margin-left: 40px;}
div.Content a:link, div.Content a:visited {color:#a40910; border-bottom: 1px dotted #a40910; cursor: pointer; text-decoration: none;}
div.Content h3 a:link, div.Content h3 a:visited  {color:#a40910; border: 0px; cursor: pointer; text-decoration: none;}
div.Content a:visited, div.Content h3 a:visited  {color:#a40910;}
div.Content a:hover, div.Content h3 a:hover {border-bottom: 1px solid #a40910;}

/* Breadcrumbs */
.Content .Breadcrumb {font-size: 80%; color: #999;}
.Content .Breadcrumb a:link, div.Content .Breadcrumb a:visited {color: #999; border-bottom: 1px dotted #ccc;}
.Content .Breadcrumb a:hover { border-bottom: 1px solid #999;}
.Content .Column {border: 0px solid blue; width: 285px; float:left; padding:0; margin:0; } /* 2 columns */
.Content .Column.LeftColumn { width: 295px; } 

/* Misc */
.Indent {margin-left: 40px;}
div.CenterImage {text-align: center; margin-bottom: 10px;}
.ClearBoth {clear:both;}

/* Widget Bars */
.WidgetHeader {position: relative; height: 32px;}
.WidgetHeader div.HeaderText { height: 32px;padding-left: 10px;position: relative; margin-left: 10px; margin-right: 10px; font-weight: bold; line-height: 32px; background: url(../images/widget_bg.png) repeat-x top;}
.WidgetHeader div.Edge { height: 32px;position: absolute; width: 10px; height: 32px; top: 0px;}
.WidgetHeader div.Edge.Left {left: 0px; background: url(../images/widget_edge_left.png) no-repeat;}
.WidgetHeader div.Edge.Right {right: 0px; background: url(../images/widget_edge_right.png) no-repeat;}

/* Messaging ============================================================================ */
div.Messagebox { line-height: 1em; font-size: 1em; }
div.Messagebox.Success { border: 1px solid #339933; color: #006600; padding: 20px 15px 20px 52px; margin: 10px 0px 10px 0px; background-color: #EEFFEE; background-image: url(/images/icon_message_success.gif); background-position: top left; background-repeat: no-repeat; min-height: 15px; }
div.Messagebox.NoResults { border: 0px solid #999; color: #cc3333; padding: 20px 15px 20px 52px; margin: 10px 0px 10px 0px; }
div.Messagebox.Error { border: 1px solid #e90036; color: #e90036; font-weight: bold; padding: 20px 15px 20px 52px; margin: 10px 0px 10px 0px; background-color: #FFEEEE; background-image: url(/images/icon_message_error.gif); background-position: top left; background-repeat: no-repeat;  min-height: 15px; }
div.Messagebox.Notice { border: 1px solid #006dc8; color: #005ca9; font-weight: bold; padding: 20px 15px 20px 52px; margin: 10px 0px 10px 0px; background-color: #e4f3ff; background-image: url(/images/icon_message_notice.gif); background-position: top left; background-repeat: no-repeat; min-height: 15px; }

/* Forms ================================================================================ */
.HelpNote {font-size: 80%; color: #666;}
form{font-size:100%;margin:0;padding:0}
form fieldset{border: 0px;font-size:100%;margin:0;padding:0px;float:left;}
form fieldset legend{color:#000;font-size:150%;font-weight:400;margin:0;padding:0 5px;}
label{font-size:100%;}
label u{font-style:normal;text-decoration:underline;}
input,select,textarea{color:#000;font-family:Verdana,Tahoma,Arial,sans-serif;font-size:100%;}
textarea{overflow:auto;}
form.Form div {clear:left; display:block; margin:0 ;padding:5px 0 5px 0; width:280px; }
form.Form div fieldset{border:0px solid #666;clear:none;padding:5px 0px 5px 0px;}
form.Form div label{display:block;margin:0 0 0px;padding:3px 0px 2px 0px;text-align:left;}
form.Form div.Optional label,label.Optional{font-weight:400;}
form.Form div.Required label,label.Required{font-weight:700;}
form.Form div label.labelCheckbox,form div label.labelRadio{display:block;float:none;margin:0 0 5px 142px;padding:0;text-align:left;}
form.Form div fieldset label.labelCheckbox,form div fieldset label.labelRadio{margin:0 0 5px;}
form.Form div.Error{background-color:#ffeeee;background-image:url(/images/icon_minibox_error.png);background-position:left top;background-repeat:no-repeat;border:1px solid red;color:#000; margin-bottom: 4px;}
form.Form div.Error p.Error{background-color:transparent;color:#e90036;margin:3px 0px 5px 0px; font-weight: bold;}
form.Form div select,form div textarea{margin:0;padding:1px 3px;width:270px;}
form.Form div input.inputText,form div input.inputPassword{margin:0;padding:1px 3px;width:270px;}
form.Form div input.inputFile{width:280px;}
form.Form div select.selectOne,form div select.selectMultiple{padding:1px 3px;width:280px;}
form.Form div input.inputCheckbox,form div input.inputRadio,input.inputCheckbox,input.inputRadio{background-color:transparent;border-width:0;display:inline;height:auto;margin:0 0 0 10px;padding:0;width:auto;}
form.Form div.submit{padding:0 0 0 146px;width:214px;}
form.Form div.submit div{display:inline;float:left;margin:0;padding:0;text-align:left;width:auto;}
form.Form div input.inputSubmit,form div input.inputButton,input.inputSubmit,input.inputButton{background-color:#CCC;color:#000;margin:0;padding:0 6px;width:auto;}
form.Form div.submit div input.inputSubmit,form div.submit div input.inputButton{float:right;margin:0 0 0 5px;}
form.Form div small{display:block;font-size:88%;margin:0 0 5px 142px;padding:1px 3px;}
form.Form div .Centered {text-align: center;}
form.Form input.Button {}

/* Footer =============================================================================== */
div.Footer {clear:both;position:relative;margin:0;padding:0; width:855px; margin-bottom: 20px;}
div.Footer.FooterLeft {background:url("/images/footer_left_edge.png") bottom left no-repeat; position:absolute; top:0; left:0; width:10px; height:100px;}
div.Footer.FooterRight {background:url("/images/footer_right_edge.png") bottom right no-repeat; position:absolute; top:0; right:0; width:10px; height:100px;}
div.Footer.FooterCenter {background:url("/images/footer_bg.png") bottom left repeat-x; margin: 0 10px 0 10px;  padding:0 30px 0 224px; width: 581px;}
div.Footer.FooterCenter.FooterFront {padding-left: 36px; width: 769px;}
div.Footer p {color:#999; line-height: 1.4em; font-size: 90%; }
div.Footer a:link, div.Footer a:visited {color:#999; border-bottom: 1px dotted #999; cursor: pointer; text-decoration: none}
div.Footer a:hover {border-bottom: 1px solid #999;}

/* Heading styles */
h1 {font-size:165%;font-weight:700; border:0px;} /* unused currents */
.PageTitle, h2 {font-size:125%;font-weight:700;margin:8px 0px 20px 0px;padding:0; border:0px; line-height: .9em;} /* page headings */
.SubTitle, h3 {font-size:1.2em;font-weight:700;margin:2px 0px 0px 0px;padding:0; border:0px; line-height: 1em;} /* page subheadings */
h3 a:link, h3 a:visited {border: 0px;color:#3a76b7;}
h3 a:hover {border-bottom: 1px solid #3a76b7;}
h4 {font-size:1.1em;font-weight:700;margin:0;padding:0; border:0px;}
h5 {display: inline; font-size:1.0em; border:0px; margin-right: 5px; color:#3a76b7} /* inline headings */

/* Misc Overrides ======================================================================= */
a.Image{ border: 0px; text-decoration: none;} /* linked images should not have border */
hr {height: 1px;}

/* Data Tables ========================================================================== */
.DataTableClean { width: 100%; }
.DataTableClean .ColumnHeader { border-bottom: 1px solid #ddd; text-align:left; }
.DataTableClean .Alt { background-color: #f1f1f1; }

/* Intranet ============================================================================= */
.Intranet .IHeader { background-color: #a40910; color: #fff;  } 
.Intranet .IHeader a:link, .Intranet .IHeader a:visited { color: #fff; }
.Intranet .IHeader a:hover {color: #ccc;}
.Intranet .Content {width: 100%;}
.Intranet a:link, .Intranet a:visited {color: #a40910; cursor: pointer; text-decoration: none; border-bottom: 1px dotted #eee;}
.Intranet a:hover {border-bottom: 1px dotted #a40910;}
.Intranet .Menu {background-color: #eee;}
.Intranet .Menu ul {margin: 0px; list-style:none;}
.Intranet .Menu li {padding: 0 0 4px 0;}

/* Default Widths ======================================================================= */
.DW50 {width: 50px;}
.DW75 {width: 75px;}
.DW100 {width: 100px;}
.DW150 {width: 150px;}
.DW200 {width: 200px;}
.DW300 {width: 300px;}