/*
Standard Colors:

#CDDFEE - light blue
#C5DCFA - background blue
#558BFF - border & text blue
#2757BD - darker blue

*/

body {
  font-family: Arial, Helvetica, sans-serif;
  /* background-image: url(images/bkgrd2.gif); */
  background-color: #749edb;
      padding: 0;
      margin: 0;
}

td {
vertical-align: top;
}

    /* "css" items are new css-based layout definitions */
    
    /* that nifty boxed title that appears on pages with titles. */ 
    #css_title_container {
    padding: 0;
  	background-image: url(images/headline.gif);
  	background-repeat: repeat-x;
    }
    
    #css_title_title {
    padding: 5px;
    margin-top:5px;
    margin-bottom: 5px;
	  margin-left: 20px;
	  padding-left: 25px;
    text-indent: -20px;
    border: 2px solid #558BFF;
	  color: #558BFF;
  	font-weight: bold;
	  background-color: #C5DCFA;
    width: 40%;
    
    }

    #css_content_container {
    padding: 10px;;
    }
    
    .css_left_menu {
    /* used for the parent <ul> of a menu appearing in the left column */
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    margin-top:10px;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    width: 200px;
    }

    .css_left_menu ul {
    margin-left: 0;
    padding-left: 15px;
    }

    .css_left_menu li {
    line-height: 125%;
    }
  
    .css_left_menu h2 {
    margin-top: 0;
    }
    
    .css_left_subscribe {
    /* used for a subscribe box showing in the left column */
    margin: 5px;
    border: 1px solid #2757bd;
    }
    .css_left_search {
    /* used for a search box showing in the left column */
    margin: 5px;
    }


    /* table_* are tabled based layouts. some layouts simply wouldn't work
    properly with a pure CSS definition, hence this table version */
    #table_page {
      /* light-blue content area on page - includes menu. This defines the
      fixed-width of what we're presenting */
      background-color: #accdfc;
      border: 1px solid #2757bd;
      width: 986px;
      margin: 0px auto;
      border-collapse: collapse;
    }
    
    #table_banner_left {
      /* left upper corner of the page, w/ logo, typically  */
      width: 210px;
      background-color: white;
      text-align: center;
    }
    
    #table_banner_center {
      /* center/main part of banner. Another logo, but also contains nav menu */
      text-align: center;
      background-color: white;
      padding: 0;
      margin: 0;
      width: 720px;
    }

    #table_banner_center_menu {
    /* menu bar presented within the banner center above the content */
    text-align: center;
    border-left: 1px solid #cddfee;
    border-right: 1px solid #cddfee;
    border-top: 1px solid #cddfee;
    padding: 0;
    margin: 0;
    background-color: white;
    }

    #table_banner_right {
      /* center/main part of banner. Another logo, but also contains nav menu */
      background-color: white;
      width: 56px;
      padding: 0;
      margin: 0;
    }
    
    #table_page_left {
      /* left hand column */
      vertical-align: top;
    }

    #table_page_main {
      /* left hand column */
      vertical-align: top;
      border-left: 1px solid #cddfee;
      border-right: 1px solid #cddfee;
    }

    #table_page_right {
      /* left hand column */
      vertical-align: top;
    }
    
    #table_footer_center {
      /* center/main part of banner. Another logo, but also contains nav menu */
      text-align: center;
      background-color: white;
      border-top: 1px solid #2757bd;
    }

.nav_top {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CDDFEE;
	border-right-color: #CDDFEE;
	border-bottom-color: #CDDFEE;
	border-left-color: #CDDFEE;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}
.quotes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	padding-right: 5px;
	padding-left: 5px;
}

.pullbar {
 /* actually for sidebar like things, but the name was taken. Basically items
 in an article that are pulled out into their own box. Specify width and float
 when used. */
  background-color: #C5DCFA;
  border: 1px solid #558BFF;
  font-size: smaller;
  margin: 5px;
  padding: 5px;
  }

.pullbar ul {
  /* both of these need to be set for FF/IE compatibility */
  margin-left: 1em;
  padding-left: 0;
}

.sidebar {
/* used in google results, for now. refers to left hand nav menu */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: left;
	vertical-align: top;
	border-right-style: none;
	line-height: 200%;
	font-weight: normal;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style-type: circle;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}

.sidebar ul {
  list-style: circle;
  margin-bottom: 10px;
  
  /* both of these need to be set for FF/IE compatibility */
  margin-left: 1em;
  padding-left: 0;
}

.sidebar li {
  line-height: 125%;
  }
  
.sidebar h2 {
  margin-top: 0;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
}
.main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-style: normal;
	text-align: justify;
	vertical-align: top;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CDDFEE;
	border-right-color: #CDDFEE;
	border-bottom-color: #CDDFEE;
	border-left-color: #CDDFEE;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.border {
	border: 1px solid #2757BD;
	background-image: url(images/bkgrd.gif);
}

.main h3 {
	color: #2757BD;
}

.photo_left {
	margin: 5px;
	float: left;
}

.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	text-align: center;
	font-weight: bold;
}

.titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	border: thin solid #558BFF;
	font-style: normal;
	color: #558BFF;
	font-weight: bold;
	margin-left: 20px;
	padding: 5px;
	background-color: #C5DCFA;
  width: auto;
}

.title_h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	border: thin solid #558BFF;
	font-style: normal;
	color: #558BFF;
	font-weight: bold;
	background-color: #C5DCFA;
  margin: 0;
  padding: 5px;
  margin-right: auto;
}

.title_box h1 {
  padding: 0;
  margin: 0;
}

.photo_center {

	margin: 5px;
/*	float: left; */
}

.nav_bottom {
	padding: 2px;
	height: 0px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CDDFEE;
	border-right-color: #CDDFEE;
	border-bottom-color: #CDDFEE;
	border-left-color: #CDDFEE;
	text-align: center;
}
.title_box {
	background-image: url(images/headline.gif);
	background-repeat: repeat-x;
	padding: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CDDFEE;
	border-right-color: #CDDFEE;
	border-bottom-color: #CDDFEE;
	border-left-color: #CDDFEE;
	border-right-width: thin;
	border-left-width: thin;
}
.title_box2 {
	background-image: url(images/headline.gif);
	background-repeat: repeat-x;
	padding: 10px;
}
.title_top {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CDDFEE;
	border-right-color: #CDDFEE;
	border-bottom-color: #CDDFEE;
	border-left-color: #CDDFEE;
}
a:link {
	color: #2757BD;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #2757BD;
}
a:hover {
	text-decoration: underline;
	color: #2757BD;
}
a:active {
	text-decoration: none;
	color: #2757BD;
}
.sub_heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #2757BD;
}
.red_text {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-style: normal;
}
.testimonials {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #2757BD;
	font-size: x-small;
	background-color: #C5DCFA;
	padding: 2px;
	text-align: left;
}

/* navmenu
 * definitions that cause the hover-over effect(s) we want
 */
.navmenu:link {
  color: #558BFF;
  font-weight: bold;
  font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

.navmenu:visited  {
  color: #558BFF;
  font-weight: bold;
  font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

.navmenu:active {
  color: #558BFF;
  font-weight: bold;
  font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

.navmenu:hover {
 	color: white;
  background-color: #558BFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10pt;
}

/* navmenucurrent
 * definitions that cause the "this is the current section" effect
 */
.navmenucurrent:link {
 	color: white;
  background-color: #558BFF;
  font-weight: bold;
  font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

.navmenucurrent:visited  {
 	color: white;
  background-color: #558BFF;
  font-weight: bold;
  font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

.navmenucurrent:active {
 	color: white;
  background-color: #558BFF;
  font-weight: bold;
  font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

.navmenucurrent:hover {
 	color: white;
  background-color: #558BFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10pt;
}

/* product tables are used on resources pages that display ... well, tables of products.
*/
.product_table {
  width: 100%;
  border-collapse: collapse;
}
.product_table td {
  border: 1px solid #558BFF;
  padding: 5px;
}

.product_table td a {
  text-decoration: underline;
}

.product_table_image {
  text-align: center;
  width: 125px;
}

.product_table_description {
  text-align: left;
}
.product_table_desscription {
  text-align: left;
}

/* category_description is the paragraph on the category list pages on top that
  contains the descriptive paragraph.
*/
.category_description {
  margin-left: 25px;
  margin-right: 25px;
}

/* category tree is any in-body listing of the categories. Typically
 * on category archive pages.
 */
.category_tree {
}

.category_tree ul {
  list-style: none;
  margin-bottom: 10px;
  
  /* both of these need to be set for FF/IE compatibility */
  margin-left: 1em;
  padding-left: 0;
  margin-left: 0;
}

.category_tree ul ul {
  margin-left: 1em;
}

.category_tree li {
  line-height: 125%;
  }

/* used in lists of class graduates */
.grads {
  text-align: center;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: top;
  }

.main h2 {
  margin-bottom: 0;
  text-align: left;
  font-size: 12pt;
}

.red_emphasis {
  font-weight: bolder;
  font-size: larger;
  color: #8b0000;
}

/* cell used in event calendar */
.calendarcell {
      vertical-align: top;
      border: 1px solid black;
      text-align: center;
      padding: 4px;
}

/* Simple Tree Menu definitions */

.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: #ACCDFC url(list.gif) no-repeat left top;
list-style-type: none;
padding-left: 22px;
margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: #ACCDFC url(closed.gif) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

.paraheading {  /* paragraph based heading within an article body */
  margin-top: 20px;
  font-style: italic;
  }

.gradtable TABLE {
  border-collapse: collapse;
}

.gradtable TD {
  border: 1px solid #558BFF;
  font-size: smaller;
  padding: 3px;
}

.gradtableheader TD {
  font-weight: bolder;
  }