@charset "UTF-8";
/* CSS Document */


body {
width:1024px;
margin:0 auto;
}


#wrapper{
width:1024px;
position:absolute;
}

a {
color:#27689a;
}

a:hover {
	color:#ff7800;
}


/* ----- HEADER ----- */



#header {
background:url(../images/header_background.png) repeat-x;
height:200px;
margin-top:-45px;
}

*:first-child+html #header {
background:url(../images/header_background.png) repeat-x;
height:200px;
margin-top:-20px;
}

.logo {
background:url(../images/logo.png) no-repeat;
width:200px;
height:150px;
margin:30px 0 0 10px;
}


/*#menu {
  list-style: none;
  padding: 0;
  margin:0;
}*/

#menunav {
float:right;
margin:-140px 0 0 0;
list-style:none;

}

/*first-child+html #menunav {
margin:-150px 0 0 0 ;
}*/

#menunav ul{
margin-left:10px;
padding:0;
margin-bottom:-1px;
}

#menunav li {
display:inline;
margin-left:20px;
}

/*#menunav2 {
margin:0 0 0 0;
}

*:first-child+html #menunav2 {
margin:0 0 0 0px;
}

#menunav2 ul{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#3b96dc;
margin-top:-15px;
padding:15px;
}


#menunav2 li {
display:inline;
margin:0 22px 0 34px;
}

*:first-child+html #menunav2 li {
display:inline;
margin:0 22px 0 34px;
}
*/


#menunav img {
border:none;
}

/*#menunav a {
  display: block;
  text-indent: 900%;
  position:absolute;
  outline: none;
  
}

#menunav a:hover {
  background-position: left bottom;
}

#menunav a:hover span {
  display: block;
}*/


#hr {
	background:url(../images/hr.png) repeat-x; 
	height:1px;
	margin:5px;
	padding:5px;
	width:1024px;
	
}

#hr p {
	margin:-25px 0 0 13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#3b96dc;
	text-transform:uppercase;
	
}

*:first-child+html #hr {
	background:url(../images/hr.png) repeat-x; 
	height:1px;
	margin:25px;
	padding:15px;	
}


*:first-child+html #hr p {
	margin:-40px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#3b96dc;
	text-transform:uppercase;
	position:relative;
	z-index:1;	
}



/* ----- NAVIGATION ----- */



#navigation {
width:474px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
float:left;
}

/**:first-child+html #navigation {
width:474px;
min-height:500px;*/ /* for modern browsers */
/*height:auto !important;  for modern browsers */
 /*height:500px; for IE5.x and IE6 */
/*float:left;
margin-bottom:-90px;
}*/

.title_left {
	margin:50px 0 0 30px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

.title_left2 {
	margin:0px 0 0 30px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

.title_left3 {
	margin-top:125px;//margin-top:10px;
	margin-left:30px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}


.title_left1 {
	margin:20px 0 0 30px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

.title_left4 {
	margin-left:30px;
	margin-top:5px;//margin-top:-25px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

*:first-child+html .title_left {
	margin:0 0 0 25px;
	}

.text_left {
	margin:10px 10px 30px 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	line-height:20px;
	text-transform:none;
}

.text_left2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	line-height:20px;
	float:left;
	width:50%;
	margin:-120px 10px 30px 30px;
}

.imageteacher {
	margin: 0 0 0 300px;
	
	
}

.imageelective {
	margin: 0 0 0 300px;
	
	
}

.image_left {
	margin-left:25px;
	width:400px;
	background:url(../images/container_left.png) no-repeat;
	padding:15px;
	
}


.image_left2 {
	margin:0 0 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}


.image_left p {
	padding:0;
	margin:0 0 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}

.gray {
	color:#a3a3a3;
}

.image_inside {
margin-left:55px;
margin-top:15px;
}

/*.image_insideR {
margin:20px 40px 25px 0;
height:155px;
float:right;
}

.image_insideL {
margin:20px 0 25px 0;
height:155px;
float:left;

}*/

.text_inside {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
 margin: 0 60px 0 20px;
}

/* ----- MAIN CONTENT ----- */



#content { 
margin-left:490px;
width:550px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
margin-top:-100px;

}


*:first-child+html #content { 
margin-right:480px;
width:550px;*/
min-height:500px;  /*for modern browsers */
height:auto !important;  /*for modern browsers */
height:500px;  /*for IE5.x and IE6 */
margin-top:-690px;
}


.title {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	float:left;
}

.blue {
	color:#27689a;
}

.orange {
	color:#ff7800;
}

.text {
	margin:5px 25px 50px 35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	float:right;
}


*:first-child+html .text {
	margin:5px 25px 50px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	float:right;
}

.image {
	margin:-50px 0 0 10px;
}

.imageblurb {
	margin: 10px 120px 0 0;
	padding:0;
	float:right;
	
}

*:first-child+html .imageblurb {
	margin: 40px 20px -15px 0;
	padding:0;
	float:right;
	
}

.imagewave {
	margin:0 0 0 35px;
	padding:0px;
}


.icon {
background:url(../images/box_icons2.png) no-repeat;
width:100px;
height:120px;
margin-top:50px;
padding:20px;
margin-left:25px;
}

.facebook {
margin:-5px;
padding:5px;
}
.tweeter {
margin:0px;
}

.icons {
margin-top:20px;
padding:10px;
margin-left:50px;
}


/* ----- FOOTER ----- */



#footer { 
background: url(../images/footer_backgropund.png) 0 0 ;
/*margin-top:560px;*/
height:110px;
padding:10px;
width:1024px;
margin-top:0px;
}



#footer p{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#000;
margin-top:0px;
line-height:0px;
padding:20px;
text-transform:capitalize;
text-align:center;
}

.tag{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#000;
margin-top:-80px;
line-height:0px;
padding:20px;
text-transform:capitalize;
text-align:center;
}



*:first-child+html #footer p{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#000;
padding:20px;
text-transform:capitalize;
}

.copyright {

font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
color:#002846;
margin:0px 0 20px 0;
line-height:0px;
padding:0;
text-transform:uppercase;
text-align:center;

}

#footer ul
{

padding: 0;
margin: 0 0 0 0;
list-style-type: none;
font-family:Arial;
font-size:9px;
color:#00294f;
font-weight:bold;
text-align:center;
}

#footer li{

display: inline;
margin-right: 1em;
text-transform:uppercase;

} 


#footer ul li a { color: #999999;
text-decoration:none;}

#footer ul li a:visited { color: #999999; text-decoration:none;}

#footer ul li a:hover 
{
color: #333333;

}
#footer ul li a:active
{
color: #999999;

}



/*slider div*/

#content3 {
width:900px;
margin:0 0 20px 100px;
}

#content3 p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:10px 25px 20px 25px;

}

#content3 ul{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0;
padding:0;
margin:0 0 10px 40px;
}

#content3 li {
display:inline;
margin:1.7em;
}


#content3 .title_left {
	margin:30px 0 20px 25px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:none;
}

*:first-child+html #content3 .title_left {
	margin:0px 0 20px 25px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:inherit;
}

#content3 .image{
margin-left: 25px;
}


#content3 .contact{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:80px;
margin-top:-35px;
float:left;
}

#content3 .imagecontact{

margin:10px 0 0 0 ;
display:block;
}

#content3 h3 {
	margin:40px 0 20px 25px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	}
	
*:first-child+html #content3 h3 {
	margin:0 0 20px 25px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
}

#content3 .image2 {
float:right;
margin-top:-270px;
}

#content4 {
width:900px;
margin:0 0 20px 100px;
}

#content4 p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:10px 25px 20px 25px;

}

#content4 ul{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0;
padding:0;
margin:0 0 30px 40px;
list-style-type:none;

}

#content4 li {
background-image:url(../images/list_button.png);
background-repeat: no-repeat;
background-position: 0 5px;//background-position: 0 10px;
padding-left: 1em;
}

#content4 .inside {
margin-left:50px;
}

#content4 h3 {
	margin:40px 0 20px 25px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	}
	
*:first-child+html #content4 h3 {
	margin:0 0 20px 25px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
}

/*Inner TS*/

.inner_ts{
background:url(../images/inneretechspace_box.png) no-repeat;
height:160px;
width:834px;
margin:0 0 0 165px;
}

*:first-child+html .inner_ts{
background:url(../images/inneretechspace_box.png) no-repeat;
height:160px;
width:834px;
margin:0 0 0 165px;
}

.ts_logo{
float:left;
margin:25px 10px 0 40px;
}

.ts_blurb {
float:right;
margin:-25px 90px 0 0;
}

.inner_ts p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:-25px 100px 20px 25px;
width:50%;
float:left;
}


.inner_ts .title{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0 0 0 -10px;
padding:35px;
}



/*course*/

#center2 { 
	margin-left:260px;
	width:710px;
	min-height:500px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:500px; /* for IE5.x and IE6 */
	margin-top:50px;
	margin-bottom:20px;
}

*:first-child+html #center2 { 
	margin-left:260px;
	width:710px;
	min-height:500px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:500px; /* for IE5.x and IE6 */
	margin-top:0;
	margin-bottom:20px;
}


.textcourse {
	margin:-50px 150px 0 150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	padding:0;

}

.textcourse2 {
	margin:-70px 150px 0 150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	padding:0;

}

.titlecourse {
	margin:0 0 0 68px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding:80px;
}


.textlink {
	margin-top:30px;
	margin-left:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	}
	
.textlink2 {
	margin-top:7px;
	margin-left:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	text-decoration:underline;
	color:#27689a;
	}

#content2 {
width:900px;
margin:0 0 0 100px;
}

*:first-child+html #content2 {
width:900px;
margin:-20px 0 0 100px;
}

#content2 p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0 25px 20px 25px;
}

#content2 ul{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0;
padding:0;
margin:-10px 0 20px 40px;
}

#content2 li {
display:inline;
margin:1.7em;
}


#content2 .title_left {
	margin:0 0 0 25px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:none;
}

*:first-child+html #content2 .title_left {
	margin:0 0 0 25px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:inherit;
}


/*courses menu*/

.urbangreymenu{
width: 190px; /*width of menu*/
margin:40px 0 20px 60px;
position:absolute;
}

*:first-child+html .urbangreymenu{
width: 190px; /*width of menu*/
margin:0 0 20px 60px;
position:absolute;
}

.urbangreymenu .headerbar{
font: bold 11px Verdana;
color: white;
background: #27689a; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 20px; /*31px is left indentation of header text*/
margin-top:3px;
margin-left:5px;
height:10px;
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}


.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/

}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/


}

.urbangreymenu ul li a{
font: normal 11px Arial;
color: black;
background: #fff;
display: block;
padding: 5px 0;
line-height: 10px;
padding-left: 5px; /*link text is indented 8px*/
text-decoration: none;
width:185px;
margin:0 0 0 5px;
}

.urbangreymenu ul li a:visited{
color:#999999;
width:180px;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #ff7800;
}