/*-------------- 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 0px 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 0px 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;
	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{
        margin-top: 10px;
}
#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 0px 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:274px;
}
.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 a{
	display: block;
	height:38px;
}
#connect td, #connect a{
	background-image:url('../images/index_outline/connect.png');
	background-repeat:no-repeat;
	background-color:#134987;	
	margin:0px 0px 0px 0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:10pt;
}
#button_con0{
	background-position:left -166px;
	width:155px;
	padding-left:45px;
	cursor:default;
}
#button_con0:hover{
	background-position:left -220px;
}
#button_con1 a{background-position:left -40px;}
#button_con1 a:hover{background-position:left -39px;}
#button_con1{	
	width:95px;
	cursor:pointer;
}
#button_con2 a{background-position:left -79px;}
#button_con2 a:hover{background-position:left -78px;}
#button_con2{	
	width:95px;
	cursor:pointer;
}
#button_con3 a{background-position:left -118px;}
#button_con3 a:hover{background-position:left -117px;}
#button_con3{	
	width:95px;
	cursor:pointer;
}
#connect td#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;
}
.level_0_header_mid{
    text-align: center;
    vertical-align: top;
}
#home-link{
    display: block;
    vertical-align: top;
    height: 100px;
    width: 150px;
    margin: 0px 0px;
}
a.home-btn{
    width: 276px;
    padding-top: 10px;
    color: #ffffff;
    background-color: #254A9A;
    text-align: center;
    font-size: 14pt;
    text-decoration: none;
    border-top: 2px solid #FFFFFF;
}
a.home-btn span{
    height: 70px;
    padding: 0 10px;
    display: block;
}
.home-btn:hover{
    background-color: #2D386E;
} 
.home1-btn{
    border-right: 1px solid #ffffff;
    
}
.home2-btn{
    border-left: 1px solid #ffffff;
}
a.home-ibtn{
    width: 276px;
    height: 82px;
    color: #ffffff;
    background-color: #254A9A;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    font-size: 14pt;
    text-decoration: none;
    border-top: 2px solid #FFFFFF;
}
.home1-ibtn{
    border-right: 1px solid #ffffff;
    background-image: url('../images/jan2012/banner-front-top-left.jpg');
}
.home2-ibtn{
    border-left: 1px solid #ffffff;
    background-image: url('../images/jan2012/banner-front-top-right.jpg');
}
.ibutton{
    display: block;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
}
.ibutton_ex{
    width: 220px;
    height: 67px;
    margin-bottom: 10px;
    background-image: url('../images/jan2012/button-front-express.png');
}
.ibutton_ad{
    width: 220px;
    height: 67px;
    background-image: url('../images/jan2012/button-front-admission.png');
}
.inline-block{
    vertical-align: middle;
    display: inline-block;
    *zoom: 1; /* to trigger hasLayout in IE6-7 */
    *display: inline; /* for IE6-7 */
}
.inline-block-top{
    vertical-align: top;
    display: inline-block;
    *zoom: 1; /* to trigger hasLayout in IE6-7 */
    *display: inline; /* for IE6-7 */
}
.inline-block-bottom{
    vertical-align: bottom;
    display: inline-block;
    *zoom: 1; /* to trigger hasLayout in IE6-7 */
    *display: inline; /* for IE6-7 */
}
strong{
    font-weight: bold;
}
.level_1_left ol{
    list-style-type: decimal;
    list-style-position: inside;
}