/* CSS Document */

#headerbar_bg{
	position:absolute;
	top:0%;
	width:100%;
	height:77px;
	left:0%;
	background-color:#FFFFFF;
}
	
#headerbar{
	position:absolute;
	top:0%;
	width:96%;
	height:70px;
	left:0%;
	background-color:#FFFFFF;
	margin-left:2%;
	margin-right:2%;
	z-index:100;
	}
	
#headerline{
	position:absolute;
	top:76px;
	left:-1px;
	height:1px;
	z-index:100;
	width:100%;
	border-top:1px solid #cccccc;
}

/*CENTERING FRONT*/
#body_front{
	margin:0px; 
	padding:0px;
	text-align:center;


	}
	
#content_front {
	width:740px;
	height:625px;
	margin:0px auto;
	text-align:left;
	background-image:url(../images/front3.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-bottom:1px;
	/*background-color:#99CC00;*/
	}
	
h1{
	font-size:120%;
	border-bottom:1px solid #cccccc;
	color:#003366;
	font-weight:bold;
}

h2{
	font-size:120%;
	color:#8F5660;
	font-weight:bold;
}

h3{
	font-size:100%;
		font-weight:bold;
}

#front{
	background-image:none;
	}

#header_front{
	float:left;
	width:100%;
	height:72px;
	}
	
#image_front{
	float:left;
	width:100%;

	height:540px;
	/*background-image:url(../images/front1.jpg);
	background-repeat:no-repeat;
	background-position:top left;*/

	}
	
#footer_front{
	float :left;
	height:100px;
	width:100%;
	text-align:center;
	margin-top:20px;
}
#pen{
	position:absolute;
	top:0px;
	left:34%;
	height:147px;
	width:227px;
	background-image:url(../images/pen3.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#front_nav{
	float:left;
	padding-left:520px;
	margin-top:20px;
	height:80px;
	/*width:350px;*/
	font-size:90%;
	text-align:left;
	/*background-color:#993333;*/
	line-height:18px;
}

#front_nav a{color:#666699;}
#front_nav a:hover{color:#AC3333;}


body {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:85%;
	color:#666666;
	/*background-image:url(../images/menu_bg.gif);*/
	background-image:url(../images/sub_side_bg1.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	margin:0px;
	padding:0px;
	}

img{
	border:0px;
	}

#Header {
	
	width:100%;
	height:110px; 
	background-color:#FFFFFF;
	/*border-bottom:1px solid #cccccc;*/
	background-image:url(../images/sub_top_bg.jpg);
	background-position:bottom ;
	background-repeat:repeat-x;

	}
	
#unilogo_front{
	float:left;
	padding-left:10px;
	padding-top:10px;
	width:232px;

}
	
#unilogo{
	position:absolute;
	top:15px;
	left:24px;
}

#eng_logo_front{
	float:right;
	width:400px;
	padding-top:10px;
	text-align:right;
}

#eng_logo{
	position:absolute;
	top:54px;
	right:30px;
}

#content {
	margin:10px 30px 30px 230px;
	padding:10px;
	background-color:#ffffff;
	}
#footer{
	margin:0px 50px 50px 230px;
	padding:0px;
	border-top:1px solid #cccccc;
	padding-top:20px;
	text-align:center;
	background-color:#ffffff;
	}
#cover_header_text{
	position:absolute;
	top:25px;
	right:0px;
	width:319px;
	height:25px;
	background-color:#ffffff;
	padding-right:15px;
	z-index:200;
}

#sub_top_bg{
	position:absolute;
	width:32px;
	background-color:#ffffff;
	top:76px;
	left:200px;
	background-image:url(../images/sub_top_cnr.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:34px;
	z-index:10;
}

#sub_top_line{
	position:absolute;
	width:100%;
	height:1px;
	top:53px;
	left:0px;
	z-index:80;
	border-bottom:1px solid #cccccc;
}


#sideborder{
	background-color:#009933;
	width:20px;
	position:absolute;
	height:100%;
	right:0px;
	top:0px;
	z-index:90;
}

#bottom{
	width:100%;
	bottom:0px;
	left:0px;
	height:50px;
	background-color:#006699;
}


#Menu {
	position:absolute;
	top:87px;
	left:0px;
	width:200px;
	/*background-color:#ffffff;*/
	background-color:#925A5A;
	font-size:12px;
	z-index:20;
	}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*
THIS IS THE NAVIGATION CSS
*/
.menutitle{
	/*cursor:pointer;*/
	/*background-color:#925A5A;*/
	background-color:#925A5A;
	color:#ffffff;
	width:176px;
	padding:4px;
	padding-left:20px;
	text-align:left;
	/*border-bottom:1px solid #CC8E8E;*/
	/*border-right:1px solid #cccccc;*/
	border-top:1px solid  #CC8E8E;
	font-weight:bold;
}

#men11{border-bottom:1px solid  #CC8E8E;}
.test{
color:#CC8E8E;

}

 #menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8, #menu9, #menu10, #menu11{
	cursor:auto;
	background-color:#925A5A;
	color:#ffffff;
	/*width:174px;*/
	padding:0px ;
	margin:0px;
	text-align:left;
	border:0px;
	
}
test{
background-color:#FFFF00;}

.menutitle a{color:#ffffff;}
.menutitle a:active{color:#ffffff;}
.menutitle a:hover{color:#FFFFFF;}

.submenu{
	padding-top: 10px;
	padding-bottom:10px;
	padding-left:20px;
	background-color:#FFFFFF;
	width:180px;
}

#sub12{
 	height:0px;
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
 	display:none;
}
 #sub7{padding:0px; height:0px; border:0px; width:0%;}


.submenu a{color:#B97775;
text-decoration:none;}
.submenu a:active{color:#B97775;}
.submenu a:hover{color:#003366;}
/*.submenu a:visited{color:#666699;}*/



a {color:#666699;
	font-weight:bold;
	text-decoration:none;
	}

a:hover{color:#B97775;}
a:active{color:#666699;}

#sub_image{
	position:absolute;
	bottom:0px;
	left:0px;
	width:241px;
	height:194px;
	background-image:url(../images/sub_image.gif);
	background-repeat:no-repeat;
	background-position:top left;
	}





/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*tab menus*/
#tabmenu {
		border-bottom:1px solid #EBEBEB;
		margin: 12px 0px 0px 0px;
		z-index: 1;
		padding-left: 10px ;
		font-size:12px;
		}

	#tabmenu li {
		display: inline;
		overflow: hidden;
		list-style-type: none; }

	#tabmenu a, a.active {
		background: #EBEBEB;
		border: 1px solid #EBEBEB;
		padding: 5px 5px 0px 5px;
		margin: 0px;
		text-decoration: none; }

	#tabmenu a.active {
		background: #ffffff;
		border-bottom: 3px solid #ffffff; 
		color:#B97775;
		}
		
		
	#tabmenu a{
	color:#333333;
	}	
/*mouse over unactive link*/
	#tabmenu a:hover {
		color: #ffffff;
		background-color:#CCCCCC; }

	/*#tabmenu a:visited {
		color: #E8E9BE; }*/

	#tabmenu a.active:hover {
		background: #ffffff;
		color: #B97775; }

	#tabcontent {
		background: #ffffff;
		padding: 20px;
		border: 1px solid #EBEBEB;
		border-top: none;
		z-index: 2;	}

	#tabcontent a {
		text-decoration: none;
		color: #666699; 
		}

	#tabcontent a:hover { 
		color: #B97775; 
		}


/*end tab menus*/

#affil{
	padding-left:20px;
}

#affil a{
	color:#FFFFFF; 
	font-weight:bold;
}

#affil a:hover{
	color:#FFFFCC;
}

#affil h1{
	color:#FFFFFF;
	border-bottom:0px;
	margin-bottom:0px;
	margin-top:10px;
}

#footsize{
	font-size:120%;
}

.smaller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}

/*---------------------{   SimplePics styles   }-------------*/

#simplepics_container {
	margin:0 auto;
	width:500px;
}

#simplepics_image {
	margin:0 auto;
	width:400px;
}

#simplepics_description {
	width:400px;
	margin:0 auto;
	background:#fbf7ea;
	border:1px solid #f3e7c3;
}

#simplepics_description p {
	padding:7px;
	line-height:150%;
}

#simplepics_pagenav {
	float:right;
	width:500px;
	padding:2px 0;
	text-align:right;
	line-height:32px
}

#simplepics_pagenav a {
	padding:3px 5px;
	background:#e8e4e0;
	border:1px solid #b3c1cb;
	font-family:"Times New Roman", Times, serif;
	color:#748da0;
}

#simplepics_pagenav a:hover {
	border:1px solid #748da0;
	text-decoration:none;
	color:#5f7789;
}

#simplepics_pagenav a.sp_current,
#simplepics_pagenav a.sp_current:hover {
	background:#efefef;
	border:1px solid #cecece;
	color:#cecece;
}

#simplepics_imagecontainer {


}

.picnav {
	font-family:"Times New Roman", Times, serif;
	font-size:400%;
	font-weight:normal;
	text-decoration:none;
}

.picnav:hover {
	text-decoration:none;
}

.drag_me {
	border:1px solid #888;
	cursor:pointer;
}

.drop_target {
	height:60px;
	width:20px;
	padding:5px 0;
	background-color:#ddd;
	border:1px solid #aaa;
	color:#aaa;
	cursor:pointer;
}

.drop_target:hover {
	border:1px solid red;
}

#drag_ghost {
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:1px;
	z-index:1000;
	text-align:left;
}

#drag_ghost img {
	padding:3px;
	background:#fff;
	border:1px solid #888;
}

img.photae {
	padding:5px;
	border:1px solid #cc8e8e;
}

/*--------------------------------------------------------{   HIGHSLIDE STYLES   }---------------*/

.highslide {
	cursor: url(../staff_publications/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {

}
.highslide:hover img {
background:none;
}

.highslide-wrapper {
	background: #909090;
}
.highslide-image {
	padding:7px;
	background-color:#fff;
	border:2px solid #cc8e8e;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    padding-left: 22px;
    background-image: url(../staff_publications/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
a.highslide-full-expand {
	background: url(../staff_publications/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

a.highslide-full-expand:hover {
	background: url(../staff_publications/highslide/graphics/fullexpand.gif) no-repeat;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}