@charset "utf-8";
/* CSS Document */

/* STYLES FOR THE SURVEYS HOME PAGE */

/*CONTENT WRAPPER STYLES*/

body {
background: #d7d8ed;
margin: 0;
padding: 0;
border: 0;
}

div#wrap {
width:760px;
text-align: center;
margin: 0 auto;
padding: 0;
border: 0;
border-left: #081b5e 1px solid;
border-right: #081b5e 1px solid;
border-bottom: #081b5e 1px solid;
background: #ffffff;
}

/* Wrapper for pages with ads */
div.adWrap {
float: left;
}

div#header {
width:760px;
height:100px;
margin: 0;
padding: 0;
border:0;
background: url(../images/homepage/header.gif) 0 0 no-repeat;
}



/*MAIN NAVIGATION MENU*/

.tab {
height: 20px;
float: left;
padding: 0px 28px 0 15px;
margin: 0;
border: 0;
display:inline;
vertical-align: bottom;
text-align: center;
position: relative; 
left: 0px;
top: 80px;
*top: 78px; 
}/* Hack to align menu items in IE 6 & 7 */

.tab a:link { 
color:#ffffff;
text-decoration: none; 
font: bold 13px Arial, Helvetica, sans-serif;
}

.tab a:visited { 
color:#ffffff;
text-decoration: none; 
font: bold 13px Arial, Helvetica, sans-serif;
}

.tab a:hover { 
color:#ffffff;
} 

/* LAYOUT STYLES */

div#main {
margin: 0;
padding: 0;
border: 0;
text-align: left;
background: transparent url("../images/survey/surveys_bg.jpg") no-repeat top right;
}

div#top {
padding: 0;
margin: 0;
border: 0;
/*width: 565px;*/
height: 55px;
}

div#leftCol {
width: 195px;
float: left;
margin: 15px 0 0 0;
padding: 0 0 0 7px;
border: 0;
display: inline;
}

div#midCol {
/*width: 545px;*/
margin: 0 0 0 195px;
padding: 0;
border: 0;
}

/* Container for breadcrumbs, searchbox etc. */

div#search {
border: 0;
margin: 0;
padding: 20px 20px 0 0;
width: 190px;
height: 40px;
float: right;
text-align: right;
}

div#searchField {
border: 0;
margin: 0;
padding: 0;
display:inline;
vertical-align: bottom;
}

div#searchBut
{
border: 0;
margin: 0;
padding: 0px 0px 0px 2px;
display:inline;
vertical-align: bottom;
position: relative;
top: 3px;
left: 0px;
}

div#footer {
clear: both;
text-align: center;
margin: 0 0 0 0;
padding: 0 0 1em 1em;
color: #74797f;
font: normal 0.6em Arial, Helvetica, sans-serif;
border-top: 1px #d7d8ed solid;
}

 
.floatLeft {
 float: left;
 margin: 0 5px 0 0;
 padding: 0;
 }




/* Wide Surveys box */
div.surveyBoxWWrap {
margin: 0 0 2px 0;
padding: 0;
width: 543px;
background: transparent url("../images/survey/block_big_top.gif") no-repeat top left;
}

div.surveyBoxWText {
margin: 0;
padding: 0 12px 0 10px;
background: transparent url("../images/survey/block_big_mid.gif") repeat-y;
}

div.surveyBoxWBottom {
background: url("../images/survey/block_big_bot.gif") no-repeat 0 0;
width: 543px;
height: 23px;
padding: 0;
margin: 0;
}


/* Narrow Surveys box */
div.lineBoxWrap {
margin: 0 0 2px 0;
padding: 0;
width: 264px;
background: transparent url("../images/survey/block_sml_top.gif") no-repeat top left;
}

div.lineBoxText {
margin: 0;
padding: 0 12px 0 10px;
min-height: 205px;
background: transparent url("../images/survey/block_sml_mid.gif") repeat-y;
}

div.lineBoxBottom {
background: url("../images/survey/block_sml_bot.gif") no-repeat 0 0;
width: 264px;
height: 23px;
padding: 0;
margin: 0;
}

div.boxesWrap {
margin: 0 0 2px 0;
padding: 0;
width: 543px;
}


/* Float survey box to the right */
div.boxRight {
width: 264px;
float: right;
/*padding: 0 22px 0 0;*/
margin: 0;
}

/* Float survey box to the left */
div.boxLeft {
width: 264px;
float: left;
margin: 0;
padding: 0;
}

img.floatRight {
 float: right;
 margin: 0 0 0 5px;
 padding: 0;
 }
 

/* HTML tag styles & formatting styles*/

h1 {
	color : #2A377E;
	font-size : 18pt;
	font-weight : bold;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	text-align : center
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight: bold;
margin: 0;
padding: 0;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
font-weight: bold;
margin: 0;
padding: 0;
}

h2.surveyBox{
color: #81725e;
padding: 0.4em 0 0.3em 0.4em;
margin: 0;
}

h2.red_heading {
color: #b71d3d;
text-transform: uppercase;
font-size: 0.8em;
font-weight: bold;
padding: 0 0 0.4em 0;
margin: 0;
}

h3.surveyBox{
color: #81725e;
padding: 0.2em 0 0.5em 0;
margin: 0;
}

h2.H2brown {
color: #81725e;
font: bold 1.5em arial,sans-serif;
padding: 0;
margin: 0.3em 0 0.3em 0;
}

h3.H3brown {
color: #81725e;
font: bold 1.2em arial,sans-serif;
padding: 0;
margin: 0.3em 0 0.3em 0;
}


p {	
margin:0;
padding: 0 0 1em 0;
font-size:0.8em;
font-family: Arial, Helvetica, sans-serif;
color:#333333;
}

p.lessSpace {
margin: 0;
padding: 0 0 0.5em 0;
border: 0;
}

p.moreSpace {
margin: 0;
padding: 0 0 1.2em 0;
border: 0;
}

p.noSpace {
margin: 0;
padding: 0;
border: 0;
}

p.padTop {
margin: 0.5em 0 0 0;
padding: 0;
border: 0;
}

p.inlineText {
display: inline;
}

.fontSmaller {
font-size:0.8em;
}

.fontLarger {
font-size:1.1em;
}

/* Styles used on core & other surveys pages */
td.lineAbove {
color: #81725e;
border-top: #c9b190 solid 1px;
padding: 0.3em 1.3em 0.3em 0.5em;
}

tr.surveyHeadBg{
background-color: #f1f1fd;
}

.atLeftMargin{
display: inline;
position: relative;
left: -23px;
padding: 0;
margin: 0;
}

.atRightMargin{
display: inline;
position: relative;
right: -53px;
padding: 0;
margin: 0;
}


table.volLeft{
width: 650px;
border: 0;
margin: 0;
padding: 0;
}

table.volRight{
width: 690px;
border: 0;
margin: 0;
padding: 0;
}

.volLeft .volRight tr td{
border: 0;
margin: 0;
padding: 0;
}


img {
border: none;
}

/* Link syles */

a:link {
text-decoration: underline; 
color: #1b92ba;
/*font-weight: normal;*/
font-family: Arial, Helvetica, sans-serif;
}

a:visited {
text-decoration: underline; 
color: #99338e;
/*font-weight: normal;*/
font-family: Arial, Helvetica, sans-serif;
}

a:hover {
color: #002072;
/*font-weight: normal;*/
font-family: Arial, Helvetica, sans-serif;
}



/** Styles for standard bulleted list **/
ul.bullet_list {
list-style: none;
font: normal 0.8em Arial, Helvetica, sans-serif;
}

ul.bullet_list li {
padding: 0 0 0.1em 0;
}

ul.bullet_list li a:link {

}

ul.bullet_list li a:visited{
color: #99338e;
}

ul.bullet_list li a:hover {
font-weight: bold;
color: #1b92ba;
}


/** Bulleted list with blue arrows **/
ul.blueLeft {
margin: 0 0 10px 14px;;
padding: 0;
}


ul.blueLeft li {
margin: 0 0 0.2em 0;
padding: 0;
text-indent: -1em; /* Moves the first line of the list item 1em to the left to line up with second line, which otherwise wraps below bullet */
}

ul.blueLeft li a:link {
background-image:url(../images/homepage/grey_arrow.gif);
background-repeat: no-repeat;
background-position: 0 0.2em;
padding: 0 0 0 1em;
}

ul.blueLeft li a:visited{
background-image:url(../images/homepage/grey_arrow.gif);
background-repeat: no-repeat;
background-position: 0 0.2em;
padding: 0 0 0 1em;
}

ul.blueLeft li a:hover {
background-image:url(../images/homepage/blue_arrow.gif);
background-repeat: no-repeat;
background-position: 0 0.2em;
padding: 0 0 0 1em;
}

/** BirdTrack bulleted list **/
ul.btBullet {
background-image:url(../images/survey/birdtrack_bullet.jpg);
background-repeat: no-repeat;
background-position: 0 0;
margin: 0 0 0.5em 0;
padding: 0;
}

ul.btBullet li {
margin: 0 0 0 28px;
padding: 0;
}


/** Report a ringed bird bulleted list **/
ul.ringBullet {
background-image:url(../images/survey/ring_bullet.jpg);
background-repeat: no-repeat;
background-position: 0 0;
margin: 0 0 1em 0;
padding: 0;
min-height: 23px;
}

ul.ringBullet li {
margin: 0 0 0 28px;
padding: 0;
}

/** List of links in top survey box **/

a.inlineLinks{
font-size: 0.8em;
margin: 0 3em 0 0;
line-height: 3em;
border: 0;
display:inline;
}


/* STYLES FOR PAGES WITH ADVERTS */

#advert {
width: 1000px;
text-align: center;
margin: 0 auto;
padding-left: 140px;
}

#advertInner {
padding: 0;
border: 0;
width: 140px;
float: left;
}

#adtext {
	width: 135px;
}

#adtext a:link {
font-weight: normal;
text-decoration: underline;
}

#adtext a:visited {
font-weight: normal;
text-decoration: underline;
}

.dsbutton {
	padding: 5px;
	margin-bottom: 3px;
}


