/********************************* CSS by DME - updated 090914 ************************/

html,body{height:100%;}
body{
	background: url(../images/body-tail.gif) top center repeat; 
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #666666;
	position: relative;
	min-width: 320px;
}
body#page2, body#page4{color:#929292;}
.main{width:1000px; margin:0 auto; position:relative;}
.content-box{background:#fff; box-shadow: 0px 0px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);}

/*********************************header***************************a6a6a6**********/
 header{width:100%; background:url(../images/background-campus.png) center top repeat; padding:24px 0 0;}
  header-subs{width:100%; background:url(../images/background-campus.png) center top repeat; padding:24px 0 0;}
	header .content-box{border-radius: 9px 9px 0 0; -moz-border-radius: 9px 9px 0 0; -webkit-border-radius: 9px 9px 0 0; padding-top:17px;}
	.header-pannel{padding-left:605px; margin-bottom:15px;}
/*	.navigation{background:url(../images/navigation-tail.gif) center top repeat-x #f0f0f0; border:1px solid #e8e8e8; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}*/
.header-right-info {
	float:right;
	font-size:11px;
	padding:3px 10px 10px 7px;
	margin:33px 1px 0 0;
	color:#333333;
	visibility:visible;
	background-color:#ffffff;


	border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px; -webkit-border-radius: 9px 9px 9px 9px;
	
}

h1{width:100%; text-align:left; font: bold 19px/23px 'Open Sans', sans-serif; color:#a1a1a1; text-transform:lowercase; letter-spacing:-1px; word-spacing:2px; margin-bottom:20px;}
	h1 a{display:inline-block; font:normal 59px/71px 'Open Sans', sans-serif; color:#1c1c1c; text-decoration:none; text-transform:uppercase; letter-spacing:-6px;}
		h1 a:hover{text-decoration:none;}
		h1 a .color-1{color:#42a3c6;}
		h1 a .color-2{color:#d10f0f;}
	h1 > span{display:block; margin-top:-12px;}
.secondary-menu{float:left; overflow:hidden;}
	.secondary-menu li{float:left; margin-right:16px; font:13px/16px Arial, Helvetica, sans-serif;}
	.secondary-menu a{text-decoration:none; color:#abaaaa;}
		.secondary-menu a:hover{text-decoration:underline; color:#d10f0f;}
.languages{float:right;}
	.languages li{float:left; margin-right:7px;}
	.languages a{display:block; width:24px; height:15px; overflow:hidden; text-decoration:none; background-image:url(../images/languages.jpg); background-repeat:no-repeat;}
		.languages .lang-1 a{background-position:0 0;}
		.languages .lang-2 a{background-position:-31px 0;}
		.languages .lang-3 a{background-position:-62px 0;}
/********************************* Content **********************************/
/* #content{width:100%; background:url(../images/contant-tail.jpg) center top repeat;} */
	#content .content-box{border-radius: 0 0 9px 9px; -moz-border-radius: 0 0 9px 9px; -webkit-border-radius: 0 0 9px 9px; padding:33px 0 44px; margin-bottom:2px; position:relative; color:}
	#page1 #content .content-box{padding:10px 0 44px; font-size:13px; }
#content .content-box .fields_name {padding:4px; margin-top:1px; font-size:12px;}	
#content .content-box .fields_pw {padding:4px; margin-top:1px; font-size:12px;}

	
/* ---------- Tags ---------*/
h2{font:normal 28px/28px 'Open Sans', sans-serif; color:#4b4a4a; letter-spacing:-1px;}
	h2 .color-1{color:#151515;}
	h2 a{text-decoration:none; color:#4b4a4a;}
		h2 a:hover{color:#d10f0f;}
h3{font:normal 24px/29px 'Open Sans', sans-serif; color:#4b4a4a; text-transform:uppercase; letter-spacing:-2px; word-spacing:3px;}
	h3 a{text-decoration:none; color:#4b4a4a;}
		h3 a:hover{color:#d10f0f;}
	h3.title1{line-height:20px;}
h4{
	font: normal 20px/24px 'Open Sans', sans-serif;
	color: #000000;
}
	h4 a{color:#444; text-decoration:none;}
		h4 a:hover{color:#d10f0f;}
h6{
	font: normal 14px/18px Arial, Helvetica, sans-serif;
	color: #808080;
}
	h6 a{color:#d10f0f;}
	h6.title1{font:inherit; color:#2baccc;}
p, .p3-1{margin-bottom:18px}
	.p0{margin-bottom:0;}
	.p1{margin-bottom:5px;}		.p1-1{margin-bottom:8px;}
	.p2{margin-bottom:10px;}	.p2-1{margin-bottom:12px;}
	.p3{margin-bottom:15px;}
	.p4{margin-bottom:20px;}	.p4-1{margin-bottom:22px;}
	.p5{margin-bottom:25px;}	.p5-1{margin-bottom:28px;}
	.p6{margin-bottom:30px;}	.p6-1{margin-bottom:32px;}
	.p7{margin-bottom:35px;}	.p7-1{margin-bottom:37px;}
	.p8{margin-bottom:40px;}	.p8-1{margin-bottom:42px;}
a{
	color: #0099FF;
	outline: none;
	cursor: pointer;
	text-decoration: underline;
}
	a:hover{
	color: #BAA1F8;
}
	
blockquote{width:100%;}
	.quote-caption{text-align:right;}
time.block{background:#d10f0f; display:block; width:66px; height:59px; overflow:hidden; padding-top:7px; font:normal 28px/23px 'Open Sans', sans-serif; color:#fff; text-align:center; text-shadow:1px 1px 0px rgba(102,18,18,0.28); border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;}
/*----- Global Structure -----*/
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.wrapper{width:100%;overflow:hidden;position:relative;}
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.img-indent{float:left; margin-right:22px;}
.img-indent2{float:left; margin-right:10px;}
.img-indent3{float:left; margin-right:15px;}
.img-indent3-1{float:left; margin-right:18px;}
.last-item{margin-right:0 !important; margin-bottom:0 !important;}

.font-1{font:13px/18px Arial, Helvetica, sans-serif;}

/*DME more text and call out styles */

.text-small-11 {
	font-size:11px;
	color:#666666;
}

.text-small-11-nocolor {
	font-size:11px;
	
}

.titles-1 {
	font-size:13px;
	font-weight:bold;
	color:#099;
}

.titles-courses {
	font-size: 15px;
	font-weight: bold;
	color: #009999;
	text-transform: uppercase;
	line-height:24px;
	margin-bottom:-8px;
	border-bottom:#CCC 1px solid ;
	border-bottom-width:thin;
	width:100%;
		
}
.titles-current-course {
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	font-style:italic;
	text-transform: uppercase;
	line-height:24px;
	margin-bottom:-8px;
	
}

.titles-sub-courses {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
}

.titles-sub-courses-schedule {
	padding:14px 1px 12px 12px;
	background-color:#e1e1e1;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin-bottom:12px;
	border-radius: 9px 9px 0 0; -moz-border-radius: 9px 9px 0 0; -webkit-border-radius: 9px 9px 0 0;
}

.titles-courses-register {
	padding:14px 14px 12px 12px;
	background-color:#e1e1e1;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	margin-bottom:12px;

	border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px; -webkit-border-radius: 9px 9px 9px 9px;
}


.titles-4 {
	font-size: 14px;
	font-weight: bold;
	color: #999999;
}

.text-dates-italic {
	font-style: italic;
/*	color: #FF8040; */
	font-size: 12px;
}

.callout-course {
	border: solid 1px #CCCCCC;
	padding: 5px 3px 5px 8px;
	background-color: #F4F4F7;
	margin-bottom: 10px;
	border-radius: 9px 9px 0 0;
	-moz-border-radius: 9px 9px 0 0;
	-webkit-border-radius: 9px 9px 0 0;
}

.top-of-page {
	text-align:right;
	font-size:10px;
}

/*---------- Columns --------*/
.col-3-0{float:left; width:270px; margin-right:29px;}
.col-3-1{float:left; width:180px; margin-right:29px;}
.col-3-2{float:left; width:160px;}
/*---------- Links ----------*/
.button{display:inline-block; background:url(../images/button-tail.gif) center top repeat-x #f3f3f3; font: bold 12px/15px Arial, Helvetica, sans-serif; color:#444; text-decoration:none; border-top:1px solid #f3f1f1; border-right:1px solid #e7e5e6; border-left:1px solid #e7e5e6; border-bottom:1px solid #e1ddde; cursor:pointer; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:6px 13px 7px;}
	.button:hover{text-decoration:none; background-position:center -37px; background-color:#2a87b1; border-color:#51aaca; color:#fff;}
	.button span{display:inline-block; width:7px; height:7px; overflow:hidden; background:url(../images/buton-marker.gif) center top no-repeat; vertical-align:0; margin-left:4px;}
		.button:hover span{background-position: center -36px;}
.button1{padding:7px 22px 6px;}
.link{color:#d10f0f; text-transform:uppercase;}
.link-3{text-decoration:none; color:#d10f0f; font-size:14px;}
	.link-3:hover{color:#444;}
/*----------- Boxes ----------*/
.box1{border:1px solid #e9e8e8; overflow:hidden; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.box2{float:left; width:312px; border-radius:8px; background:#fff; -moz-border-radius:8px; -webkit-border-radius:8px; cursor:default;}
	.box2 .indents1{padding:7px 11px 6px;}
	.box2 span{display:block; color:#2baccc; font-size:11px;}
	.box2:hover{background-color:#d10f0f; color:#fff;}
	.box2:hover a, .box2:hover span{color:#fff;}
		.box2:hover a:hover{text-decoration:underline;}
.box_reg_details {
	border-top: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	width: 95%;
	background-color: #ffffff;
	padding: 12px 15px 12px 0px;
}
		
/*---------- Lists -----------*/
.list-1 li, .list-1 dt{background:url(../images/marker-1.png) 1px 0px no-repeat; padding-left:29px; font:13px/15px Arial, Helvetica, sans-serif;}
	.list-1 dt{min-height:19px;}
	.list-1 li{padding-bottom:13px;}
		.list-1 li.last-item{padding-bottom:7px;}
	.list-1 dd{font:13px/18px Arial, Helvetica, sans-serif; padding-left:29px; margin:-2px 0 20px;}


.content-course-lists-ol li{
list-style: decimal outside none; margin-left: 3em; line-height:20px;
}

.content-course-lists-ul li{
list-style:  disc outside none; margin-left: 3em; line-height:20px;

}

/*---------- Indents ---------*/
.indent-top1{padding-top:3px;}
.indent-top5{padding-top:25px;}
.indent-right3{padding-right:15px;}
.indent-right4{padding-right:20px;}
.indent-right12{padding-right:60px;}
.indent-left1-1{padding-left:7px;}
.indent-left2{padding-left:10px;}
.indent-left3{padding-left:15px;}
.indent-left4-1{padding-left:23px;}
.indent-bottom10{padding-bottom:50px;}
/*----------- Map ------------*/
#map iframe{width:460px; height:229px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;}
#map dl{float:left; width:205px; margin-right:20px; position:relative; overflow:hidden;}
#map dt{font-size:14px; color:#d10f0f;}
	#map dd a{text-decoration:none;}
	#map dd.last-item a{text-decoration:underline;}
		#map dd.last-item a:hover{text-decoration:none;}
#map dl span {float:left; width:89px;}
/************************************** Footer *************************************/
footer{width:100%; margin-top:-88px; padding:104px 0 40px; background: url(../images/body-tail.gif) top center repeat; font:14px/17px Arial, Helvetica, sans-serif; color:#000; text-align:center;} 
	footer h3{font-size:30px; line-height:36px; color:#2c2c2c;}
	footer .contact-info{font:21px/26px 'Open Sans', sans-serif; color:#717171;}
		footer .contact-info strong{display:inline-block; font-weight:normal; vertical-align:0;}
		footer .contact-info span{display:inline-block; font-size:36px; line-height:36px; color:#42a3c6; letter-spacing:-1px; vertical-align:-1px;}
			footer .contact-info a{text-decoration:none; color:#42a3c6;}
	.footer-text{margin-top:0px; font-size:10px;}
	
	.footer-menu{overflow:hidden; float:right; padding-top:3px;}
		.footer-menu li{float:left; padding:0 10px 0 9px; background:url(../images/footer-menu-separator.gif) right 4px no-repeat;}
			.footer-menu li:first-child{padding-left:0;}
			.footer-menu li.last-item{padding-right:0; background:none;}
		.footer-menu a{text-decoration:none; color:#7c7c7c;}
			.footer-menu a:hover, .footer-menu a.active{text-decoration:underline; color:#ff0042;}
			.footer-nav {
				text-align:center;
			}
/*-------- social icons -------*/
.social-icons{margin:0; list-style:none; float:right; padding-top:0px;}
	.social-icons li{float:left; margin-right:4px;}
		.social-icons li a{display:block; height:25px; width:25px; background-image: url(../images/social-icons.jpg); background-repeat: no-repeat; cursor:pointer;}
		.social-icons .icon-1 a{background-position:0 top;}
		.social-icons .icon-2 a{background-position:-29px top;}
		.social-icons .icon-3 a{background-position:-58px top;}
			

/*=================================================================================*/
@media only screen and (max-width: 995px) {
	img{width:100%; height:auto;}
	.hide1{display:none;}
	.img-indent-none1{float:none; margin-right:0; margin-bottom:10px;}
	p, .p3, .p3-1{margin-bottom:13px}
		.p4, .p4-1{margin-bottom:15px;}
		.p5, .p5-1{margin-bottom:20px;}
		.p6, .p6-1{margin-bottom:25px;}
		.p7, .p7-1{margin-bottom:30px;}
		.p8, .p8-1{margin-bottom:35px;}
	.img-indent{margin-right:15px;}
	.col-3-1{width:156px; margin-right:20px;}
		.grid_7 .col-3-1{width:100%; margin-right:0; margin-bottom:20px;}
	.col-3-2{width:108px;}
	/*-----------------------------------------*/
	.main{width:768px;}
	.header-pannel{padding:5px 10px 0 398px; margin-bottom:20px;}
	h1{margin-bottom:25px;}
	.box2{width:249px;}
	#map iframe{width:412px;}
	#map dl{width:200px; margin-right:10px;}
	footer {font-size:12px; line-height:18px;}
	.footer-menu li {padding:0 8px 0 7px;}
	.indent-top1{padding-top:0;}
	.indent-left1-1,.indent-left2,.indent-left3, .indent-left4-1{padding-left:0;}
	.indent-right3, .indent-right4, .indent-right12{padding-right:0px;}
	.indent-bottom10{padding-bottom:25px;}
}
@media only screen and (min-width: 768px) and (max-width: 995px){.hide1x{display:none;}}
@media only screen and (max-width: 767px) {
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .extra-marg-bot{margin-bottom:25px;}
	.hide2{display:none;}
	.last-col{margin-bottom:0 !important;}
	.even-last-item{margin-right:0 !important;}
	.img-indent-none2{float:none; margin-right:0; margin-bottom:10px;}
	.extra-wrap2{overflow:hidden;display:block;}
	.extra-wrap-none2{overflow:visible;}
	.col-3-1, .col-3-2{width:100%; margin-right:0; margin-bottom:20px;}
	/*-----------------------------------------*/
	.main{width:460px;}
	.header-pannel{padding:0px 10px; margin-bottom:15px;}
	.navigation{background:url(../images/navigation-tail.gif) center top repeat-x #f0f0f0; height:auto; padding-bottom:20px;}
	.box2{width:100%; margin-bottom:20px;}
	#map iframe{width:100%;}
	footer .alignright{text-align:left;}
	footer .contact-info span{display:block;}
	.footer-menu, .social-icons{float:none;}
}

@media only screen and (max-width: 479px) {
	.hide3{display:none;}
	.img-indent-none3{float:none; margin-right:0; margin-bottom:10px;}
	/*-----------------------------------------*/
	h2{font-size: 24px; line-height:24px;}
	h3, footer h3{font-size: 20px; line-height:24px;}
	h4{font-size: 16px; line-height:20px;}
	h6{font-size: 12px;}
	.main{width:320px;}
	.secondary-menu{float:none; margin-bottom:10px;}
	.languages{float:none;}
	#map dl{float:none; width:100%; margin-right:0px; margin-bottom:20px;}
	footer .contact-info{font-size:16px; line-height:20px;}
		footer .contact-info span{font-size:30px; line-height:36px;}
	.footer-menu{display:none;}
}