/*-------------- TAGS --------------*/
body{
	background-color: #ffffff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9pt;
    line-height:1.5;
}
p {
  margin:0 0 1.5em;
}
h1 {
  clear:both;
  color:#002E6E;
  font-size:1.5em;
  font-weight:bold;
  line-height:1;
  margin: 10px 0 15px 0;
}
h2 {
  border-bottom:1px solid #EBEBEB;
  clear:both;
  color:#002E6E;
  font-size:1.2em;
  font-weight:bold;
  line-height:1.25;
  margin-bottom:0.75em;
  margin-top: 0.75em;
}
h3 {
  clear:both;
  color:#002E6E;
  font-size:1.0em;
  font-weight:bold;
  line-height:1.30;
  margin-bottom:0.65em;
}
form ul {
  list-style-image: none;
  list-style: none;
}

a{
	color:#AD0E24;
}
a:hover{
	color:#000000;
}
ul {
  list-style-image:url(../images/bullet.png);
  list-style-type:disc;
}
ul, ol {
margin:0 1.5em 1.5em;
}

/*-------------- -------- --------------*/
/*-------------- Side Bar --------------*/
#locations h3{
	background-image:none;
	background-color:#D8D8D8;
	border-style:none;
	padding:7px 5px 6px 5px;
	margin:0px 7px 1px 0px;
	color:#002e6e;
	font-weight:bold;
	font-size:9pt;
}
#languages{
	color:#D8D8D8;
	text-align:left;
	font-size:8pt;
	line-height:12px;
	margin:10px 0px 5px 5px;
}
#languages a{
	color:#999999;
	text-decoration:none;
}
#languages a:hover{
	color:#333333;
}
.side_button{
	height:23px;
	background-color:#d8d8d8;
	color:#363636;
	border-bottom:2px #ffffff solid;
	padding:10px 0px 0px 5px;
        vertical-align:middle;
        font-size:9pt;
        font-weight:bold;
        cursor:pointer;
}
.side_button:hover{
	background-color:#134987;
	color:#ffffff;
}
.side_button a{
  text-decoration:none;
  color:#363636;
}
.side_button:hover a{
  color:#ffffff;
}
.side_title{
	height:23px;
	background-color:#134987;
	color:#ffffff;
	border-bottom:2px #ffffff solid;
	padding:10px 0px 0px 5px;
        vertical-align:middle;
        font-size:9pt;
        font-weight:bold;
}
.side_title2{
  height:23px;
	background-color:#AD0E24;
	color:#ffffff;
	border-bottom:2px #ffffff solid;
	padding:10px 0px 0px 5px;
        vertical-align:middle;
        font-size:9pt;
        font-weight:bold;
}
	/*--- VT Button ---*/
#button_vt{
	cursor:pointer;
	background-color:#134987;
	background-image:url('../images/index_outline/button_icons.png');
	background-repeat:no-repeat;
	background-position:left -687px;
	color:#ffffff;
	padding-top:14px;
	padding-left:55px;
	font-size:10pt;
	font-weight:bold;
	margin:0px 7px 5px 0px;
	height:44px;

}
#button_vt div{
		margin-bottom:0px;
		margin-top:0px;
}
#button_vt .sub_txt{
	font-size:7pt;
	font-weight:normal;
}
#button_vt:hover{
	background-position:left -760px;
	color:#eeeeee;
}
	/*--- --- ---*/
	/*--- BR Button ---*/
#brochurereq{
	cursor:pointer;
	background-color:#134987;
	background-image:url('../images/index_outline/button_icons.png');
	background-repeat:no-repeat;
	background-position:left -550px;
	color:#ffffff;
	padding-top:14px;
	padding-left:55px;
	font-size:9pt;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	height:34px;
}

#brochurereq div{
		margin-bottom:0px;
		margin-top:0px;
}

#brochurereq:hover{
	background-position:left -613px;
	color:#eeeeee;
}

	/*--- Email Button ---*/
#email2{
	background-image:url('../images/index_outline/email.png');
	background-repeat:no-repeat;
	background-position:left center;
	width:171px;
	height:15pt;
}

#email{
	background-image:url('../images/index_outline/email2.png');
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:12px;
	font-size:8pt;
}
	/*--- --- ---*/
	/*--- All Locations Button ---*/
#allLoc{
	background-color:#D8D8D8;
	margin-right:10px;
	padding-left:4px;
	margin-bottom:10px;
}
#allLoc a{
	background-image:url('../images/index_outline/more.gif');
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:12px;
	color:#363636;
	font-size:8pt;
	text-decoration:none;
}
#allLoc a:hover{
	color:#AD0E24;
}

	/*--- --- ---*/
	/*--- External Button ---*/
.external_link{
  background-image:url('../images/index_outline/external.png');
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:12px;
}

	/*--- --- ---*/
	/*--- Addr Area ---*/
#addr p{
	color:#000000;
	font-size:9pt;
	margin-bottom:8px;
	margin-left:10px;
}
#addr h3{
	background-image:none;
	background-color:#D8D8D8;
	border-style:none;
	padding:7px 5px 6px 5px;
	margin:0px 7px 1px 0px;
	color:#222222;
	font-weight:bold;
	font-size:9pt;
}
.contactaddr {
  padding-right: 11px;
  vertical-align: top;
}
.contactaddr p {
  font-size: 90%;
}
	/*--- --- ---*/
/*-------------- -------- --------------*/
/*-------------- Footer --------------*/

/*-------------- -------- --------------*/
/*-------------- Special --------------*/
#locations_list{
	height:240px;
}
.form_description {
  padding-left: 0px;
}
.form_description h2 {
  clear:left;
  font-size:160%;
  font-weight:400;
  margin: 0 0 7px 0;
}
.form_description p {
  line-height:130%;
  margin:0 0 12px;
}
#sae_building{
	margin:10px auto 2px auto;
	/*background-image:url('../images/index_outline/campus2.jpg');*/
	height:195px;
	width:195px;
	
}
/*
  .clickable {
    color: #AD0E24;
  }
  .clickable:hover {
    text-decoration:underline;
    cursor: pointer;
  }
  */
  #vtourtbl {
    padding: 5px;
    
  }
  #vtourtbl tbody tr td {
    padding: 2px;
    background-color: #d8d8d8;
    cursor: pointer;
    color: #AD0E24;
    border:medium #ffffff solid;
  }
  #vtourtbl td:hover {
	color:#d8d8d8;
	background-color:#AD0E24;
  }

  #vtviewer {
    width:100%;
    height:250px;
    margin: 20px 0 20px 0;
  }

/*-------------- -------- --------------*/


/*-------------- Body --------------*/
	/*--- SAE Express Button ---*/
#button_ex{
	cursor:pointer;
	background-color:#D8D8D8;
	background-image:url('../images/index_outline/button_icons.png');
	background-repeat:no-repeat;
	background-position:left 0px;
	color:#AD0E24;
	padding-top:12px;
	padding-left:55px;
	padding-right:10px;
	font-size:11pt;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	height:55px;
	width:155px;
}
#button_ex div{
        margin-bottom:0px;
        margin-top:0px;
}
#button_ex .sub_txt{
	font-size:8pt;
	font-weight:normal;
	color:#222222;
}
#button_ex:hover{
	background-position:left -64px;
	color:#680917;
}
	/*--- --- ---*/
	/*--- Admission Button ---*/
#button_ad{
	cursor:pointer;
	background-color:#D8D8D8;
	background-image:url('../images/index_outline/button_icons.png');
	background-repeat:no-repeat;
	background-position:left -128px;
	color:#AD0E24;
	padding-top:12px;
	padding-left:55px;
	padding-right:10px;
	font-size:11pt;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	height:55px;
	width:155px;

}
#button_ad div{
    margin-bottom:0px;
    margin-top:0px;
}
#button_ad .sub_txt{
	font-size:8pt;
	font-weight:normal;
	color:#222222;
}
#button_ad:hover{
	background-position:left -192px;
	color:#680917;
}
	/*--- --- ---*/
#connect td{
	background-image:url('../images/index_outline/connect.png');
	margin:0px 0px 0px 0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	height:39px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:10pt;
}
#button_con0{
	background-position:left -166px;
	background-repeat:no-repeat;
	background-color:#134987;
	width:155px;
	padding-left:45px;
	cursor:default;
}
#button_con0:hover{
	background-position:left -220px;
}
#button_con1{
	background-position:left -39px;
	background-repeat:no-repeat;
	width:95px;
	cursor:pointer;
}
#button_con1:hover{
	background-position:left -38px;
}
#button_con2{
	background-position:left -78px;
	background-repeat:no-repeat;
	width:95px;
	cursor:pointer;
}
#button_con2:hover{
	background-position:left -77px;
}
#button_con3{
	background-position:left -117px;
	background-repeat:no-repeat;
	width:95px;
	cursor:pointer;
}
#button_con3:hover{
	background-position:left -116px;
}
#button_con00{
	background-position:left top;
	background-repeat:repeat-x;
}

.tab_bullet{
	background:transparent url('../images/index_outline/tab_bullet.png') no-repeat scroll center center;
	height:12px;
	width:12px;
	cursor:pointer;
}
	/*--- --- ---*/
.con1{
	width:610px;
	height:35px;
	background-image:url('../images/projects/index_01.jpg');
}
.con2{
	width:610px;
	height:361px;
	text-align:center;
	vertical-align:middle;
	background-image:url('../images/projects/index_02.jpg');
}
.con3{
	width:610px;
	height:73px;
	background-image:url('../images/projects/index_03.jpg');
}
#animation{
	background-image:url('../images/projects/animation.jpg');
	background-repeat:no-repeat;
	width:494px;
	height:361px;
	margin:auto;
}
#animation2{
	width:494px;
	height:361px;
	margin:auto;
}

#film{
	background-image:url('../images/projects/film.jpg');
	background-repeat:no-repeat;
	width:494px;
	height:361px;
	margin:auto;
}
#audio{
	background-image:url('../images/projects/audio.jpg');
	background-repeat:no-repeat;
	width:494px;
	height:361px;
	margin:auto;
}

div.highlight{
	border:2px #ffffff solid; 
	padding:2px;
}
div.highlight:hover{
	border:2px #d8d8d8 solid;
	padding:2px;
}
/* Staff */
.zitem {
	width:100px;
	height:100px;
	border:3px solid #888888;
	margin: 2px 2px;
  	cursor: pointer;
	/* required to hide the image after resized */
	overflow:hidden;
	/* for child absolute position */
	position:relative;
	/* display div in line */
	float:left;
}
.zitem .caption {
	width:100px;
	height:35px;
	background:#000;
	color:#fff;
	font-weight:bold;
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;
	/* hide it by default */
	display:none;
	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */
}

.zitem .caption span {
	text-decoration:none;
	color:#fff;
	font-size:9px;
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.zitem img {
	border:0;
	/* allow javascript moves the img position*/
	position:absolute;
}

.clear {
	clear:both;
}