/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: 75%; }


/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
   
body { 
  color: #222; 
  font-family: "Helvetica Neue", "Lucida Grande", arial, Helvetica, Verdana, sans-serif; 
//  background: url(/static/images/body_backdrop.png) repeat-x
}
h1,h2,h3,h4,h5,h6 { 
  color: #111; 
  font-family: "Helvetica Neue", "Lucida Grande", arial, Helvetica, Verdana, sans-serif;


}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic;}
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 


/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


#wrapper { background:url(/static/images/container_background.png) no-repeat top;} 
#footer { height: 54px; background:url(/static/images/container_background.png) no-repeat left -2230px;} 


.container { 

/* background: url(/static/css/blueprint/lib/img/grid.png);
padding: 10px;
border: 1px solid #ddd; */

}


#header {

    min-height: 320px;

}

#header #top {


    border-bottom: solid 2px #ddd;
}

#header #sanger_logo {
    position: relative;
    float: left;
    bottom: -40px;

}

#header #emap_logo {
    position: relative;
    float: left;
    bottom: -32px;
    height: 75px;
}

#header h1{

    font-size: 3em;  margin: 1.1em 0em 0.7em 0em;
    color: #0B0C4F;
    font-family:  Georgia, serif; 
    font-style: italic;
    font-weight: normal;

}

#sitelogo {
    padding: 7px;

}

#middle {
    height: 170px;
}



#banner {
    height: 97px;
    background:  url(/static/images/banner_gradient.jpg) no-repeat;
banner: z-index: 2;
}








#bottom {

position: relative
/*    background-color: #F09060; */
    height: 33px;

}

#content {

color: black;
margin-top: 15px;

}



#content h2{

color: #C36220;

}


#news {

background-color: white;
height: 270px;
/*border: 1px dashed   #033018;*/ 
}

#newshead {

 background-color: #C36B2F;
  background-color: #B4AEC3;
font-color: white;
border-bottom: 1px solid  #0B0C4F;


}

#newshead{

    color: black;
    padding: 5px 0px 5px 5px;

}



#e10 {
    position: relative;
left:70px;
top: 20px;
clear: both;
}

#e12 {
 position: relative;
clear: both;
top: 10px;

}

#top_trio {

 position: relative;
left: 745px;
top: 32px;

z-index: 20;
display: block;


}

html body div#wrapper div#header div#middle img#top_trio{

z-index: 20;



}

html body div#wrapper div#header div#middle div#pageinfo {

z-index: 1;

}
#pageinfo {
/*    background:  url(/static/images/pageinfo.png) no-repeat bottom left; */

height: 92px;
background-color:  #0B0C4F;

color: white;
/*    border: 1px dotted #472d6c; */

}

#pageinfo h2 {
/*    background:  url(/static/images/pageinfo.png) no-repeat bottom left; */

color: white;
/*    border: 1px dotted #472d6c; */


    color: white;
    padding: 10px 0px 0px 20px;


}

#pageinfo .info {

    color: white;
    padding: 0px 0px 0px 20px;
    font-size: 1.3em;


}



/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_three */

.menu3 {padding:0 0 0 32px; 
margin:0; list-style:none; 
height:35px; background:#fff url(/static/images/three_0x.gif); 
position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}

.menu3 li {float:left;}

.menu3 li a {
display:block; 
float:left; 
height:35px; 
line-height:35px; 
color:  black;
text-decoration:none; 

font-family:"Lucida Grande", verdana, sans-serif; 
font-weight:bold; 
text-align:center; 
padding:0 0 0 8px; 
cursor:pointer;}

.menu3 li a b {
float:left; 
display:block; 
padding:0 16px 0 8px;
}
.menu3 li.current a {color:#fff; background:url(/static/images/three_2x.gif);}
.menu3 li.current a b {background:url(/static/images/three_2x.gif) no-repeat right top;}
.menu3 li a:hover {color:#fff; background:#000 url(/static/images/three_1x.gif);}
.menu3 li a:hover b {background:url(/static/images/three_1x.gif) no-repeat right top;}
.menu3 li.current a:hover {color:#fff; background:#000 url(/static/images/three_2x.gif); cursor:default;}
.menu3 li.current a:hover b {background:url(/static/images/three_2x.gif) no-repeat right top;}


.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h3
{
	background: transparent url(/static/images/demoxbox3.png) no-repeat bottom right;
}
.cssbox
{


	width: 415px !important;
	width: 405px;
	padding-right: 15px;
	margin: 20px auto;
}
.cssbox_head
{
	background-position: top right;
	margin-right: -15px;
	padding-right: 40px;
}
.cssbox_head h3
{
	background-position: top left;
	margin: 0;
	border: 0;
	padding: 18px 0 12px 40px;
	height: auto !important;
	height: 1%;
 color: white;
}
.cssbox_body
{
	background-position: bottom left;
	margin-right: 25px;
	padding: 15px 0 15px 40px;
}

table.plain
{


    background-color: white;
	font-size: 1.2em;

}

.odd {


}

table.plain td
{
	border-width: 1px 1px 1px 1px;
	border-style: none dotted none none;
	border-color: gray;

	text-align: right;
 
}

table.plain td .imageicon {
    margin: 0px;
}
table.plain th
{

    border-width: 0px 1px 1px 0px;
    padding: 0px 3px 0px 10px;
    border-style: dotted dotted inset dotted;
    border-color: gray gray gray gray;
    color: #C36220;
    text-align: right;
}

table.plain td.imageviewer div {
    padding: 0px 0px 0px 0px;
}

table.plain td.imageviewer a {
    background: url(/static/images/image.png) no-repeat;
    padding: 0px 0px 0px 20px;
    margin: 0px 0px 0px 10px;
}

table.plain td.imageviewer a:hover {
    background: url(/static/images/image_link.png) no-repeat;
}





table.edge{
    font-size: 1.2em;
    background-color: white;
}


table.edge th
{
	font-size: 1em;
	border-width: 0px 1px 1px 0px;
	padding: 2px 8px 2px 16px;
	border-style: none none none none;
	border-color: gray gray gray gray;
/*	font-weight: bold; */
color: #C36220;
text-align: right;
}




table.edge td
{
	border-width: 1px 1px 1px 1px;
	border-style: none none dashed none;
	border-color: gray;
	text-align: top;
 
}


.yui-navset div.loadng div {
    background:url(/static/js/extjs/resources/images/default/grid/loading.gif) no-repeat center center;
    min-height:9em; /* hold some space while loading */
}




a.button, button {
    display: inline;
    float: none;

}



/* styles for entire widget */
 .yui-ac {
    position:relative;
}

/* styles for input field */
 input.text{
    width:235px;
}


/* styles for results container */
 .yui-ac-container {
    position:relative;width:235px;
}

/* styles for header/body/footer wrapper within container */
 .yui-ac-content {
    position:absolute;width:100%;border:1px solid #808080;background:#fff;overflow:hidden;z-index:9050;
}

/* styles for container shadow */
 .yui-ac-shadow {
    position:absolute;margin:.3em;width:100%;background:#000;-moz-opacity: 0.10;opacity:.10;filter:alpha(opacity=10);z-index:9049;
}

/* styles for results list */
 .yui-ac-content ul{
    margin:0;padding:0;width:100%;
}

/* styles for result item */
 .yui-ac-content li {
    margin:0;padding:2px 5px;cursor:default;white-space:nowrap;
}

/* styles for prehighlighted result item */
 .yui-ac-content li.yui-ac-prehighlight {
    background:#B3D4FF;
}

/* styles for highlighted result item */
 .yui-ac-content li.yui-ac-highlight {
    background: #C36220;color:#FFF;
}



.yui-ac-highlight .sample-quantity,
.yui-ac-highlight .sample-result,
.yui-ac-highlight .sample-query { color:#FFF; }
.sample-quantity { float:right; } /* push right */
.sample-result { color:#A4A4A4; }
.sample-query { color:#000; }






.yui-skin-sam .yui-navset .yui-content
{
	background: none;
 border: none;
}

.pager
{

padding: 10px 0px 0px 0px;


}

html>body>div#wrapper>div#searchresults>div#pager{


padding: 11px 0px 0px 10px;

margin: 0px 0px 8px 0px;



}

.pager a
{
	padding: 2px 6px;
	border: solid 1px #ddd;
	background: #fff;
	text-decoration: none;
}
.pager a:visited
{
	padding: 2px 6px;
	border: solid 1px #ddd;
	background: #fff;
	text-decoration: none;
}
.pager .current-page
{
	padding: 2px 6px;
	font-weight: bold;
	vertical-align: top;
}
.pager a:hover
{
	color: #fff;
	background: #EC008C;
	border-color: 333366;
	text-decoration: none;
}


.yui-skin-sam .yui-navset .yui-nav .selected a,.yui-skin-sam .yui-navset .yui-nav .selected a:focus,.yui-skin-sam .yui-navset .yui-nav .selected a:hover
{
	background: #2647a0;
	color: #fff;
}
.yui-skin-sam .yui-navset .yui-nav,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav
{
	border: solid #2647a0;
	border-width: 0 0 5px;
	Xposition: relative;
	zoom: 1;
}

.yui-skin-sam .yui-navset .yui-nav a:hover,.yui-skin-sam .yui-navset .yui-nav a:focus
{
	background: #bfdaff;
	outline: 0;
}
.yui-skin-sam .yui-navset .yui-nav a,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a
{
	background: #d8d8d8;
	border: solid #a3a3a3;
	border-width: 0 1px;
	color: #000;
	position: relative;
	text-decoration: none;
}



#about_images {

padding-top: 80px;


}
#about_images #e12 {

padding-top: 20px;


}

#about_images #e14 {

padding-top: 40px;


}

.page_link {

background: url(/static/images/external_link.gif) right center no-repeat;
  padding-right: 18px;
}


.save_image {

background: url(/static/images/external_link.gif) right center no-repeat;
  padding-right: 18px;
}