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

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

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

h1,h2 {
font:24px/1.8em Arial, Helvetica, sans-serif;
display:inline;
color:grey;
}

h2 {
font:18px/1.8em Arial, Helvetica, sans-serif;
}

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;
}

#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;
cursor:default!important;
}

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

#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;
}

.main-group {
padding-top:20px;
clear:both;
}

.main-group p,.main-group ul {
text-align:left;
font:16px/1.5em Arial, Helvetica, sans-serif;
}

.wrapper {
display:table;
min-height:148px;
cursor:pointer;
}

.wrapper:hover {
color:grey;
}

.wrapper img {
width:100px;
margin-right:30px;
float:left;
}

.wrapper p {
display:table-cell;
vertical-align:middle;
}

.main-group p,.sub-group {
margin-left:178px;
}

.sub-group:hover,.sub-sub-group:hover {
color:grey;
cursor:pointer;
}

.sub-group h1,.sub-group p {
margin-left:0;
}

.sub-group {
min-height:132px;
}

.sub-group p {
margin-right:220px;
}

.sub-group img {
max-height:132px;
}

#oribatids .species-list {
list-style:disc url(http://www.zoology.ubc.ca/~srivast/mites/images/bulleto.jpg) inside;
clear:both;
}

/* 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;
}

.examples {
width:220px;
height:132px;
float:right;
margin-left:20px;
}

.sub-sub-group {
min-height:132px;
margin-left:55px;
}

.left {
float:left;
}

.right {
float:right;
}