@import url(reset.css);

html, body{
font: 90% "Myriad Pro", "Myriad Web", Myriad, Verdana, Helvetica, sans-serif;
color: #333;
background: url("../img/sideBack.png") -40px top repeat-y;
line-height: 1.5;
height: 100%;
}
a{
color: black;
text-decoration: none;
}
a:hover{
color: #222;
text-decoration: underline;
}


/* ----------------------------------------------------- Page layout */

#container{
width: 100%;
float: left;
}

#sideBar{
width: 160px;
float: left;
color: white;
}
#content{
padding-left: 180px;
}

h1#mainTitle{
font-size: 400%;
text-transform: lowercase;
line-height:0.40;
margin-left: 80px;
margin-top: 40px;
font-weight: normal;
}

h1#mainTitle a{
color: #B2B2B2;
text-decoration: none;
}
#mainContent{
margin: 40px;
border: 2px solid #d2d2d2;
background-color: #F0F0F0;
padding: 38px;
padding-top: 18px;
}
#clear{
    display: block;
    height: 1px;
    clear: both;
}

.small{
margin-top: 1em;
font-size: 90%;
color: #d2d2d2;
text-align: right;
}
#mainContent h2#mainTitle{
color: #d2d2d2;
font-size: 400%;
line-height: 1;
text-transform: uppercase;
font-weight: normal;
}
#mainContent h2#segmentTitle{
z-index: 99;
position: absolute;
margin-top: -3em;
font-weight: normal;
font-size: 100%;
}
#mainContent div#textile{
overflow: hidden;
margin-top: 20px;
line-height: 1.5em;
}
#mainContent div#textile p.intro{
margin-top: 3em;
margin-bottom: 1.5em;
}
#mainContent div#textile .section a{
text-decoration: underline;
}
#mainContent div#textile .section a:hover{
text-decoration: none;
}
#mainContent div#textile img{
margin-bottom: 1.5em;
}

#mainContent #image{
overflow-x: auto;
overflow-y: hidden;
margin-top: 20px;
}
#mainContent #image h3{
font-weight: normal;
}
#mainContent .subNav{
text-align: center;
float: right;
clear: none;
font-size: 90%;
margin-top: -50px;
}
#mainContent .subNav, #mainContent .subNav a{
color: #b2b2b2;
}

#mainContent .browseNav li{
text-transform: uppercase;
display: inline;
margin-right: 0.5em;
width: 10em;
}
#mainContent .arrowNav{
font-size: 200%;
}
#mainContent .arrowNav li{
display: inline;
margin-right: 0.25em;
}
#mainContent .arrowNav a{
color: black;
}
#mainContent .arrowNav a:hover{
color: #B2B2B2;
}

#sideBar *{
font-style: normal;
margin-left: 10px;
margin-right: 10px;
font-weight: normal;
text-transform: lowercase;
font-size: 75%;
}

#sideBar ul#nav{
margin-top: 80px;
margin-bottom: 80px;
}
#sideBar ul#nav li{
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
#sideBar ul#nav li a{
text-transform: uppercase;
margin-left: 0;
margin-right: 0;
font-size: 350%;
}
#sideBar ul#nav li a:hover{
text-decoration: underline;
}
#sideBar a{
color: white;
text-transform: lowercase;
text-decoration: none;
}

#sideBar h2{
margin-bottom: 1.5em;
font-size: 100%;
}
#sideBar h3{
margin-top: 1.5em;
font-size: 100%;
}

#eXTReMe{
display: none;
}