* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:342E25;
 background-color:#F2F0EF;
}

img {
border: none;
}

a {
color: #5D87A1;
}
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

h1 {
color: #342E25;
font-family: Times New Roman, Times, serif;
font-size:18px;
padding-bottom: 5px;
padding-left: 20px;
background:url(../images/H1bullet.gif) left no-repeat;
}

.asofdate {
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: lighter;
}

h2 {
color: #003A63;
font-size:12px;
margin-bottom: 0px;
padding-left:15px;
background:url(../images/bullet.gif) left scroll no-repeat;
}

.indent {
margin-left: 25px;
padding-bottom: 5px;
}


h2.nobullet {
background: none;
padding-left: 0;
}

h3 {
font-family:"Times New Roman", Times, serif;
font-style: italic;
font-size: 14px;
color:#FFFFFF;
font-weight: normal;
}

h4 {
background-color: #f2f0ef;
font-size: 14px;
color:#58595B;
padding: 5px;
margin-bottom: 5px;
}

h5 {
border-bottom:#A1B6CE solid thin;
color: #003A63;
font-size:12px;
padding: 2px;
}

.header {
font-size: 14px;
}

.download {
background:url(../images/arrow.gif) left top no-repeat;
margin: 5px 0px 0px 15px;
}

.literature {
background:url(../images/arrow.gif) left top no-repeat;
margin: 5px 0px 0px 15px;
padding-bottom: 15px;
}

.bluebullet {
background:url(../images/bullet.gif) left top no-repeat;
margin: 5px 0px 0px 15px;
}

.linkorangify {
color: #BB650E;
text-align:right;
}
.orangify {
color: #BB650E;
}

.greenify {
color: #3D4D22;
}

.goldify {
color:#FBB041;
}

#container { 
 margin: 0 auto;
 width: 940px;
 background-color:#FFFFFF;
 padding: 0 10px;
}

#masthead {
 color: #333;
 width: 940px;
 float: left;
 height: 120px;
}

#masthead h3 a {
color:#FFFFFF;
}

#logo {
float: left;
} 

/* Upper Navigation */

#uppernav {
 float: left;
 height: 17px;
 width: 940px;
 background: #003A63;
 padding-top: 3px;
}

#uppernav ul {
margin: 0 0 0 180px;
vertical-align: middle;
}

#uppernav li {
list-style: none;
padding: 0 15px;
display:inline;
border-right: 1px solid #A59D94;
color:#FFFFFF;
}

#uppernav li.first {
border-left: 1px solid #A59D94;
}

#uppernav li a {
color:#FFFFFF;
font-weight: bold;
}

/* Left Navigation */

#left {
 width: 160px;
 float: left;
 background-color:#F2F0EF;
 border-bottom: 2px solid #FFFFFF;
 color:#58595B;
}

#left th, #left td {
vertical-align:middle;
padding-left:3px;
background-color:#F2F0EF;
text-align:left;
}

#left th {
background:url(../images/nav.gif) repeat-x;
color:#333333;
height: 20px;
}

#left td.name {
font-weight:bold;
height: 20px;
margin-top: 8px;
}

#left td.asofdate {
font-style:italic;
font-size:9px;
color: #333333;
border-bottom: 1px solid #A59D94;
padding-bottom: 2px;
}

#left td i {
font-style:italic;
font-weight: normal;
color:#333333;
}

#left td.navdata {
border-bottom: 1px solid #A59D94;
color: #003A63;
height: 20px;
}

#left .pipe {
color: #A59D94;
margin: 0 10px;
}

/* Upper Breadcrumbs */

#upperbreadcrumbs {
 float: right;
 width: 760px;
 height: 20px;
 color: #58595b;
 text-align: right;
}

#upperbreadcrumbs ul {
height: 20px;
margin: 4px 0 0 0px;
vertical-align: middle;
}

#upperbreadcrumbs li {
list-style: none;
margin: 0;
display: inline;
padding: 0 10px 0 10px;
border-right: 1px solid #A59D94;
font-size:10px;
}

#upperbreadcrumbs li a {
 color: #58595b;
 }

#upperbreadcrumbs li.last {
border: none;
padding-right: 0px;
}

/* Content */

#content { 
 float: right;
 width: 760px;
 background:url(../images/content_background.png) left bottom no-repeat;
 margin-bottom: 10px;
 }
 
 #content p {
 margin-bottom: 5px;
 }
 
 #contentsplitleft {
 float: left;
 width: 520px;
 }
 
 #contentsplitright {
 float: left;
 width: 220px;
 margin-left:20px;
 }

.right {
padding-top: 18px;
}

#contentsplitright a {
color: #003A63;
text-decoration: none;
}

#contentsplitright a:hover, #contentsplitright a:active {
color: BB6550E;
}
 
#index_ad {
width: 760px;
height: 150px;
background-image:url(../images/index_ad.jpg);
}

#index_ad p {
margin: 0;
padding: 0;
width: 250px;
position: relative;
left: 480px;
top: 25px;
color:#FFFFFF;
font-size: 13px;
line-height: 25px;
}
 
#indexpoints {
margin-top: 10px;
}

#indexpoints td.indexcontent {
border: 1px solid #A59D94;
width: 370px;
vertical-align: top;
}

#indexpoints td.threepercent {
width: 10px;
}

#indexpoints td.indexcontent p {
padding: 5px;
}

#content ul {
margin-left: 20px;
}

#content li {
list-style-image:url(../images/bullet.gif);
margin-top: 5px;
padding: 0 10px 5px 0;
}

#fundtable {
padding: 0 0 10px 0;
}

#fundtable td.noborder, #fundtable th.noborder {
border: none;
}

#fundtable th {
border-bottom:#003a63 solid thin;
color: #333;
font-size:12px;
padding: 5px;
}

.subhead {
color: #342E25;
font-weight: bold;
}

#fundtable td {
border-bottom: #A1B6CE solid thin;
padding: 5px;
}

/* Callout */
.callout {
  padding: 10px;
  display: inline;
  float: left;
  width: 350px;
}

/* 2 Columns */
#paraleft {
  padding: 10px 10px 0 0;
  float: left;
  width: 350px;
}

#pararight {
  padding: 10px 0 0 10px;
  float: right;
  width: 350px;
}

/* Table style */
#tablea {
 padding: 0 0 10px 0;
}

#tablea th {
	color: #1C3664;
	text-align:center;
	padding-right: 10px;
	border-bottom: #6799C8 solid 1px;
}

#tablea td {
padding: 5px 0 5px 10px;
text-align:center;
border-bottom: #e3e3e3 solid 1px;
}

#tablea th.noborder {
border: none;
}


/* Lower Breadcrumbs */

#lowerbreadcrumbs{ 
 color: #FFFFFF;
 clear: both;
 height:20px;
}

#lowerbreadcrumbs li {
list-style: none;
margin: 0;
display: inline;
padding: 0 10px;
border-right: 1px solid #FFFFFF;
font-size:10px;
}

#lowerbreadcrumbs li a {
color:#FFFFFF;
}

#lowerbreadcrumbs li.last {
border: none;
padding-right: 0;
}

#footer { 
 margin-top: 5px;
 clear: both;
 color:342E25;
 font-size: 11px;
 font-style: italic;
}

/* Footer */

#footer p {
padding: 0 0 5px 0;
}

/* Accordion Menu */

.urbangreymenu{
width: 160px; /*width of menu*/
margin-top: 2px;
}

.urbangreymenu .headerbar{
font: 11px Helvetica;
color: #003A63;
font-weight:bold;
background: #E9E9E9; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 3px 0 3px 3px; /*5px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: #003A63;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 11px Helvetica;
color: black;
background: #E9E9E9;
background-image:url(../images/arrow.png);
background-position:center right;
background-repeat: no-repeat;
display: block;
padding: 2px 0;
line-height: 14px;
padding-left: 3px; /*link text is indented 15px*/
text-decoration: none;
}

.urbangreymenu ul li a.grandchild {
padding-left: 15px; 
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: black;
background-color: white;
}