html, body {
  background: #48517E url(../site_images/backgroundlong.png) repeat-x fixed;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  }

.css_hide {
	position: absolute;
	left: -5000000000px;
}
  
#imark {													/* addedby DDK 1/20/2009 */
	position: absolute;
	right: 18px;
	top: 18px;
}

#login {
	color: #111111;
	font-size: 12px;
	line-height: 12px;
	position: absolute;
	right: 18px;
	text-decoration: none;
	top: 165px;
}

#login img {
	position: relative;
	top: 3px;
}

#login:hover,
#login:focus,
#login:active {
	border-bottom-style: none;
	color: #FFF;
}
  
a {
  color: #f38f1d;
  text-decoration: underline;
  }
  
a:hover,
a:focus,
a:active {
  color: #e31836;
  text-decoration: underline;
  border-bottom: 1px dashed #e31836;
  }
  
#leftcol a {
  color: #666;
  }
  
#leftcol a:hover,
#leftcol a:focus,
#leftcol a:active {
  color: #666;
  border-bottom: 1px dashed #666;
  }
  
#gem a {
  color: #f38f1d !important;
  }
  
#gem a:hover,
#gem a:focus,
#gem a:active {
  color: #e31836 !important;
  border-bottom: 1px dashed #e31836 !important;
  }

#page {
  padding: 0.6em;
  background-color: #fff;
  width: 801px;
  margin: 1em auto;
  
  position: relative;											/* added by DDK 1/20/2009 */
  }

#bar {
  list-style: none;
  padding: 0;
  margin: 0;
  }
  
#bar li {
  float: left;
  margin:0;
  }
  
#bar li a {
  background: #e31836 url(../site_images/bargrad.png) bottom left repeat-x;
  border-right: 1px solid #900;
  border-bottom-style: none;
  padding-top:10px;
  color: #fff;
  height: 2.5em;
  line-height: 25px;
  float: left;
  width: 199px;
  display: block;
  font-family: Georgia, serif;
  text-decoration: none;
  text-align: center;
  }
  
#bar li.last a {
	border-right-style: none;
	width: 130px;
}
  
#bar li a:hover {
  background: #f00 url(../site_images/bargradact.png) bottom left repeat-x;
  }
 
#bar li a.current {
	background-image: none;
} 

#bar li a.current:hover {
  	background: #e31836;
	cursor: default;
}
 
#wrapper {
  background: url(../site_images/gradient.png) 0% -35px repeat-x;
	overflow: hidden;
	width: 100%;
} 
 
#title, #content {
  background: url(../site_images/gradient.png) repeat-x;
  padding: 4em 2em;
  }
  
#content {
  padding-bottom: 0;
  }
  
#db_content, #sidebar {
  background-position: 0% 25%;
  }  
  
#db_content {
	border-right: 144px solid transparent;
  float: left;
  	margin-right: -144px;
  padding: 1em 2em 0;
  width: 560px;
  }
  
#sidebar {
  float: left;
  padding: 2.25em 0 0 0;
  width: 144px;
}

h1, h2, h3, h4, h5 {
  margin: 0;
  }

h1, h2 {
  color: #f38f1d;
  }
  
h1 {
  font-size: 2.3em;
  }

h2 {
  font-size: 1.7em;
  font-weight: normal;
  }
  
h3 {
  margin-top: 1em;
  font-size: 1.5em;
  color: #27318b;
  }
  
h4 {
  font-size: 1.3em;
  font-weight: normal;
  }
  
#colwrap {
  width: 750px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
  }
  
#leftcol {
  float: left;
  width: 45%;
  }
  
#rightcol {
  float: right;
  width: 45%;
  }

h5 {
  color: #8cc63f;
  font-size: 1em;
  text-transform: uppercase;
  margin-top: 2em;
  }
  
  
  h6 {
  color: #515660;
  font-size: .7em;
  margin-top: 2em;
  }
  
  
.first {
  margin-top: 1.5em;
  }
  
#content, p, ul, blockquote, ol, table, form {
  font-size: 0.9em;
  margin-bottom: 1em;  
  }

form table,  
table form {
	margin-bottom: 0;
}

ul, blockquote, ol {
	margin-left: 2.5em;
  }
  
li {
	margin-bottom: 0.5em;
  }
  
ul.horizontal {
	list-style-type: none;
	margin-bottom: 0px;
}

ul.horizontal li {
	display: inline;
	margin: 0 0.5em 0 0;
	width: auto;
}	
  
#colwrap p {
  margin: 0;
  }
  
#gem {
  margin-bottom: 1em !important;
  }
  
#colwrap ul {
  list-style: square;
  padding: 0;
  padding-left: 5em;
  margin: 0;
 
  }
  
#colwrap li {
  margin-top: 0.5em;
  line-height: 1em;
  }
  
#fundby {
  color: #e31836;
  font-style: italic;
  margin-top: 2.5em !important;
  }

#logos {
  margin: 1em auto 0 !important;
  line-height: 2em;
  width: 65%;
  }
  
#logos img {
  margin: 0.2em;
  }
  
#logos a:hover {
  border-bottom-style: none;
  }
  
  
#sidebar h2 {
	color: #111;
	font-size: 100%;
	text-align: center;
}

#sidebar_menu {
	border: 1px solid #62AAFF;
	list-style-type: none;
	margin: 0;
}  

#sidebar_menu li {
	margin: 0;
}

#sidebar_menu li a {
	background: #C9E2FF;
	border-color: #C9E2FF;
	border-style: solid;
	border-width: 1px 0;
	color: #666;
	display: block;
	height: 25px;
	line-height: 25px;
	padding-left: 10px;
	text-decoration: none;
}

#sidebar_menu li a:hover,
#sidebar_menu li a:focus,
#sidebar_menu li a:active {
	background: #B0D5FF;
	border-color: #62AAFF;
	color: #111;
}

#sidebar_menu li.first a {
	border-top-style: none;
}

#sidebar_menu li.last a {
	border-bottom-style: none;
}

table {
	border-style: none;
}

tr.t { border-top-style:    none; }		/* these for styles override the normal .t, .l, .b, and .r styles for tr tags */
tr.l { border-left-style:   none; }   
tr.b { border-bottom-style: none; }
tr.r { border-right-style:  none; }

tr.t th, tr.t td { border-top:    1px solid #454545; }	/* then, these four will make all cells in a row have borders */
tr.l th, tr.l td { border-left:   1px solid #454545; }
tr.b th, tr.b td { border-bottom: 1px solid #454545; }
tr.r th, tr.r td { border-right:  1px solid #454545; }

th {
	font-weight: bold;
	padding: 5px;
	text-align: left;
	vertical-align: bottom;
}

th.centered {
	text-align: center;
}

th[scope=row] {
	vertical-align: top;
}

th[scope=row].right {
	float: none;
	margin-left: 0px;
	text-align: right;
}

td {
	padding: 5px;
	vertical-align: top;
}

td.colorize,
table.colorize th {
	background-color: #B0D5FF;
}

table.colorize th.colorless {
	background-color: transparent;
}

table.colorize tr.odd td {
	background-color: #F0F0F0;
}

table.h_list tbody tr:hover td,
table.h_list tbody tr:hover th.colorless {
	background-color: #FFDEB0;
}

table.h_list tbody tr:hover td[rowspan],
table.h_list tbody tr:hover th[rowspan] {
	background-color: #FFF;
}

ul.table {
	padding-left: 0;
	list-style-type: none;
}

ul.table li {
	clear: both;
	display: block;
	float: left;
	margin-bottom: 15px;
	width: 100%;
}

ul.table li strong {
	display: block;
	float: left;
	width: 9em;
}

ul.table li p {
	margin: 0 0 0 10em;
}

td.times {
	text-align:right;
	white-space: nowrap;
}
div.program_weekheader {
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	background-color: #ccc;
}
div#title h5 {
	color: #c33;
	margin-top: 0;
	padding-top: 0;
	font-size: 80%;
}color:#333333