@import "header.css";
@import "maintext.css";
@import "headings.css";
@import "tables.css";

#topics_list, #assignments_and_project, 
#development_environment_discussion, #announce,
#sched, #textbook, #assigned_readings, #contact_me, #homework,
#resrcs, #css_software, #css_suggested_readings, #css_project
{
   float: left;
   width: 95%;
}

#textbook
{
   margin-bottom: 15px;
}

#announcements dt
{
   font-style: italic;
}

        /* TO WHITE OUT THE SECTIONS */
#content>#maintext h2>a:hover
{
   color: rgb( 255, 255, 255 );
   outline: none;
}

.boxed_and_colored_content
{
   border: 1px solid rgb( 200, 200, 200 );
   background-color: rgb( 240, 240, 240 );
   padding: 10px;
   width: 92%;
   margin: 5px auto;
}

.no_margins
{
   margin: 0 !important;
}

body
{
   font-family: baskerville, georgia, sylfaen, 
   "Palatino Linotype", palatino, utopia,
   "DejaVu Serif", serif;
   margin: 0;
   padding: 0;
   color: #333;
   background-color: #fff;
   background-image: url(NONE);
   background-repeat: no-repeat;
   background-attachment: fixed;
}

#content
{
   position: relative;
   clear: both;
   width: 710px;
   margin: 0 auto;
}

p.banners
{
   text-align: center;
}

img.center
{
   margin-left: auto;
   margin-right: auto;
   display: block;
}

.semi_wide_silver_border
{
   border: 3px double #c0c0c0;
   width: 95%
}

.go_to_top
{
   float: right;
   width: 5%;
}

.floatright
{
   float: right;
   width: auto;
}

a img
{
   border: none;
   background-color: transparent;
}

.enclosed_light_blue_box
{
   background-color: rgb( 189, 230, 255 );
   margin-left: 17px;
   margin-right: 17px;
   padding: 20px;
   border: 1px solid #b0b1ba;
   margin-bottom: 15px;
}

.code-example, pre
{
   font-family: Courier, "Courier New", monospace;
   background-color: #f3f1f4;
   margin-left: 20px;
   margin-right: 20px;
   padding: 20px;
   border: 1px solid #b0b1ba;
   margin-bottom: 15px;
   font-size: 85%;
}

span, ul + span
{
   color: #000099;
   display: block;
   text-align: right;
   margin-right: 20px;
}

span a
{
   text-decoration: none;
}

span.underline
{
   text-decoration:underline;
}

#teaching_index img
{
   padding-right: 0;
   text-decoration: none;
   border: none;
   background-color: rgb( 214, 214, 10 );
   border: 0;
}

#teaching_index #c
{
   position: absolute;
   left: 100px;
   top: 100px;
   z-index: 1;
}

#teaching_index #html
{
   position: absolute;
   left: 150px;
   top: 150px;
   z-index: 2;
}

#teaching_index #css
{
   position: absolute;
   left: 200px;
   top: 200px;
   z-index: 3;
}

#teaching_index #cubase
{
   position: absolute;
   left: 250px;
   top: 250px;
   z-index: 4;
}

#teaching_index #javascript
{
   position: absolute;
   left: 300px;
   top: 300px;
   z-index: 5;
}

#teaching_index #xml
{
   position: absolute;
   left: 350px;
   top: 350px;
   z-index: 6;
}

#teaching_index .description
{
   padding: 20px;
   position: absolute;
   left: 105px;
   top: 0px;
   width: 250px;
}

#teaching_index a:link
{
   color: rgb( 100, 100, 100 );
   text-decoration: none;
}

#teaching_index a:visited
{
   text-decoration: none;
}

#teaching_index a:hover
{
   padding-right: 5px;
   color: rgb( 0, 50, 255 );
   text-decoration: none;
   outline: 1px solid black;
   background-color: rgb( 150, 150, 254 );   
}

.clear_all
{
   clear: both;
}