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;
}

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, #navigation h3 a:hover, #navigation h3 a:active {
	text-decoration: none;
	color:#3366cc;
}

#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;
}

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

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


#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;
}  

/************=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:6px 0 4px 18px;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
line-height:2em;
}

#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 ul {
margin:0;
padding:0 0 0 20px;
list-style: none;
}
 
#content 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;
}

#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 ul li {
background:#fff url("../images/bullet.gif") no-repeat 0 9px;
padding:6px 0 4px 18px;
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;
}
 

/****** 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;
}


/*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;
}

/* 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;
}

.noDisplay {
display: none;
}