/* Global Resets */
* {
margin:0;
padding:0;
}

html {
overflow-y:auto;
overflow-x:hidden;
}

body {
background:#FFF;
color:#000;
}

h1 {
font:48px/1em Arial, Helvetica, sans-serif;
color:grey;
margin-top:35px;
}

h2 {
font:28px/1em Arial, Helvetica, sans-serif;
color:#A1A1A1;
margin-top:35px;
}

p,ul {
margin:0 1em 1em;
font:16px/1.5em Arial, Helvetica, sans-serif;
}

img {
border:0;
}

a {
color:#39f;
text-decoration:underline;
white-space:nowrap;
display:-moz-inline-box;
display:inline-block;
}

a:hover,a:active,a:focus {
color:#3cf;
text-decoration:none;
}

/************************************************************************************



STRUCTURE



*************************************************************************************/
#pagewrap {
width:94%;
min-height:800px;
margin:10px auto;
background:transparent;
}

#sidebar {
width:20%;
min-width:150px;
float:left;
background:transparent;
}

#content {
width:70%;
min-height:100px;
background:transparent;
float:left;
padding-top:60px;
}

#list-wrapper {
width:85%;
margin:0 auto;
}

.alphaList,.numericList {
display:block;
width:50%;
}

.alphaList {
float:left;
}

.numericList {
float:right;
}

#footer {
width:100%;
min-height:60px;
clear:both;
background:transparent;
text-align:center;
}

#footer p {
font-size:12px;
}

#pagewrap,#header,#content {
margin-bottom:35px;
}

/************************************************************************************



Specific Styling



*************************************************************************************/
.taxonomy {
font-style:italic;
}

#sidebar a {
display:block;
width:137px;
height:25px;
margin:0 auto;
text-indent:-9999px;
}

#sidebar ul {
list-style-type:none;
}

#sidebar ul,#sidebar img {
display:block;
width:148px;
margin:0 auto 25px;
padding:0;
}

/* navigation bar styling */
#t1 {
background:transparent url(http://www.zoology.ubc.ca/~srivast/mites/images/navhome.jpg) no-repeat;
}

#t2 {
background:transparent url(http://www.zoology.ubc.ca/~srivast/mites/images/navkey.jpg) no-repeat;
}

#t3 {
background:transparent url(http://www.zoology.ubc.ca/~srivast/mites/images/navspecies.jpg) no-repeat;
}

#t4 {
background:transparent url(http://www.zoology.ubc.ca/~srivast/mites/images/navgroup.jpg) no-repeat;
}

#t5 {
background:transparent url(http://www.zoology.ubc.ca/~srivast/mites/images/navalpha.jpg) no-repeat;
cursor:default!important;
}

#t6 {
background:transparent url(http://www.zoology.ubc.ca/~srivast/mites/images/navlibrary.jpg) no-repeat;
}

#t7 {
background:transparent url(http://www.zoology.ubc.ca/~srivast/mites/images/navcodes.jpg) no-repeat;
}

#t8 {
background:transparent url(http://www.zoology.ubc.ca/~srivast/mites/images/navabout.jpg) no-repeat;
}

#t9 {
background:transparent url(http://www.zoology.ubc.ca/~srivast/mites/images/navextras.jpg) no-repeat;
}

#t10 {
background:transparent url(http://www.zoology.ubc.ca/~srivast/mites/images/navlinks.jpg) no-repeat;
}

#intro p {
text-align:center;
}

/* Styling color coded bullets */
.oribatid {
list-style:disc url(../images/bulleto.png) inside;
}

.predator {
list-style:disc url(../images/bulletr.png) inside;
}

.mini {
list-style:disc url(../images/bulletg.png) inside;
}

.collembola {
list-style:disc url(../images/bulletp.png) inside;
}

.arachnid {
list-style:disc url(../images/bulletm.png) inside;
}

.other {
list-style:disc url(../images/bulletb.png) inside;
}

/* Styling subheading color */
#oribatids h1,#oribatids h2,#oribatids h3 {
color:#F60;
}

#predators h1,#predators h2,#predators h3 {
color:red;
}

#mini h1,#mini h2,#mini h3 {
color:#3C6;
}

#arachnids h1,#arachnids h2,#arachnids h3 {
color:#F09;
}

#collembola h1,#collembola h2,#collembola h3 {
color:#609;
}

#other-arthropods h1,#other-arthropods h2,#other-arthropods h3 {
color:#36F;
}

.alphaMenu {
width:610px;
margin:0 auto;
}

.numericMenu {
width:525px;
margin:0 auto 1em;
}

.alphaMenu li,.numericMenu li {
display:inline;
padding-left:.5em;
font-weight:bold;
}

.alphaMenu a,.numericMenu a {
text-decoration:none;
}

.alphaList ul,.numericList ul {
margin:0;
}

.alphaList li,.numericList li {
width:70%;
padding-left:65px;
}

.alphaList a,.numericList a {
text-transform:uppercase;
}

.alphaList li:hover,.numericList li:hover {
background:#F8F8F8;
cursor:pointer;
}

#back-top {
position:fixed;
bottom:30px;
right:30px;
outline:none;
}