/* Core */
* {
	margin: 0;
	padding: 0;
}
body {
	font: 62.5% Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #FFFFFF;
}
label.label_in_textfield {
	display: none;
}
.clearer {
	clear: both;
}
.left {
	text-align: left;
}
div.left, table.left, img.left {
	float: left;
	text-align: left;
}
.right {
	text-align: right;
}
div.right, table.right, img.right {
	float: right;
	text-align: left;
}
a {
	text-decoration: none;
	color: #069;
}
a:hover {
	color: #036;
	text-decoration: underline;
}
h1 {
	position: absolute;
	top: -4000px;
}
p {
	line-height: 1.3em;
	margin-bottom: 1.3em;
}
img { border: none; }

/* Skip Navigation */
#skip {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* HEADER */
#header {
	padding: 3px 2px 12px;
	min-width: 960px;
	background:#4E52FA;
	color: #fff;
}
#header .inner, #peoplenav .inner, #bottomnav .inner {
	width: 960px;
	margin: 0 auto;
}
#header a {
	color: #fff;
}
#header a:hover {
	text-decoration: underline;
}
#topnav, #search_form {
	text-align: right;
	font-size:12px;
	/* font-size: 1.1em;	 */
}
#topnav a, #topnav {
	/*	color: #666; */
	color:#000000;
}
#topnav a:hover {
	color:#FFFFFF;
	text-decoration: none;
}
#search_form {
	margin: 30px 0 0 auto;
	position: relative;
	z-index: 1000;
	width: 200px;
}
#search_form span {
	display: block;
	margin-bottom: 5px;
}
#search_form .input {
	width: 178px;
	height: 1.2em;
	border: 1px solid #ccc;
	padding: 2px 0 0 22px;
	background: #fff url(./images/search-icon.gif) no-repeat;
	
	color: #666;
}

/* PEOPLE NAVIGATION */
#logo {
	position: absolute;
	/*
	left: -15px;
	top: -48px;
	
	*/
	left:10px;
	top: -70px;
	z-index: 100;
}
#peoplenav #logolink1, #logolink1 {
	position: absolute;
	top: -58px;
	left: 138px;
	width: 488px;
	height: 27px;
	z-index: 200;
	float: none;
	display: block;
	border: none;
	padding: 0;
	background: url(../images/transparent.gif); /* white */
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
}
#peoplenav #logolink2, #logolink2 {
	position: absolute;
	top: -27px;
	left: 139px;
	width: 137px;
	height: 21px;
	z-index: 200;
	float: none;
	display: block;
	border: none;
	padding: 0;
	background: url(../images/transparent.gif); /* white */
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
}
#peoplenav {
	position: relative;
	top: -2.3em;
	min-width: 964px;
	font-size: 14px;
	/*font-size: 1.2em;*/
}
#peoplenav .inner {
	position: relative;
}
#peoplenav ul {
	margin: 0 0 0 195px;
	padding: 0;
	display: inline;
}
#peoplenav li {
	padding: 0;
	display: inline;
}
#peoplenav a {
	color: #fdfeff;
	padding: 0 12px;
}
#peoplenav a:hover {
	color: #333;
	text-decoration: none;
}

#login_bar{
	
	width:960px;
	overflow:hidden;
	margin:auto;
	position: relative;
	top: -1.0em;
	position:relative;
    text-align:right;
	font-size:14px;
	color:#000000;
}
#login_bar h12{
	font-size:14px;
	color:#CC0000;
	font-weight:bold;
	
}


/* Footer */

#mainnavmain {
	min-width:960;
	background-color:#e8e6e5;
/*	background-color:#999999;*/
	padding-top:5px;
	padding-bottom:5px
	
 }

#mainnav {
	width:960px;
	margin:auto; 
	position:relative;
	border: 1px solid #000000;
	padding-left:2px;
	
	
	
}
#mainnav .item {
	float: left;
	margin:3px 3px 3px 3px; 
	width: 183px;
/*	border: 1px solid #000000; */
}
#mainnav ul {
	list-style: none;
	font-family:"Lucida Grande", Arial, "URW Gothic L", Helvetica, sans-serif; 
	/*
	font-family: Verdana,Arial,Helvetica,sans-serif;
	*/
}
#mainnav li {
/*
	border-bottom:1px solid #5CABFA; */
	 padding-bottom:5px; 
	 padding-top:5px;
	 font-size:10.25px;
	 padding-left:10px;
	
}
#mainnav .item h2 {
	color: #046993;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.5em;
	text-transform: uppercase;
	text-decoration:underline;
}
#mainnav .item li a {
	color: #333;
	font-size: 1.2em;
}

#mainnav .item li a:hover {
	/*color:#e8e6e5;*/
	color:#0156B3;
}

#bottomnav {
	clear: both;
	background: #1b1a1a url(./images/footer-background.jpg) repeat-x bottom;
	margin:0;
	padding: 15px 0 0 0;
	color: #ccc;
	min-width: 964px;
	position: relative;
	font-size: 1.1em;
}
#bottomnav .left {
	width: 555px;
	padding: 5px;
}
#bottomnav .right {
	width: 385px;
}
#bottomnav a {
	color: #ccc;
	font-weight: bold;
}
#bottomnav a:hover {
	color: #fff;
	text-decoration: none;
}
#bottomnav ul {
	margin: 0;
	padding: 0;
}
#bottomnav li {
	border-right: 1px solid #4e52fa;
	display: block;
	float: left;
	line-height: 1.4em;
	padding: 0;
}
#bottomnav li a {
	margin: 0 5px;
	white-space: nowrap;
}
#eos {
	clear: both;
	padding: 20px 0 5px 5px;
	margin: -20px 0 0 0;
	color: #fff;
}

#department_address {
	width: 385px;
	float:right;
	color: #fff;
	text-align:right;
}
#bottomnav h4, #bottomnav h4 a {
	color: #4e52fa;
	font-size: 1em;
	padding: 0;
	margin: 0;
	border: none;
}
#bottomnav h4 a:hover {
	text-decoration: underline;
	color:#4e52fa;
}
#bottomnav h5 {
	color: #989898;
	font-size: 1.0em;
	margin: 1.0em 0 0 0;
	padding: 0;
}
#bottomnav p {
	margin: 0;
	padding: 0 0 10px 0;
}
#bottomnav_color {
	height: 21px;
	min-width: 964px;

}

/*   middle */

#middle{
width:960px;
overflow:hidden;

min-height:396px;
margin:auto;
}


/* under middle   */

#welcome_mesg{


font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
padding-left:20px;

}

#welcome_mesg h10 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#000000;

}

#status_mesg{
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
padding-right:20px;

}



/***********  contact page css ********/

#contact_box{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
border:#000000 solid 1px;


}

#contact_box h11{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#000000;
}
#contact_box h13{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#000000;
font-weight:bold;
color:#000099;
}




/**********************  schdule page css ********************/

#schdule_box{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
border:solid #000000 1px;
width:960;
padding-left:20px;
padding-right:20px;

}

#schdule_box h10{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#000000;
font-weight:bold;

}


#schdule_box h11{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#CC0000;
text-decoration:underline;
}

#schdule_box h12{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#000000;
font-weight:bold;

}


/************** Login page  css **********************/

#stu_login_box{
position:relative;
float:left;
width:400px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
padding-left:30px;
padding-top:50px;
padding-bottom:50px;


}
#stu_login_box fieldset{
margin: 0 5px 10px 0px;
	padding:20px;
	border: 1px dotted #ccc;
	background-color: #fff;
	height:200px;
	width:400px;
}
#stu_login_box legend{
background-color:#000000; color:#FFFFFF; text-transform:uppercase; padding:1px; margin-left:2px;font-size:18px;

}



#user_login_box{
position:relative;
float:left;
width:400px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
padding-left:50px;
padding-top:50px;
padding-bottom:50px;

}
#user_login_box fieldset{

margin: 0 5px 10px 0px;
	padding:20px;
	border: 1px dotted #ccc;
	background-color: #fff;
	height:200px;
	width:400px;
}
#user_login_box legend{
background-color:#000000; color:#FFFFFF; text-transform:uppercase; padding:1px; margin-left:2px;font-size:18px;

}




/****** login error page css  ********/


#login_error_box{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
padding-left:20px;
padding-top:10px;
border:#000000 solid 1px;
padding-bottom:30px;

}

#reset_pass_box{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
padding-left:20px;
padding-right:20px;
padding-top:10px;
border:#000000 solid 1px;

}


/************** default page ***********************/
/* Banner */
#banner {
	width: 960px;
	margin: 0 auto;
	padding: 0px 0 0 0;
	float:right;
	position:relative;
	overflow: hidden;
}
#banner_content {
	border: 1px solid #999;
	padding: 9px;
	height: 280px;
	width: 940px;
	background: #fff;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
#banner .content {
	height: 280px;
	width: 940px;
	overflow: hidden;
}
#banner .navigator {
	position: absolute;
	bottom: 9px; right: 9px;
	height: 16px;
	background: transparent url(./images/buttontray.png) no-repeat;
	padding: 12px 10px 10px;
}
* html #banner .navigator {
	background: transparent url(./images/buttontray.gif) no-repeat;
}
#banner .navigator a {
	display: block;
	margin: 0 2px;
	float: left;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
}
#banner .navigator a.prev { background-image: url(./images/arrowleft-up.png); }
#banner .navigator a.next { background-image: url(./images/arrowright-up.png); }
#banner .navigator a.goto { background-image: url(./images/story-up.png); }
#banner .navigator a.prev:hover { background-image: url(./images/arrowleft-over.png); }
#banner .navigator a.next:hover { background-image: url(./images/arrowright-over.png); }
#banner .navigator a.goto:hover, #banner .navigator a.active { background-image: url(./images/story-over.png); }
* html #banner .navigator a.prev { background-image: url(./images/arrowleft-up.gif); }
* html #banner .navigator a.next { background-image: url(./images/arrowright-up.gif); }
* html #banner .navigator a.goto { background-image: url(./images/story-up.gif); }
* html #banner .navigator a.prev:hover { background-image: url(./images/arrowleft-over.gif); }
* html #banner .navigator a.next:hover { background-image: url(./images/arrowright-over.gif); }
* html #banner .navigator a.goto:hover, * html #banner .navigator a.active { background-image: url(./images/story-over.gif); }

#banner .item {
	height: 280px;
	width: 940px;
	float: left;
	overflow: hidden;
	
}

#banner .item .text2{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	background:#FFFFFF;
}

#banner .item .text2 .photo{
	float: left;
	height: 280px;
	width: 290px;
	padding-left:10px;
	
	
}

#banner .item .text2 .photo img
{ 
	
	width: 225px;
	height:205px;
	border:#000000 solid 1px;
	
	}
	
#banner .item .text2 p{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:13.5px;
}

#banner .item .text2 h2 {
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	background:#FFFFFF;
	}



#banner .item .text {
	background: #3F3D3D;
	float: left;
	height: 240px;
	padding: 20px 15px;
	width: 200px;
	font-size: 12px;
	overflow: auto;
}
#banner .item .main_image {
	display: inline;
	float: left;
	width: 730px;
	height: 280px;
}
#banner .item h2, #banner .item h2 a {
	background: #3f3d3d url(./images/dotted-border.gif) repeat-x left bottom;
	color: #4E52FA;
	font: bold 1em Verdana,Arial,Helvetica,sans-serif;
	margin: 0 0 10px;
	padding: 0 0 5px;
}
#banner .item h2 a { background: transparent; }
#banner .item h2 a:hover { text-decoration: none; }
#banner .item h3 {
	color: #CCC;
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
}
#banner .item p {
	color: #000000;
	margin: 8px 0;
	line-height: normal;
}
#banner .links {
	background: transparent url(.]./images/dotted-border.gif) repeat-x;
	padding: 10px 0 0;
}
#banner .links a {
	color: #31C3E6;
	font-size: 0.93em;
	font-weight: bold;
}
#banner .links a img {
	margin: 0 2px 0 4px;
}






#news {
	width: 960px;
	margin-top: 20px;
}
#iet_news{
	margin-bottom: 20px;
	width:470px;
	position:relative;
	float:left;
	border:#000000 solid 1px;
	
	
}
#great_events{
	margin-bottom: 20px;
	width:470px;
	position:relative;
	float:right;
	border:#000000 solid 1px;
	
}
#news .bar {
	
	border-bottom: #d5d5d5;
	background-color:#e9e9e9;
}
#news .bar h3 {
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	padding: 10px;
	}
#news .bar h3 a { color: #333; }
#current_date {
	float: right;
	margin: 13px 30px 0 0;
	font-size: 1.1em;
	font-weight: bold;
	display: inline;
}
#news .parsed {
	width:470px;
	}
#news .item {
	border-bottom: 1px solid #fff;
	border-top: 1px solid #ddd;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	font-size: 1.2em;
	color: #333;
	padding: 8px 8px;
	background: #fff;
	cursor: pointer;
}
#news .item img {
	float: left;
	border: 1px solid #ecc41b;
	margin-right: 10px;
	width: 70px;
}
#news h4 {
	font-size: 1.0em;
}
#news a {
	color: #046993;
	font-weight: bold;
}
#news a.more, #campus_blogs a.more, .focus .more a {
	font-weight: normal;
	font-size: 0.93em;
	color: #bb263f;
}
#news a.more:hover, #campus_blogs a.more:hover, .focus .more a:hover {
	color: #771929;
}
#news .links {
	border-top: 1px solid #ccc;
	padding: 10px 5px 15px 5px;
	font-size: 1.2em;
	
	background-color:#e9e9e9;
	border-bottom: 1px solid #ccc;
}
#news .links a {
	display: block;
	margin: 0 5px;
	float: right;
	color: #666;
}
#news .links a:hover {
	color: #333;
}
#news .events_item {
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	cursor: pointer;
	padding: 8px 5px 8px 0;
	color: #000;
	background: #fff;
	clear: both;
}
#news .events_item a {
	color: #bb263f;
}
#news .alt {
	background: #eee;
}
#news .highlight {
	background: #e8e6e5;
}
#news .events_item .date {
	float: left;
	width: 60px;
	margin: 3px;
	/*border-right: 1px solid #666;*/
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
#news .events_item .date .day {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	color: #666;
}
#news .events_item .date .month {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
}
#news .events_item .location {
	width: 150px;
	margin: 5px 10px;
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}
#news .events_item .location .time {
	font-weight: normal;
	margin-top: 10px;
}
#news .events_item p, #news .events_item h4 {
	margin: 0 0 0 237px;
	font-size: 1.2em;
}
#news p {margin-bottom: 0; }




/****** instruction  page css  ********/

#instruction_box{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
padding-left:20px;
padding-top:10px;
border:#000000 solid 1px;
padding-bottom:30px;

}
#instruction_box h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#000000;
font-weight:bold;
}


/***************  profile_form.asp       css ***********/

#profile_form_box{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
padding-top:10px;
padding-bottom:20px;
border:#000000 solid 1px;
padding-left:10px;

}

#profile_form_box h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#000000;
font-weight:bold;
}
#profile_form_box table{

width:940px;
}
#profile_form_box table td{
border:#000000 solid 1px;
min-width:200px;
padding:3px;
}

/*************** submit_profile.asp    css*****************/ 
#submit_profile_box{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;

}
#submit_profile_box table{

width:940px;
}
#submit_profile_box table td{
border:#000000 solid 1px;
min-width:95px;
padding:3px;
}


/*************** already_created.asp    css*****************/ 

#already_created_box{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
padding:30px;

}