body {
	background-image: url("http://www.thearda.com/psare/images/background_top.jpg");
    background-repeat: repeat-x;
	margin: 0px 0px; 
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000;
	font-size: 12px;
}

.clear {clear: both;}

h3 {color: #369;}
h3. a {color: #369; text-decoration: none;}
h3. a:visited {color: #369; text-decoration: none;}
h3. a:hover {color: #369; text-decoration: none;}

.sitetitle {position: absolute; margin: 20px 0px 0px 20px; font-family: century gothic, arial, verdana, helvetica; font-size: 20px; color: #FFF; text-transform: uppercase;}
.sitetitle a {font-family: century gothic, arial, verdana, helvetica; font-size: 20px; color: #FFF; text-transform: uppercase; text-decoration: none;}
.sitetitle a:visited {font-family: century gothic, arial, verdana, helvetica; font-size: 20px; color: #FFF; text-transform: uppercase; text-decoration: none;}
.sitetitle a:hover {font-family: century gothic, arial, verdana, helvetica; font-size: 20px; color: #FFF; text-transform: uppercase; text-decoration: none;}
.ardatag {position: absolute; margin: 73px 0px 0px 475px; font-family: arial, verdana, helvetica; font-size: 12px; color: #999;}
.ardatag a {font-family: arial, verdana, helvetica; font-size: 12px; color: #fff; text-decoration: none;}

.headernav {position: absolute; margin: 73px 0px 0px 20px; font-family: arial, verdana, helvetica; font-size: 12px; color: #999;}
.headernav a {font-family: arial, verdana, helvetica; font-size: 12px; color: #999; text-decoration: none;}
.headernav a:visited {color: #999; text-decoration: none;}
.headernav a:hover {color: #FFF; text-decoration: none;}

.topnav {width: 780px; text-align: right;}
.topnav a {padding: 0px 10px 0px 10px; font-family: arial, verdana, helvetica; font-size: 14px; color: #000; text-transform: uppercase; text-decoration: none;}
.topnav a:visited {color: #000; text-decoration: none;}
.topnav a:hover {color: #900; text-decoration: none;}

.sitedesc {width: 700px; margin: 20px 0px 0px 40px; color: #900; font-size: 12px; text-align: center;}

.mainpic {position: absolute; margin: 7px 0px 0px 10px;}

.frontpage_story {margin: 0px 0px 20px 0px;}
.frontpage_story_title {color: #369; margin: 0px 0px 0px 0px; font-size: 16px;}
.frontpage_story_desc {color: #000;}
.frontpage_story_desc a {color: #900; font-size: 10px; text-transform: uppercase; font-weight: bold; text-decoration: none;}
.frontpage_story_desc a:visited {color: #900; font-size: 10px; text-transform: uppercase; font-weight: bold; text-decoration: none;}
.frontpage_story_desc a:hover {color: #900; font-size: 10px; text-transform: uppercase; font-weight: bold; text-decoration: underline;}

.pagetitle {margin: 20px 0px 0px 0px; font-size: 20px; text-transform: uppercase; color: #004500; font-family: century gothic, arial, verdana, helvetica;}
.pagetitle_frontpage {margin: 0px 0px 0px 0px; font-size: 20px; text-transform: uppercase; color: #004500; font-family: century gothic, arial, verdana, helvetica;}

.content_container {margin: 10px 0px 40px 0px;}
.content_container a {color: #900; text-decoration: none;}
.content_container a:visited {color: #900; text-decoration: none;}
.content_container a:hover {color: #900; text-decoration: underline;}

.content_container_1col {margin: 10px 0px 40px 0px;}
.content_container_1col a {color: #900; text-decoration: none;}
.content_container_1col a:visited {color: #900; text-decoration: none;}
.content_container_1col a:hover {color: #900; text-decoration: underline;}

.callout {margin: 0px 0px 20px 0px;}
.callout_title {position: absolute; margin: 1px 0px 0px 10px; font-size: 10px; font-family: arial, verdana, helvetica; color: #FFF; text-transform: uppercase; font-weight: bold;}
.callout_content {width: 280px; margin: 0px 0px 0px 10px; font-size: 11px; color: #666;}
.callout_content a {color: #900; text-decoration: none;}
.callout_content a:visited {color: #900; text-decoration: none;}
.callout_content a:hover {color: #004500; text-decoration: none;}


.footer {margin: 0px 0px 50px 0px;}
.footernav {position: absolute; margin: 10px 0px 0px 880px; font-size: 10px; color: #999;}
.footernav a {color: #999; text-decoration: none;}
.footernav a:visited {color: #999; text-decoration: none;}
.footernav a:hover {color: #FFF; text-decoration: none;}
.copyright {position: absolute; margin: 10px 0px 0px 20px; font-size: 10px; color: #999;}

.report_question {background-color: #004500; color: #FFF; font-weight: bold; font-size: 14px; text-align: center; width: 1000px; padding: 20px; margin: 10px 0px 20px 0px;}

#navcontainer {margin: 0px 0px 20px 0px;}

#navlist
{
padding: 3px 0;
margin: 20px 0px 0px 0px;
border-bottom: 1px solid #999;
font: bold 12px Verdana, sans-serif;
text-transform: uppercase;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #999;
border-bottom: none;
background: #369;
text-decoration: none;
text-transform: uppercase;
}

#navlist li a:link { color: #FFF; }
#navlist li a:visited { color: #369; }

#navlist li a:hover
{
color: #FFF;
background: #000;
border-color: #999;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
color: #369;
}

/* standard list */
dl.list { margin: 0; padding: 0; }
dl.list dt { color: #036; padding: 0; margin: 0px 0px 10px 0px;}
#codebook dl.list dt { color: #000; font: normal 1em verdana, sans-serif; margin: 0 0 .4em 0; }
dl.list dt a { color: #369; text-decoration: none; }
dl.list dt a:hover { border-bottom: solid 1px #036; color: #036; }
dl.list dd { font-size: 1em; margin: 0; padding: 0; }
dl.list dd.summary { margin: 0 0 1em 0; }
dl.list dd.summary p { margin: 0 0 .5em 0; }
dl.list dd.link { border-bottom: dashed 1px #ccc; margin: 0 0 .75em 0; padding: 0 0 1em 0; }
dt.list {font-size: 11px; color: #000; }

/* customized lists */
#surveyDetails dl.list dd.summary { margin: 0 0 1em 0; }
#surveyResults dl.list dd.link { border: 0; margin: 0 0 1em 0; padding: 0; }
dl.list dd.instructions { background: url(/img/quoteLeft.gif) no-repeat top left; border: solid 1px #ccc; border-left-color: #eee; border-top-color: #eee; color: #333; font-size: .9em; font-weight: bold; margin: 1em 0; }
dl.list dd.instructions p { background: url(/img/quoteRight.gif) no-repeat bottom right; margin: 0; padding: .4em 2.4em .4em 2.4em; }

/* table formatting */
table.data { font-size: .9em; margin: 0 0 1em 0; }
#maps table.data { width: 370px; }
table.data a { text-decoration: none; }
table.data a:hover { text-decoration: underline; }
table.data th { background: #eee; border-bottom: solid 1px #ccc; padding: 4px 4px 4px 4px; text-align: left; }
table.data td { border-bottom: solid 1px #ccc; padding: 4px 20px 4px 4px; }
table.data tr.totals td { border-bottom: none; border-top: solid 1px #ccc; }
table.data dt {color: #000;}


ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul li{
  float: left;
  padding: 0px 0px 0px 0px;
  display: block;
  margin-right: 5px;
}

ul li a {
  display: block;
  overflow: hidden;
  height: 235px;
  width: 43px;
}

ul li a:visited {
  display: block;
  overflow: hidden;
  height: 235px;
  width: 35px;
}

#a1{
  width: 500px;
}

ul li img{
  position: absolute;
}

ul li p{
  margin: 0px;
  padding: 0px;
  width: 440px;
  display: block;
  margin-left: 55px;
}
