/* ================== stylesheet for content pages of site ================== */
div#sidebar {
  float: left; 
  width: 232px ;
  padding-bottom: 20px ;
}
ul#c_nav {
  width: 191px ;
  list-style: none ;
  margin-bottom: 15px ;
}
#c_nav li {
  margin: 0 ;
  padding: 0 ;
  background: #fff url(/img/content_menu_bg.png) top left no-repeat ;
}
#c_nav li a {
  display: block ;
  text-transform: uppercase ;
  padding: 8px 0 8px 16px ;
}

/* submenu styles */
#c_nav ul {
  display: none ;
  list-style: none ;
  margin-left: 15px ;
  padding: 0 ;
}

/* just so we degrade nicely ... if js turned off, add an id of current to the 
   active menu element so that the submenu displays */
#c_nav ul#current {
  display: block ;
}
#c_nav ul li {
  background: #fff ;
  margin: 0 ;
  padding: 0 ;
}

#c_nav ul li a {
  display: block ;
  text-transform: none ;
  padding: 2px 8px ;
  margin: 0 ;
  color: #555 ;
}

#c_nav ul li a:hover {
  text-decoration: none ;
  color: #8c1d2d ;
}

li.current a, li a.current, h3 a.current {
  color: #123456 ;
  font-weight: bold ;
}

/* next step styling */
div#sidebar a#c_next_step {
  border: 0 ;
  margin-top: 12px ;
}
div#sidebar a#c_next_step img {
  border: 0 ;
}

/* page content styling */
div#content_body {
  float: left ;
  width: 725px ; 
  font-size: 12px ;
  padding-bottom: 20px ;
  margin-top: 0 ;
}

/* breadcrumbs @ top of page */
div#breadcrumbs{
  padding-bottom: 12px ;
  margin-top: -6px ;
  z-index: 100 ;
  position: relative ;
}
div#breadcrumbs a {
  font-size: 11px ;
}
div#breadcrumbs span {
  font-size: 8px ;
  padding: 0 6px 0 8px ;
}
div#content_body h3 {
  color: #100551 ;
  font-weight: normal ;
  font-size: 24px ;
  padding-bottom: 5px ;
  margin-bottom: 10px ;
  border-bottom: 2px solid #f1f1f1 ;
}

div#content_body h4 {
  font-weight: normal ;
  font-size: 20px ;
  margin-bottom: 10px ;
}

div#content_body h5 {
  font-weight: bold ;
  font-size: 16px ;
  margin-bottom: 10px ;
}

div#content_body p {
  padding-bottom: 12px ;
  line-height: 17px ;
  letter-spacing: 0.1px;
}

div#content_body ul, ol{
  margin-left: 30px ;
}

/* third level navigation styling */
div#page_nav{
  float: right ;
  width: 179px ;
  margin: 0 5px 15px 15px ;
  background: #fff url(/img/third_level.png) top right no-repeat ;
}

div#page_nav h3 {
  color: #404040;
  font-size: 12px ;
  width: auto ;
  border: 0 ;
  font-size: 12px ;
  font-weight: bold ;
  padding: 15px 0 0 10px ;
}
div#page_nav h3 a {
  padding-top: 0 ;
}
div#page_nav ul {
  list-style: none ;
  margin: 10px 0 0 10px ;
}
div#page_nav li {
  padding: 0 0 5px 5px ;
  list-style: none ;
}
div#page_nav li a {}
div#page_nav li a:hover {}
/** for the departments third level nav **/
div#page_nav li.section_title a.parent {
  font-weight: bold ;
  padding: 5px 0 ;
  text-indent: 0 ;
}
  
div#page_nav li.section_title ul {
  margin-left: 5px ;
}

div#page_nav ul li.section_title {
  margin-bottom: 5px ;
}

dv#page_nav li a {
  font-weight: normal ;
  margin-top: 5px ;
}

/*a lil tmp hacky for subitems*/
div#page_nav ul li.section_title ul li ul {
  margin-top: 4px ;
  margin-bottom: -5px ;
}
div#page_nav ul li.section_title ul {
  margin-top: 5px;
}

/* default image format according to the Layout Guide sent by Algoma U */
div#content_body img {
  padding: 15px ;
}
div#content_body img.left { /* remove left padding if left aligned image */
  padding-left: 0 ;
  padding-top: 0 ;
  float: left; 
}
div#content_body img.right { /* remove right padding if right-aligned image */
  padding-right: 0 ;
  padding-top: 0 ;
  float: right ;
}
table#gallery img { /* remove padding for images in gallery tables */
  padding: 0 ;
}


/* styling for the news items on the sub pages */
div.news_item, div.event {
  border-bottom: 1px solid #BEBEBE ;
  margin-top: 10px ;
  padding-bottom: 5px ;
  width: 95% ;
}
div.news_item p.date {
  font-weight: bold ;
  text-transform: uppercase ;
  font-size: 12px ;
}
div.news_item p.title {
  color: #000 ;
}

div.news_item p.text {
  text-wrap: suppress ;
}

form#calendarDisplay {
  margin-bottom: 15px ;
}

h4.title {
  font-size: 110% ;
  color: #123456 ;
}

div.event b {
  color: #666 ;
  font-weight: 600;
}

form#course {
  border-bottom: 2px solid #f1f1f1 ;
  padding-bottom: 4px ;
  margin-bottom: 10px ;
}

form#course label {
  margin-right: 20px ;
}

form#course p {
  padding: 7px 0 ;
  margin: 0 ;
  font-weight: bold ;
  font-size: 90% ;
}

table#course_schedule {
  width: 100% ;
  border-collapse: collapse ;
  border-width: 1px solid #aaa ;
  border-width: 1px 0 0 1px ;
}
table#course_schedule thead tr { background-color: #ccc ; }
table#course_schedule th { text-align: left ; font-weight: bold ; }
table#course_schedule .medium { width: 150px ; }
table#course_schedule .small { width: 86px ; }

table#course_schedule th, table#course_schedule td {
  border: 1px solid #aaa ;
  border-width: 0 1px 1px 1px ;
  padding: 4px ;
}
table#course_schedule tr.stripe td {
  background-color: #f2f4f4 ;
}

form#search_frm label {
  display: block ;
  padding: 5px 0 ;
}

/** for search options, we take away all padding from h3 and p elements **/
div#searchresults {
  padding: 10px 0 ;
}
div#searchresults h3 {
  padding: 5px 0 ;
  color: #434343 ;
  font-weight: bold ;
  font-size: 100%; ;
  margin: 0px ;
  border: 0 ;
}
div#searchresults p {
  padding-top: 0px ;
}

/* media inquiry form */
h4.media { color: #100551; }
  
form#media_inquiry {
    /*clear: left ;*/
    float: left ;
    width: 536px ;
    font: 12px verdana, arial, tahoma, sans-serif ;
    margin-top: 0 ;
}

html>body form#media_inquiry {
    margin-top: -45px ;
}
  form#media_inquiry fieldset {
    float: left ;
    width: 536px ;
    /*clear: left;*/
    border: 0 ;
    margin: 0 0 20px 0 ;    
}
  
  form#media_inquiry legend {
    font-weight: bold ;
    line-height: 150% ;
    margin: 0 0 0 -8px ;
    padding: 0 0 0 0 ;
    color: #100551 ;
}
  
  form#media_inquiry div.row {
    float: left ;
    width: 536px ;
    padding-bottom: 7px ;
}
  
  form#media_inquiry div.row div span {
    display: block ;
    margin-bottom: 2px ;
}
  
  form#media_inquiry div.row div label {
    display: block ;
    font-size: 80% ;
    padding: 2px 0 7px 0 ;
}
  
  form#media_inquiry div.row div {
    float: left ;
    margin-right: 7px ;    
}
  
  form#media_inquiry input#num_years {
    display: inline ;
    width: 60px ;
}
     
  div.medium { width: 166px ; }
  div.medium input, div.medium select { width: 141px; }
      
  fieldset input, fieldset select {
    border: 1px solid #ccc ;
    padding: 2px ;
}
  
  fieldset span.error input, fieldset span.error select {
    border: 1px solid #f00 ; !important
}
  
  input#submit_button {
    clear: both; 
    margin-top: 15px ;
}

form#alumniAddressChange #secret_question { margin-left: 5px ; }
form#alumniAddressChange #spamq { display: block ;margin-top: 5px ;}
#alumErrors { background-color: #800000 ; color: #fff ;}
#alumErrors .gutter { padding: 10px ;}

/* academic orientation form */
#orientationForm dl { padding-bottom:10px; }
#orientationForm dl dt { clear:left; float:left; width:130px; margin:3px; }
#orientationForm dl dd { margin-left:140px; margin:3px; }
#orientationForm dl dd input, input#f_email { padding:3px; width:200px;}