/* title: stitches stylesheet
   author: m.rankin
   date: 22-mar-07 */
body{
   margin:0px;
   padding:0px;
   border:0px;
   background-color:#999;
   background-image:url(../images/body-bg.gif);
   font-size:85%;
}
/* main styles */
div#main{
   background-color:#fff;
   background-position:0px 150px;
   background-repeat:no-repeat;
   background-image:url(../images/main-bg.gif);
   width:740px;
   max-height:100%;
   border-left:1px #000 solid;
   border-right:1px #000 solid;
   border-bottom:1px #000 solid;
   margin-left:auto;
   margin-right:auto;
}
div#top{
   height:150px;
}
div#top h1{
   margin:0em;
   padding:0em;
}
/* side styles */
div#side{
   float:left;
   width:170px;
   padding-top:1.5em;
}
div#side ul{
   font-family:'verdana',sans-serif;
   margin:0px;
   padding:0px;
}
div#side li{
   display:inline;
   margin:0px;
   padding:0px;
}
div#side li strong{
   display:block;
   color:#900;
   border-bottom:1px #eee solid;
   background-position:top left;
   background-repeat:no-repeat;
   background-image:url(../images/nav2-bg.gif);
   padding:0.5em;
   font-size:0.8em;
}
div#side li a{
   display:block;
   border-bottom:1px #eee solid;
   padding:0.5em;
   font-size:0.8em;
}
div#side li a:link,div#side li a:visited{
   color:#146;
   text-decoration:none;
}
div#side li a:hover{
   color:#146;
   background-color:#eee;
   background-position:top left;
   background-repeat:no-repeat;
   background-image:url(../images/nav-bg.gif);
}
div#side li a:active{
   position:relative;
   color:#f00;
   top:1px;
   left:1px;
}
div#side li a img,div#side li strong img{
   border:0px;
   margin-left:5px;
   margin-right:5px;
}
div#side li.hidden{
   display:none;
}
div#side img.logo{
   margin:10px;
}
/* fact styles */
div#fact{
   font-family:'verdana',sans-serif;
   font-size:0.8em;
   text-align:center;
   color:#666;
}
div#fact h4{
   font-size:1.1em;
   margin-bottom:0em;
}
div#fact p{
   margin:1em;
}
/* content styles */
div#content{
   margin-left:170px;
   padding-top:1.5em;
   padding-left:2em;
   padding-right:2em;
   padding-bottom:1em;
}
div#content h2{
   font-family:'verdana',sans-serif;
   font-size:1.4em;
   color:#900;
   margin-top:0em;
}
div#content h3{
   font-family:'georgia',serif;
   font-size:1.2em;
}
div#content p{
   font-family:'georgia',serif;
   font-size:1em;
   text-align:justify;
   line-height:2em;
}
div#content p big{
   font-family:'verdana',sans-serif;
   font-size:1.1em;
   color:#600;
}
div#content blockquote{
   font-weight:bold;
}
div#content blockquote p{
   line-height:1.5em;
}
div#content ul,div#content ol{
   font-family:'georgia',serif;
   font-size:1em;
   line-height:1.5em;
}
div#content a:link,div#content a:visited{
   color:#146;
}
div#content a:hover{
   color:#900;
}
/* course styles */
div#content div.course{
   border:1px #999 solid;
   background-color:#eee;
   margin:10px;
   padding:0.5em;
}
div#content div.course h3{
   font-family:'verdana',sans-serif;
   font-size:0.9em;
   margin:0em;
   padding-bottom:0.5em;
   border-bottom:1px #ccc solid;
}
div#content div.course p{
   font-family:'verdana',sans-serif;
   font-size:0.8em;
   margin-top:0.5em;
   margin-bottom:0.5em;
   line-height:normal;
}
div#content div.course p.toggle{
   float:right;
   margin:0em;
   padding-left:1em;
   padding-bottom:1em;
}
/* footer styles */
div#footer{
   clear:left;
   background-color:#146;
   background-position:top;
   background-repeat:repeat-x;
   background-image:url(../images/footer-bg.gif);
   font-family:'verdana',sans-serif;
   font-size:0.8em;
   color:#ccc;
   padding-top:0.35em;
   padding-left:0.5em;
   padding-bottom:0.5em;
}
div#footer div#footerLinks{
   float:right;
   margin-right:0.5em;
}
div#footer div#footerLinks ul{
   margin:0em;
}
div#footer div#footerLinks li{
   display:inline;
   padding-left:0.5em;
   padding-right:0.5em;
   border-left:1px #999 solid;
}
div#footerLinks a:link,div#footerLinks a:visited{
   color:#ccc;
}
div#footerLinks a:hover{
   color:#fff;
}
