/* This stylesheet should be applied together with global.css to all pages related to: */
/* RESEARCH PROJECTS */

/* Unique color for this section: */
/* #990000 */


/* Section Headers */

#header {
          z-index:2;
          background-color: transparent;
          border-top-color: #990000;
}
#projlogo { LEFT: 240px; 
            WIDTH: 460px; 
            POSITION: absolute; 
            TOP: 20px; 
            z-index:1; }

/* Submenu Colors */

#subMenu {
	border-top-color: #990000;
}
#subMenu a {
	background-color: #FFFFE8;
	border-bottom-color: #990000;
}
#subMenu a:hover {
	background-color: #990000;
}

/* Sub-submenu Colors */

#subSubMenu{
	border-top-color: #990000;
}
#subSubMenu a {
	color: #80735F;
	border-bottom-color: #990000;
}
#subSubMenu a:hover {
	color: #990000;
}

/* Page Specific Colors */

.highlight, #subMenu a.menuHighlight, #subSubMenu a.menuHighlight {
	color: #990000;
}

/* name and link to current section (dept home) should inherit #header 
   PADDING-RIGHT: 10px; BORDER-TOP: 5px solid; FONT-WEIGHT: bold; 
   FONT-SIZE: 17px; LEFT: 240px; FLOAT: left; PADDING-BOTTOM: 10px; 
   VERTICAL-ALIGN: top; WIDTH: 450px; COLOR: #000000; LINE-HEIGHT: 20px; 
   PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; 
   POSITION: absolute; TOP: 20px; HEIGHT: 72px */
span.subsection { color:#990000; 
                  display:block; 
                  top:200px;
                  left:20px;
                  width:200px;
                  position:absolute;
                  font-weight:normal;
                  font-size:17px;
                  font-style:normal; }
span.subsection a { color:#9D9282; 
                    display:block; 
                    font-size:17px;
                    line-height:20px;
                    font-weight:normal;
                    text-decoration:none; }

/* colour mods for departmental pages */
#deptMenu { border-top:#990000 1px solid;
            float:left;
            left:20px;
            width:200px;
            top:200px;
            background-color:#FFFFE8;
            position:absolute; }
#deptMenu a { display:block;
                padding-left:5px;
                color:#990000;
                padding-top:5px;
                border-bottom:#990000 1px solid; }
#deptMenu a:hover { color:#ffffff; 
                      background-color:#990000; }
span.currentsection { display:block;
                      padding-left:5px;
                      color:#000000;
                      background-color:#ffffff;
                      padding-top:5px;
                      border-bottom:#990000 1px solid; }

/* added similar to #deptMenu for submenus occurring in templates */

div.intext { border-top:#990000 1px solid;
             float:left;
             margin-top:14px;
             width:220px;
             margin-bottom:10px;
             background-color:#FFFFE8; }
div.intext a { display:block;
               padding-left:5px;
               color:#990000;
               padding-top:5px;
               border-bottom:#990000 1px solid; }
div.intext a:hover { color:#ffffff; 
                     background-color:#990000; }

#subSubMenu p a { display:inline; }

#textimgcol
{
position:relative;
float:left;
font-size: 1em;
color: #000000;
padding: 5px 5px;
margin-left: 1px;
}

#lefttxt
{
position:relative;
float:left;
width: 200px;
font-size: 1em;
border: none;
color: #000000;
margin-left: 1px;
display: inline;
}

#rightimg
{
position:relative;
float:left;
border:1px solid #990000;
display: inline;
width: 220px;
}

/* styles to handle forms in tables */
table.form { width:100%; }

th.form { vertical-align:top;
          text-align:left; 
          background-color: #ffffe8; }

td.form { vertical-align:top; 
          background-color: #ffffe8; }

th.ruled, td.ruled { vertical-align:top; 
                     text-align:left; 
                     background-color: #ffffe8;
                     border-bottom:#990000 1px solid; }

th.ruledright { vertical-align:top; 
                text-align:right; 
                background-color: #ffffe8;
                border-bottom:#990000 1px solid; }

th.continuable { vertical-align:top; 
                 background-color: #ffffe8; }

th.ruled small { display:block;
                  font-weight:normal; }

select.hour { text-align:right; }


/* PAGE SPECIFIC STYLES - INDIVIDUAL PAGES */

/* Virtual Campus Tour */

#navVirtualTour {
	height: 33px;
	width: 460px;
	border-bottom-color: #80735F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-top: -10px;
	margin-bottom: 5px;
}
#navVirtualTourTable {
	width: 460px;
}
.navVirtualTourLeftCell {
	width: 340px;
	vertical-align: top;
	padding-top: 5px;
	color: #80735F;
}
.navVirtualTourRightCell {
	color: #80735F;
	height: 30px;
	width: 120px;
	vertical-align: top;
}
#navVirtualTour a {
	float: right;
	color: #FFFFFF;
	background-color: #9D9282;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
	border: 1px solid #9D9282;
	text-align: center;
	display: block;
	margin-left: 10px;
}
#navVirtualTour a:hover {
	color: #80735F;
	background-color: #FFFFFF;
}
.nvtMap {
	width: 40px;
}
.nvtArrow {
	width: 20px;
	font-weight: bolder;
}

span.tagline { font-weight:normal; }

