BODY {
	FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
TH {
	FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}

h1 { FONT-SIZE: 29px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#708090; text-transform:lowercase; font-weight:normal; margin-top:10px; margin-left:3px; }

h2 { FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#708090; font-weight:bold; }

.head-subtheme {FONT-SIZE: 14px; font-weight:normal; text-transform:none;}

TD {
	FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
P {
	FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.maintxt {
	FONT-SIZE: 13px; FONT-FAMILY: Arial, Helvetica
}
caption {text-align:left;}
.subhead {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #555555; FONT-FAMILY: Arial, Helvetica
}
.hm-course-hd {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; LINE-HEIGHT: 16px; FONT-FAMILY: Arial, Helvetica
}
.hm-course-title {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ff0000; LINE-HEIGHT: 13px; FONT-FAMILY: Arial, Helvetica
}
.sm-text {
	FONT-SIZE: 12px; COLOR: #555555; FONT-FAMILY: Arial, Helvetica
}
.hm-menuinfo {
	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica
}
.hm-menuinfo-big {
	FONT-SIZE: 13px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica
}
BODY {
	BACKGROUND-COLOR: #cccccc
}
A:link {
	COLOR: #ff0000; TEXT-DECORATION: none
}
A.link:hover {
	TEXT-DECORATION: underline
}
A:visited {
	COLOR: #ff0000; TEXT-DECORATION: none
}
A:active {
	TEXT-DECORATION: none
}
SPAN.tiptitle {
	FONT-WEIGHT: bold; FONT-SIZE: 24px
}
.innerA {  
  	margin: 0 0 1em 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	
}
.innerA ul {
	list-style: none;
	margin: 0;
	padding: 0 0 .5em 0;
}
.innerA li {
	border-bottom: 1px solid #e2e2e2;
	padding: 0.6em 0 0 0;
}
.innerA li a:link, .innerA li a:visited {
	color:#ff0000;
	text-decoration: none;
	font-weight:normal;
}

/*--------------------------------------------------------*/
/* calendar */
/*--------------------------------------------------------*/
/* calendar styles */
#calendar {
	border:solid #ccc 1px;
	background:#ffffff;
	padding:5px;
	}
#calendar td {
	text-align:center;
	}
#calendarMonth a:link, #calendarMonth a:visited, #calendarMonth a:active {
	color:#fff;
	}
#calendarMonth { 
	color:#ffffff;
	background-color:#666666;
	padding:3px;
	text-transform:uppercase;
	text-align:center;
	}
#calendar th {
	text-align:center;
	background-color:#D6D6D6;
	font-weight:bold;
	}
#CalToday {
	text-align:center;
	background-color:#FF9900;
	color:#fff;
	font-weight:normal;
	display:block;
	}
#CalToday a:link, #CalToday a:visited, #CalToday a:active {
	color:#fff;
	}
#CalSelect {
	text-align:center;
	background-color:#ccc;
	color:#fff;
	font-weight:normal;
	display:block;
	}
#CalSelect a:link, #CalSelect a:visited, #CalSelect a:active {
	color:#fff;
	}
#skipDays {
	text-align:center;
	background-color:#eee;
	font-weight:bold;
	}
#CalDay {
	text-align:center;
	background-color:#f1f1f1;
	font-weight:normal;
	}
#CalDay a:link, #CalDay a:visited, #CalDay a:active {
	color:#000;
	}
#CalEventDay {
	text-align:center;
	background-color:#1174bc;
	color:#fff;
	font-weight:normal;
	display:block;
	}
#CalEventDay a:link, #CalEventDay a:visited, #CalEventDay a:active {
	color:#fff;
	}
#CalDay a:hover {
	color:#1174bc;
	}
#calendar table {}
#calendar {padding:5px;}

/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any compsition of columns in a layout.
   Nesting columns works like a charm (remember .first and .last). */
   
.column {
	margin: 0;
	padding: 0;
}
.column-nopad {
	float: left;
	margin: 0;
	padding: 0;
}
* html .column {
	overflow-x: hidden;
} /* IE6 fix */
/* Add this class to a column if you want a border on its 
   right hand side. This should be customized to fit your needs. */

.border {
	padding-right: 9px;
	margin-right: 0;
	border-right: 1px solid #ddd;
}
/* The first and last elements in a multi-column 
   block needs one of these classes each. */
.first {
	margin-left: 0;
}
.last {
	margin-right: 0;
}
/* Use these classes to set how wide a column should be. */
/* Home page . */
.span-first-nav {
	width: 960px;
	margin: 0;
	background-image:url(../images/nav-primary-bg.jpg);
	background-repeat:no-repeat;
	border-bottom: 1px solid #FEDA00;
	margin-bottom: 10px;
	padding-bottom: 6px;
}
.span-sec-nav {
	width: 418px;
	margin: 0;
	padding: 0;
	background-image:url(../images/nav-secondary-bg.jpg);
	background-repeat:no-repeat;
}
.span-admin-nav {
	width: 418px;
	margin: 0;
	padding: 0;
	background-image:url(../images/nav-admin-bg.jpg);
	background-repeat:no-repeat;
}
/* image container */
.img-rot {
	width: 280px;
	float: left;
	margin: 0;
	padding: 0;
}
/* info container */
.info-col {
	width: 250px;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
.span-1 {
	width: 50px;
}
.span-2 {
	width: 120px;
}
.span-3 {
	width: 190px;
}
.span-4 {
	width: 260px;
}
.span-5 {
	width: 330px;
}
.span-6 {
	width: 400px;
}
.span-7 {
	width: 470px;
}
.span-8 { }
.span-9 {
	width: 610px;
}
.span-10 {
	width: 680px;
}
.span-11 {
	width: 750px;
}
.span-12 {
	width: 820px;
}
.span-13 {
	width: 890px;
}
.span-14 {
	width: 960px;
	margin: 0;
}
/* Use a .box to create a padded box inside a column. 
   Sticking to the the baseline. */ 
   
.box {
}
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear {
	display: inline-block;
}
.clear:after, .container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clear {
	height: 1%;
}
.clear {
	display: block;
}
/* Nudge your elements [subtraction.com/archives/2007/0606_nudge_your_e.php]:
   All block elements (not hr) inside a col should have a 5px padding on each side.
   (Not everyone wants this, but feel free to uncomment if you do.) */

p, ul, ol, dl, h1, h2, h3, h4, h5, h6, caption, pre, blockquote, input, textarea {
/*	padding-left: 5px;
	padding-right: 5px;*/
}
/*--------------------------------------------------------*/
/* webform */
/*--------------------------------------------------------*/
#webform {
	padding:3px;
	width:100%;
	font-size:100%;
	border-collapse:collapse;
}
#webform caption{
	text-align:left;
	font-weight:bold;
	padding:5px;
	background-color:#666;
	color:#fff;
	font-size:110%;
}
#webform label {
	font-weight:normal;
}
#webformquestion {
	background-color:#f1f1f1; 
	padding-left:6px;
	padding-right:6px;
	vertical-align:top;
	width:40%;
	font-weight:normal;
}
#webformfield {
	border:1px solid #eee; 
	background-color:#fff;
	vertical-align:top;
}
#websectionnumber {
	vertical-align:top;
	background-color:#0086C8;
	font-size:40px;
	color:#fff;
	font-weight:bold;
	width:10px;
}