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, td {
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:16px Verdana, sans-serif;
text-align:left;
letter-spacing:1px;
height:20px;
}

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

h2.wide {
width:600px;
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 {
text-decoration:none;
}

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

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

#navigation ul li{
list-style-type:none;
margin:0 9px 0 6px;
padding:0px 0px 0px 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;
adding: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;
padding-left: 2px;
}

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

/*************** for secondary pages with only 2 columns ********************/

#contentWide {
position:relative;
top:0;
left:345px; 
width:640px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left: 2px;
}

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

#contentWide a:hover {
text-decoration:none;
color:#5067cF;
} 

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

#content ul li, #contentWide 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 ol, #contentWide ol {
margin:0px;
padding:0px;
}

#content ol li, #contentWide ol li {
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, #contentWide ul li.pdf, #contentWide 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, #contentWide ul li ul, #contentWide ul ul {
margin:0;
padding:0 0 0 20px;
list-style: none;
}

#content ul ul li, #content ul ul ol ul li, #contentWide ul ul li, #contentWide ul ul ol 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 ol ul li, #contentWide ol ul li {
padding:4px 0 0 16px;
margin: 0px;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
line-height:1.6em;
}

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

#content ul.lessSpace li, #contentWide 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, #contentWide p.lessSpace {
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
line-height:1.5em;
margin-top: 0;
margin-bottom:0;
}
 
#content ol, #contentWide ol {
margin:0;
padding:0 0 0 20px;
}
 
#content ol li, #contentWide ol li {
padding:6px 0 4px 0px;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}
 
#content ol li ol, #content ol ol, #contentWide ol li ol, #contentWide ol ol {
margin:0;
padding:0 0 0 35px;
line-height:2em;
}
 
#content ol ol li, #contentWide 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{
width:90px;
margin-top:3px;
font: italic 10px/11px Arial, Helvetica, sans-serif;
}

/*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.noLink {
display:block;
padding:0;
padding:2px 0 4px 10px;
color:#666;
text-decoration:none;
font:normal 11px Arial, Helvetica, sans-serif;
}

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

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

p.contact{width:200px;
margin:1em 0;
padding:0.2em 0 0.2em 1em;
border-left:1px solid #E6ECFF;
line-height:1.44;
}

p.contact#right{
float:right;
clear:both;
margin-top:0;
}

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

.search {
background-color:#FFEFBD;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:15px;
}

/***************** table styles ************************/

#content table, #contentWide table {
width: 100%;
border-top: solid 1px #000;
border-right: solid 1px #000;
border-bottom: none;
border-left: solid 1px #000;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 11px;
line-height: 14px;
}

th {
background-color: #DDD;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
text-align: center;
line-height: 14px;
border-bottom: solid 1px #000;
padding: 3px;
}

.first {
background-color: #fff;
border-right: solid 2px #000;
}

td {
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 14px;
border-bottom: solid 1px #000;
padding: 3px;
}

.tableLeftCol {
width: 20%;
background-color: #FFFF99;
vertical-align: top;
border-right: solid 2px #000;
}

.cellGrey {
border-left: solid 1px #000;
background-color: #ddd;
}

.cellGrey1 {
background-color: #ddd;
}

.cellWhite {
border-left: solid 1px #000;
}

td.line {
padding: 0;
}

.implement {
width: 80%;
}

.implement td {
text-align: center;
}

.faq {
color: #004793;
font-weight: bold;
}

#faq {
width: 90%;
text-align: center;
border-top: solid 1px #000;
border-left: solid 1px #000;
border-right: none;
border-bottom: none;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 11px;
line-height: 14px;
}

#faq tr th {
width: 25%;
background-color: #FFFFFF;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
text-align: center;
line-height: 14px;
border-right: solid 1px #000;
border-bottom: solid 1px #000;
padding: 3px;
}

#faq tr td {
border-right: solid 1px #000; 
}

#faq tr th.first, #faq tr td.first {
width: 25%;
background-color: #fff;
color: #004793;
font-weight: bold;
border-right: solid 1px #000;
}

#faq tr th.last {
width: 25%;
background-color: #fff;
color: #000000;
font-weight: bold;
border-right: none;
}

#faq tr td.last {
width: 25%;
background-color: #fff;
color: #000000;
font-weight: normal;
border-right: none;
}

#feedbackForm {
width: 500px;
}

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

.legend {
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
}
