/* Start of CMSMS style sheet 'SMC Default' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body, html {
	height: 100%;
	margin:0;
	padding:0;
	font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif; 
	font-size: 13px;
}

ul {
       margin: 0 0 1em 1.5em;
}

#background_img {
  position:absolute; 
  z-index: 0; 
  top: 0; 
  left: 0;   
  
  min-width:925px;
  width:100%;
  
  min-height:650px;
  height:100%;
  width: expression((documentElement.clientWidth < 925) ? "925px" : "100%" );
  height: expression((documentElement.clientHeight < 650) ? "650px" : "100%" );

}
p { padding: 0 0 10px 0; margin: 0; }

img,div { behavior: url(/iepngfix.htc) }

img.left { float: left; margin: 0 10px 15px 0; }

a { text-decoration: none; color: #1c4c87; }
a:hover { text-decoration: underline; }
/*****************
basic layout 
*****************/

/* center wrapper, min max width */
div#pagewrapper {
   position: relative;
    z-index:1;
}

div#contentpadder {
   margin-left: auto; 
   margin-right: auto; 
   padding: 100px 50px 0 50px;
}

div#main {
   padding: 20px 20px 0 20px;
   overflow: auto;
   height: 405px;
}

div#content {
   clear:both;
   width: 825px; 
   position: relative; 
   z-index: 2; 
   top: 30px; 
   height: 425px;
}

#blue div#content {
   background: url(/images/content_blue.jpg) repeat-y top left; 
}

#red div#content {
   background: url(/images/content_red.jpg) repeat-y top left; 
}

#yellow div#content {
   background: url(/images/content_yellow.jpg) repeat-y top left; 
}

#green div#content {
   background: url(/images/content_green.jpg) repeat-y top left; 
}

div#bottom_cap {
   margin-top: 28px;
}

div#nav_container {
   width:825px; 
   position: relative; 
   z-index: 8;
}

div#footer {
   padding: 8px 0 0 465px;
   text-align: center;
}

div.footnotes {
   width: 100%;
   padding-top: 50px;
   clear:both;
   font-size: 12px;
}

blockquote { padding: 0 10px 10px 10px; }

#next_previous {
   position: absolute;
   bottom: 10px;
   right: 30px;
}
#next_previous a {
   padding-left: 30px;
   color: #ffffff;
   font-size: 12px;
}

p.author {
    padding-left: 1em;
}
/********************
CONTENT STYLING
*********************/

/* HEADINGS */
div#content h1 {
   color:#FFFFFF; 
   font-size: 15px;
   font-weight: normal;
   padding-bottom: 10px;
}

.class_page_heading { text-align: center; height: 21px; width: 100%; background-color: #660000; }
h2 { font-size: 17px; color: #fff; font-weight: normal;}

.class_heading { color: #fff; height: 16px; line-height: 16px; width: 100%; background-color: #941116; }

.time, .class, .instructor, .level, .notes { float: left; }
.class_details div { padding-bottom: 5px; }

.time { width: 99px; margin-left: 5px; margin-right: 10px; }
.class { width: 232px; margin-right: 10px; }
.instructor { width: 80px; margin-right: 10px; }
.level { width: 67px; margin-right: 10px; }

.class_details {clear: both; font-size: 12px; width: 100%; padding-top: 5px;  border-top: 1px #FFF solid; }

/* END HEADINGS */




/* End of 'SMC Default' */

