body {
	margin:0; 
	padding:0;
	background:#fff url(../images/blueTop.jpg) top repeat-x;
}

body#feedback {
	margin:0; 
	padding: 0;
	background-color: #fff;
	background-image: none;
}

body#feedback h1 {
	position:relative;
	top:0;
	left:0;
	width:600px;
	margin:0;
	padding:0;
	height:89px;
	background: #fff url(../images/feedbacktop.gif) left top no-repeat;
	background-image: url(../images/feedbacktop.gif);
}

body#feedback h1 span {
	display:none;
}

body#norightcolumn #content, body#norightcolumn_dir #content{
	width:550px;
}

img {
	border:0;
}

p.access {
	display:none;
}

p {
	font-size:11px;
	line-height:2em;
}

#ucophead {
	margin:0;
	padding:0;  
	text-align:left;
}

strong {
	color:#333;
}

h1, h2, h3, h4,h5, h6 {
	font-weight:normal;
}

/***** top section ******/

h1{
	position:relative;
	top:0;left:53px;
	margin-top:14px;
	padding:0;  
	width:927px;
	color:#fff;
	font:normal 16px Verdana, sans-serif;
	text-align:left;
	letter-spacing:1px;
}


h1 a:link, h1 a:visited, h1 a:hover  {
	text-decoration:none;
	color:#fff;
	margin:0;
	padding:0;
	border:0;
}

h2 {
	width:400px;
	height:14px;
	margin:16px 0 0 0;
	padding: 12px 0 4px 0;
	color:#112d54;
	font:normal 14px Verdana, sans-serif;
	text-align:left;
}


h3 {
	margin:6px 0 0 0;
	padding: 12px 0 4px 0;  
	color:#630;
	font:normal 12px Verdana, sans-serif;
	text-align:left;
	letter-spacing:1px;
}

h4 {
	margin:0;
	padding: 12px 0 4px 0;  
	color:#CC9966;
	font:normal 11px Verdana, sans-serif;
	text-align:left;
}

#depthpath {
	margin:0 0 0 345px;
	padding:8px 0 0 0;
	color: #999;
	width:637px;
	font:normal 10px Arial, Helvetica, sans-serif;
}
	
#depthpath a:link, #depthpath a:visited {
	color:#666;
	text-decoration:none;
}

#depthpath a:hover {
	color:#333;
	text-decoration:none;
	border-bottom:1px dotted #666;
}


/************  mid section ****************/

/*****************=navigation***********/
#navigation {
	position:absolute;
	top:122px;
	left:55px;
	width:258px;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	background: transparent url(../images/bgdnav.gif) repeat-y;
	border:0;
}


#navigation_bottom {
	width:257px;
	height:8px;
	margin:0;
	padding:0;
	border:0;
	background:transparent url(../images/bgdnav_marginB.gif) no-repeat bottom left;
}


#navigation h3 {
	margin:14px 0 0 8px;
	padding:2px 0 0 18px;
	font-size: 10px;
	text-transform:uppercase;
	color:#333;
	background:transparent url(../images/arrow_nav.gif) no-repeat 3px 0;
}

#navigation h3 a:link, #navigation h3 a:visited {
	text-decoration: none;
	color:#333;
}

#navigation h3 a:hover, #navigation h3 a:active {
	text-decoration: none;
	color:#333;
	border-bottom:2px solid #fff;
}

#navigation ul{
	margin:0 0 0 2px;
	padding:0;
}

#navigation ul li{
	list-style-type:none;
	margin:0 9px 0 6px;
	padding:0 0 0 15px;
	border:0;
	border:1px solid #E6ECFF;
}

#navigation ul li a {
	display:block;
	padding:2px 0 0 4px;
	color:#336;
	text-decoration:none;
	text-transform:none;
	border-top:1px solid #e6ECFF;
	border-right:0;
	border-bottom:2px solid #e6ECFF;
	border-left:0;
	font: normal 11px Arial, Helvetica, sans-serif;
}

#navigation ul li a:hover,  #navigation ul li ul li a:hover {
	border-top:1px solid #e6ECFF;
	border-right:0;
	border-bottom:2px solid #fff;
	border-left:0;
}


#navigation ul li a:link#this, #navigation ul li a:visited#this, #navigation ul li ul li a:link#this, #navigation ul li ul li a:visited#this {
	border-top:1px solid #e6ECFF;
	border-right:0;
	border-bottom:2px solid #fff;
	border-left:0; 
}


#navigation ul li ul {
	margin:0 4px 0 2px;
	padding:0;
}

#navigation ul li ul li{
	list-style-type:none;
	margin:0;
	padding:0 0 0 5px;
	background:transparent url(../images/arrow.gif) no-repeat 0 7px;
}

#navigation ul li ul li a {
	color:#669;
}

#navigation ul li ul li ul li a {
	color:#99c;
}


/************=third nav level****************/

#navigation ul li ul li ul {
	margin:0 6px 0 0;
padding:0;
}

#navigation ul li ul li ul li{
	list-style-type:none;
	margin:0 0 0 4px;
	padding:0 0 0 4px;
	background:transparent url(../images/dash.gif) no-repeat 0 7px;
}


/**************special/image adds*****************/

#navigation ul li a:link.special, #navigation ul li a:visited.special {
	padding-top:8px;
	display:block;
	margin-left:20px;
	margin-bottom:6px;
	text-decoration: none;
	background:transparent;
	border:0;
}

#navigation ul li a:hover.special {
	background: transparent;
	border:0;
}

#noNavContent {
	width: 550px;
}

#noNavDepthpath {
	margin:0 0 0 345px;
	padding:8px 0 0 0;
	color: #999;
	width:637px;
	font:normal 10px Arial, Helvetica, sans-serif;
}
	
#noNavDepthpath a:link, #noNavDepthpath a:visited {
	color:#666;
	text-decoration:none;
}

#noNavDepthpath a:hover {
	color:#333;
	text-decoration:none;
	border-bottom:1px dotted #666;
}

/***** main content *********/

#content {
	position:relative;
	top:0;
	left:345px; 
	width:420px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 3px 0;
	padding: 0;
}

#content a:link, #content a:visited {
	color:#33c;
	text-decoration:none;
 }
 
#content a:hover {
	text-decoration:none;
	color:#5067cF;
} 

#content a:link.pdf{
	text-decoration:none;
	padding-left:16px;
	background:transparent url(../images/pdf_iconN.gif) no-repeat 0 0;
}

#title {
	margin-top:0;
	font-size:11px;
	font-style:italic;
	color:#666;
}  

.notice {
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	padding: 15px 0 15px 0;
}

/************=ul =ol lists*****************/ 
#content ul {
	margin:0;
	padding:0;
	list-style: none;
}
 
#content ul li {
	background: #fff url("../images/bullet.gif") no-repeat 0 7px;
	padding: 0 0 4px 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 2em;
}


#content ul li a:link, #content ul li a:visited, #content ul li a:hover, #content ul li a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#content ul li.pdf, #content ul ul li.pdf{
	padding-left:20px;
	background:transparent url(../images/pdf_iconN.gif) no-repeat 0 7px;
}
 
#content ul li ul, #content ul li ul {
	margin:0;
	padding:0 0 0 20px;
	list-style: none;
}
 
#content ul li ul li {
	background:#fff url("../images/square.gif") no-repeat 0 5px;
	padding:4px 0 0 16px;
	margin: 0px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
}

#content ul.lessSpace li {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:.5em;
	margin-top: 0;
	margin-bottom:0;
	vertical-align:middle;
}

#content p.lessSpace {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	margin-top: 0;
	margin-bottom:5px;
}
 
#content ol {
	margin:0;
	padding:0 0 0 30px;
}
 
#content ol li {
	padding:6px 0 4px 0px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 2em;
}

 
#content ol li ol, #content ol ol {
	margin:0;
	padding:0 0 0 35px;
	line-height:2em;
}
 
#content ol ol li {
	padding:4px 0 0 0;
	margin: 0px;
	background:none;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}

/* new stuff - 5/12/09  */

#content ol li ul li, #content ol ul li {
	background:#fff url("../images/bullet.gif") no-repeat 0 5px;
	margin: 0;
	padding: 4px 0 0 15px;
}

#content ol li ul li ul li, #content ol ul ul li {
	background:#fff url("../images/square.gif") no-repeat 0 5px;
	margin: 0;
	padding: 4px 0 0 15px;
}

#content ol li ul li ul li ul li, #content ol ul ul ul li {
	background:#fff url("../images/square.gif") no-repeat 0 5px;
	margin: 0;
	padding: 4px 0 0 15px;
}

/****** additional rules ******************/
#photoinfo {
	float:left;
	width:100px;
	margin:16px 18px 0 0;
}

#photoinfo img {
	margin-bottom:2px; 
	padding:3px;
	border:1px solid #ccc;
}

#caption {
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	line-height:11px;
	margin-top:3px;
	width:105px;
}

#photoinfo2 {
	float:left;
	width:200px;
	margin:23px 14px 10px 0px;
}

#photoinfo2 img {
	margin-bottom:2px; 
	padding:3px;
	border:1px solid #ccc;
}

/*right column*/

#news {
	position:absolute;
	top:170px;
	left:800px;
	width: 180px;
	background: transparent url(../images/bgdnav_marginL.gif) repeat-y top left;
}
  
#news h3 {
	margin:0 0 0 15px;
	padding: 0 0 0 14px;
	color:#5d93ab;
	text-transform:uppercase;
	letter-spacing:1px;
	font: normal 10px/14px Arial, Helvetica, sans-serif;
	background:#fff url(../images/dot_news.gif)  no-repeat left center;
}

#news ul {
	margin:4px 0 0 10px;
	padding:0 0 8px 0;
}

#news ul li {
	list-style-type:none;
	padding:0 0 2px 6px; 
	margin-left:4px;
	line-height:1.2em;
	border:1px solid #fff;
}

#news ul li a:link, #news ul li a:visited {
	display:block;
	padding:0;
	padding:2px 0 2px 4px;
	color:#666;
	text-decoration:none;
	font:normal 11px Arial, Helvetica, sans-serif;
}

#news ul li a:hover {
	color:#333;
}

#news ul li.pdf{
	padding-left:13px;
	background:transparent url(../images/pdf_iconN.gif) no-repeat 0 4px;
}

#news ul li.blank{
	padding-left:13px;
}

#news ul li.xls{
	padding-left:14px;
	background:transparent url(../images/xls_icon.gif) no-repeat 0 4px;
}

#news ul li.ppt{
	padding-left:14px;
	background:transparent url(../images/ppt_icon.gif) no-repeat 0 4px;
}

/**********feedback form***************/
#formbody {
	width:600px; 
    margin:10px;
	color: #4B7699;
	font: normal 11px Verdana Arial, Helvetica, sans-serif;
}
	
#formbody form fieldset {
	margin-top:16px;
	margin-right:16px;
	border:1px solid #4B7699;
}

#formbody form legend {
	padding: 0 2px;
	text-transform:uppercase;
}

#formbody form fieldset ul li label {
	width: 120px;
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
}

#formbody form fieldset ul {
	margin: 0;
	padding: 0;
}

#formbody form fieldset ul li {
	list-style: none;
	padding: 5px;
	margin: 0;
}

#formbody form fieldset ul li label {
	width: 120px;  /* Width of labels */
}

#formbody form fieldset ul li.submit {
	padding-top:16px;
	padding-left:123px;
}

#formbody form fieldset ul li span#intro {
	font-size:12px; color:#666; margin:4px 0;
}

/***footer***********/
	
#footer{
	margin:150px 0 0 0;
	padding:12px 0;
	color:#999;
	font: normal 10px Arial, Helvetica, sans-serif;
	background:#fff;
	line-height: 1.44;
	border-top: 1px dotted #ccc;
	}

#footer a {
	margin-top:4px;
	margin-bottom:0;
	padding:12px 0 0;
	color:#36c;
	text-decoration:none;
	text-transform:none;
	font: normal 10px Arial, Helvetica, sans-serif;
	
}

#footer img.none {
	margin-top:4px;
}

#contact p {
	position:absolute;
	top: 415px;
	left: 55px;
	width: 257px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .6em;
	margin:1em 0;
	padding:0.2em 0 0.2em 1.5em;
	/*border-left:1px solid #E6ECFF; */
	line-height: 1.4em;
}


/* *********noNavContent css**********************  */


#noNavContent {
	position:relative;
	top:0;
	left:80px; 
	width:670px;
	font-family: Verdana, Arial, Helvetica, sans-serif
}


#noNavContent a:link, #content a:visited {
	color:#33c;
	text-decoration:none;
}
 
#noNavContent a:hover {
	text-decoration:none;
	color:#5067cF;
} 

#noNavContent a:link.pdf{
	text-decoration:none;
	padding-left:16px;
	background:transparent url(../images/pdf_iconN.gif) no-repeat 0 0;
}

#title {
	margin-top:0;
	font-size:11px;
	font-style:italic;
	color:#666;
}  

/************=ul =ol lists*****************/ 
#noNavContent ul {
	margin:0;
	padding:0;
	list-style: none;
}
 
#noNavContent ul li {
	background:#fff url("../images/bullet.gif") no-repeat 0 7px;
	padding:6px 0 4px 18px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:2em;
}

#noNavContent ul li.pdf, #noNavContent ul ul li.pdf{
	padding-left:20px;
	background:transparent url(../images/pdf_iconN.gif) no-repeat 0 7px;
}
 
#noNavContent ul li ul, #noNavContent ul ul {
	margin:0;
	padding:0 0 0 20px;
	list-style: none;
}
 
#noNavContent ul ul li {
	background:#fff url("../images/square.gif") no-repeat 0 5px;
	padding:4px 0 0 16px;
	margin: 0px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
}

#noNavContent ul.lessSpace li {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:.5em;
	margin-top: 0;
	margin-bottom:0;
	vertical-align:middle;
}

#noNavContent p.lessSpace {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	margin-top: 0;
	margin-bottom:0;
}
 
#noNavContent ol {
	margin:0;
	padding:0 0 0 20px;
}
 
#noNavContent ol li {
	padding:6px 0 4px 0px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}
 
#noNavContent ol li ol, #noNavContent ol ol {
	margin:0;
	padding:0 0 0 35px;
	line-height:2em;
}
 
#noNavContent ol ol li {
	padding:4px 0 0 0;
	margin: 0px;
	background:none;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}

#one, #two, #three, #four, #five, #six, #seven {
	width: 50%;
	float: left;
}



#videoBox {
	margin: 0;
	padding: 0;
	text-align: center;
}

#videoBox p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.3em;
	font-weight: bold;
	text-align: center;
	color: #004E86;
	margin: 0;
	padding: 0 0 5px 0;
}

#videoBox p a:link, #videoBox p a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1em;
	font-weight: normal;
	text-align: left;
	font-style: italic;
	color: #004E86;
	margin: 0;
	padding: 0;
}


/* try floating staff boxes?  Requires the next two classes ...

<div class="contact_info"><p class="boldBlue">John Doe</p>
<p>Associate Vice President &amp; Director<br />
<script language="JavaScript" type="text/javascript">protectAddress('E-mail John Doe','john.doe','ucop.edu');</script>
<noscript>
John [dot] Doe [at] ucop [dot] edu
</noscript>
</div>
*/


.contact_info { 
	float:left;
	height:110px;
	width:260px;
	padding-right: 15px;
}

.contact_info p { 
	font-size:11px;
	line-height:1.8em;
}


.boldBlue {
	color:#336699;
	font-size:10px;
	font-weight:600;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
}

#profileWrapper {
	width: 100%;
	height: auto;
	float: left;
}

.profile {
	width: 50%;
	height: 75px;
	float: left;
}

.profile p {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
}

form {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: normal;
}

/* IP Coords styles   */

#heading p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	float: left;
	margin: 0;
	padding: 0;
	border-bottom: solid 2px #333;
}

#heading #left p {
	width: 50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	margin: 0;
	padding: 0;
}

#heading #right p {
	width: 50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	margin: 0;
	padding: 0;
}

.campus {
	width: 550px;
	float: left;
	border-bottom: solid 2px #333;
	margin: 0;
	padding: 10px 0;
}

.campus p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.one {
	width: 270px;
	float: left;
	margin: 0;
	padding: 5px;
}

.two {
	width: 270px;
	float: left;
	margin: 0;
	padding: 5px 0;
}

.three {
	width: 270px;
	float: left;
	margin: 0;
	padding: 5px;
}

.four {
	width: 270px;
	float: left;
	margin: 0;
	padding: 5px 0;
}

#leftChart, #rightChart {
	width: 260px;
	margin: 0;
	padding: 0;
	float: left;
}

#leftCampus, #rightCampus {
	width: 260px;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}

#leftCampus a:link, #leftCampus a:visited {
	width: 260px;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	float: left;
	margin: 0;
	padding: 0;
	color: #33c;
	text-decoration: none;
}

#rightCampus a:link, #rightCampus a:visited {
	width: 260px;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	float: left;
	margin: 0;
	padding: 0;
	color: #33c;
	text-decoration: none;
}

#left a:hover, #left a:active, #leftCampus a:hover, #leftCampus a:active {
	width: 260px;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	float: left;
	margin: 0;
	padding: 0;
	color: #5067cF;
}

#right a:hover, #right a:active, #rightCampus a:hover, #rightCampus a:active {
	width: 260px;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	float: left;
	margin: 0;
	padding: 0;
	color: #5067cF;
}

#abbrTable {
	width: 575px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	border: solid 1px #333333;
}

#abbrTable tr th, #abbrTable tr td {
	border: solid 1px #333333;
}

/*************** added by RHT 05/14/09 for IR site  *****************/
table#contact {
	width: 450px;
	border: solid 1px #333;
}

th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	background-color: #D2D2D2;
	margin: 0;
	padding: 3px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	margin: 0;
	padding: 3px;
}

.borderTop {
	border-top: solid 2px #000;
	margin: 0;
	padding: 0;
}

.shade {
	background-color:#E8E8E8; /*#E0E0E0;*/
}

#contact p a:link, #contact p a:visited {
	text-decoration: none;
}

#contact p a:hover, #contact p a:active {
	text-decoration: underline;
}

/******************** end of additions by RHT 05/14/09 for IR site ***************/

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