/* Dragon */
@font-face
{
font-family: OpenSans;
src: url('../fonts/OpenSans-Regular.ttf');
}
@font-face
{
font-family: OpenSans-Light;
src: url('../fonts/OpenSans-Light.ttf');
}



html { margin: 0; padding: 0; }
body { margin: 0; padding: 0; font-size: 11.5px; font-family: OpenSans, Helvetica, Verdana;}
div  { margin: 0; padding: 0; border: 0; }
h1   { margin: 0; padding: 0; font-size: 16px; font-weight: normal;  margin-bottom: 10px; font-family: OpenSans-Light;}
h2   { margin: 0; padding: 0; font-size: 14px; font-weight: normal; margin-bottom: 10px; margin-top: 15px; font-family: OpenSans-Light;}
h3   { margin: 0; padding: 0; font-size: 14px; font-weight: normal; margin-bottom: 10px;  margin-top: 15px; font-family: OpenSans-Light;}
p    { margin: 0; padding: 0; }
p.highlight {
	color: #CC0033;
}
table { margin: 0; padding: 0; border-collapse: collapse; }
td { border: none; padding: 2px; font-size: 12px; }
th { border: none; padding: 0; font-size: 12px; font-weight: normal; color: #555; }
th.nb { color: #555; padding-right: 5px;}
a {
	color: #FF7300;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #1A45E8;
}
.normal {
	font-weight: normal;
	text-decoration: none;
}
.button {
	margin: 15 0px;
	padding: 0px;
}
.button img {
	vertical-align: middle;
}
.button2 {
	border: 1px Solid #AAA;
	padding: 2px 4px;
	margin-right: 2px;
	background-color: #FFF;
	font-size: 12px;
}

.right { 
	text-align: right;
}
.grey {
	color: #555;
}

/* Index Page */
#header {
	background-position: center bottom;
	background-repeat: no-repeat;
	clear:both;
	float:left;
	height: 168px;
	width:100%; 
	background-image: url(../images/t1_header.png);
}
.morto {
	text-transform: uppercase;
	margin-top: 95px;
	font-size: 15px;
	color: #777;
}
#container {
	margin-left: auto;
	margin-right: auto;
	width:800px;
}
/* column container */
.colmask {
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(../images/t1_body_bg.png);
	position:relative;	
	clear:both;
	float:left;
	width:100%;			
	overflow:hidden;		
}
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1 {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: url(../images/t1_body_03.png);
	float:left;
	position:relative;
	padding: 0px;
	overflow:hidden;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;		
	border-top-right-radius: 5px;		
}
.col2,
.col3 {
	float:left;
	position:relative;
	padding: 0px;
	overflow:hidden;
}
.col1_content {
	margin: 40 15px;
	
}
.rightmenu .colleft {
	right:22%;		
}
.rightmenu .col1 {
	width:78%;			/* left column content width (left column width minus left and right padding) */
	left:22%;			/* (right column width) plus (left column left padding) */
	min-height: 200px;
}
.rightmenu .col2 {
	width:21.5%;			/* right column content width (right column width minus left and right padding) */
	left:22%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
#footer {
	clear:both;
	float:left;
	width:78%;
	border-top:1px solid #CCC;
	background-color: #FFF;
	min-height: 200px;
}
.footer_col a,
.footer_col p {
	padding:0px;
	margin:0;
	font-size: 11px;
	color: #777;
	font-weight: normal;
}
.footer_col {
	width: 30%;
	float: left;
	margin: 10px;
}
.footer_col h2 {
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}
.footer_col ul {
	margin: 0; padding: 0px;
}
.footer_col li {
	list-style-type: none;
}

/*Col 1 Specials */
.sigunup {
	background-color:#FAFAFA; border:1px Solid #CCC; border-bottom:none; background-image:none;
}

/*Col 1 Content Format */
.col1_content h1 {
	text-transform:uppercase;
	font-size: 18px;
}
.col1_content h2 {
	color: #FF7300;
}
.col1_content h3 {
	text-transform: uppercase;
	color: #666;
}
.welcome {
	padding: 0 15px;
	float: left;
	width: 44%;
}
.welcome h1 {
	text-transform:uppercase;
	color: #282b1c;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;		
}
p.hl {
	color: #FF7300;
	font-size: 13px;
	margin-bottom: 10px;
}
.spotlight {
	padding: 0 15px;
	border-left: 1px Solid #CCC;
	float: left;
	width: 44%;	
}
.spotlight h1 {
	font-size: 14px;
	text-transform:uppercase;
	color: #282b1c;
	font-weight: normal;
	margin-bottom: 10px;	
}
.spotlight h2 { 
	font-size: 13px;
	font-weight: normal;
	color: #FF7300;
	text-transform:uppercase;
	margin-top: 5px;
	margin-bottom: 5px;
}
.spotlight ul {
	margin: 0; padding: 0;
}
.spotlight li {
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 5px;
	list-style-type: none;
	margin-bottom: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;		
}
.spotlight .date {
	float: left; width: 100px;
	text-align: left;
}
.spotlight .description {
	float: left; width: 90px;
}
.spotlight .location {
	float: left; width: 85px !important;
}
.spotlight .signup a {
	font-size: 11px;
	color: #FF7300;
	font-weight: normal;
	text-transform:uppercase;	
}
.spotlight .signup img {
	vertical-align: middle;
	margin-left: 3px;
}


.course_info ul {
	margin: 0; padding: 0;
}
.course_info li {
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 5px;
	list-style-type: none;
	margin-bottom: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;		
	width: 300px;
}
.course_info .date {
	float: left; width: 80px;
	text-align: center;
}
.course_info .description {
	float: left; width: 150px;
}
.col1_content .location {
	float: left; width: 150px;
}
.course_info .signup a {
	font-size: 11px;
	color: #FF7300;
	font-weight: normal;
	text-transform:uppercase;	
}
.course_info .signup img {
	vertical-align: middle;
	margin-left: 3px;
}


.courses {
	float: left;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
}
.course_group {
	background-color:rgba(50, 50, 50, 0.2);
	padding: 10px;
	padding-left: 15px;
	margin: 5px;
	width: 43%;
	float: left;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	overflow-x: hidden;
}
.course_group h2 {
	text-transform: uppercase;
	color: #282b1c;
	font-size: 12px;
	font-weight: normal;
}
.course_group ul {
	margin: 2 10px ; padding: 2 10px;
}
.course_group li {
	list-style-image: url('../images/arrow_bw.png');
	margin-top: 2px;
}

.static {
	padding-top:20px;
	padding-bottom:20px;
}
.static p {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 2em;
}
/* Menu */
ul.menu {
	margin: 0px;
	padding: 0px;
}
ul.menu li {
	font-family: OpenSans-Light;
	text-transform: uppercase;
	text-align: right;
	list-style-type: none;
	margin-top: 20px;
}
ul.menu li a {
	font-weight: normal;
	font-size: 13px;
	color: #282b1c;
}
ul.menu li a:hover {
	color: #FF7300;
}
ul.menu li a.selected {
	font-family: OpenSans;
	color: #FF7300;	
}

/*Calendar*/
.calendertable {
	margin-bottom: 20px;
}
.calendertable th {
	font-size: 11px;
}
.calendertable p {
	margin-top: 5px;
	margin-bottom: 5px;
}
th.days {
	font-weight: normal;
	font-style: italic;
	color: #AAA;
}
td.cal
{
	border: none;
	font-size: 11px;
	width: 28px;
	height: 26px;
	padding-left: 0px;
	padding-right: 2px;
	padding-top: 4px;
	padding-bottom: 2px;
	text-align: right;
	margin: 0px;
}
td.today
{
	color: red;
	font-weight: bold;
}
td.past
{
	color: #AAA;
	background-image: url(../images/cal_cross.gif);
	background-position: right;
	background-repeat: no-repeat;
}
td.eve
{
	font-weight: bold;
	color: #0683A2;
}
td.eveStart {
	background-position: right;
	background-repeat: no-repeat;
	background-image: url(../images/bg_cal_Start.png);

}
td.eveStart:hover {
	cursor: pointer;
}
td.eveEnd {
	background-position: right;
	background-repeat: no-repeat;
	background-image: url(../images/bg_cal_End.png);
}
td.eveEnd:hover {
	cursor: pointer;
}
td.eveOn {
	background-repeat: repeat-x;
	background-image: url(../images/bg_cal_On.png);
}
td.eveOn:hover {
	cursor: pointer;
}
td.eveStartEnd {
	background-position: right;
	background-repeat: no-repeat;
	background-image: url(../images/bg_cal_StartEnd.png);
}
td.eveStartEnd:hover {
	cursor: pointer;
}
th.linebottom
{
	border-bottom: 1px solid #DDD;
}
td.lastrow
{
	border: none;
	font-size: 10px;
	text-align: center;
	border-top: 1px solid #DDD;
}
td.lastrow a
{
	font-size: 10px;
}
.caltitle
{
	color: #333;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
span.calnext
{
	cursor: pointer;
	color: #0683A2;
}
.clickthismonth {
	cursor: pointer;
	color: #0683A2;
}
.calendertable h3 {
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
	font-style: italic;
	margin-bottom: 15px;
}

/* Inquiry Form */
div.inquiry {
	margin-top: 20px;
}
.inquiry table {
	margin-top: 10px;
}
.inquiry td {
	padding-top:2px;
	padding-bottom: 2px;
}
.inquiry th {
	font-weight: normal;
	font-style: italic;
	color: #999;
	width: 55px;
	text-align: right;
	padding-right: 5px;
	font-size: 10px;
}
.inquire_info {
	color: #0683A2;
}
.inquire_info:hover {
	cursor: pointer
}
.tiny {
	font-size: 10px;
}
/*classes for validator*/
.tfvHighlight
{
	color: red !important;
	text-align: right;	
}
.tfvNormal
{
	color: #555;
	text-align: right;		
}