/********************************/
/* CSS layout for IoA Webpages */
/********************************/

/* Set parameters to zero */

html,body,div,a,abbr,acronym,address,em,font,img,ol,ul,li,form,label {
margin: 0;
padding: 0;
border: none;
}

html,body {
font-size: 100%;
}

a {
text-decoration:none;
//color: #06C;
color: #336699;
}

a.plain { text-decoration: none; }

a.red {
text-decoration: none; 
color: red ;
}

a.purple {
text-decoration: none; 
color: purple ;
}

img {
border: none;
}

hr {
border: 0;
background-color: #666;
height: 1px;
}

//p.people-extra {
//font-size: small;
//text-align: left;
//color: #CCCC99;
//}

ol { 
margin: 0 0 0 20px;
}

ul { 
margin: 20px 0 20px 20px;
}

.comment-box {
/*	margin: 0px 0px 50px 50px; */
	margin: 0px 0px 10px 10px;
	padding: 10px;
/*	width: 240px; */
	width: 250px;
	border: 1px solid black;
	float: left;
}

h2.number {
/*	position: relative; */
/*	top: 0px; */
/*	left: 0px; */
	font-size: 4em;
	color: #ccc;
	float: left;
	margin-right: 10px
}

.comment-boxnb {
	margin: 0px 0px 10px 10px;
	padding: 10px;
	width: 250px;
	float: left;
}

/* Body Attributes: white background, with overlayed gradient image */

body {
background-color: #FFF;     /* white */
/* background-image: url(/template_legacy/images/gradient_10-1200.jpg); */
/* background-repeat: repeat-x; */
font-family: Arial, Helvetica, sans-serif;
/* font-size:0.875em; */
/* text-align: center; */
margin: 0;
padding: 0;
color: #333333;
font-size:95%;
}

body#history a#historynavlis, body#contact a#contactnavlis, body#physchemfaculty a#facultynavlis, body#degreecomm a#degcommnavlis, body#undergrad a#ugradnavlis, body#postgrad a#pgradnavlis, body#compcos a#compcosnavlis, body#galevolv a#galevolvnavlis, body#stellevol  a#stellevolnavlis, body#king a#kingnavlis, body#lvls a#lvlsnavlis, body#phonelist a#phonnavlis, body#committees a#commnavlis, body#computing a#compnavlis, body#vidconf a#vidconfnavlis, body#soft_vidconf a#svidconfnavlis, body#roombooking a#roombookingnavlis, body#newsletter a#newslettnavlis, body#pattgrant a#pattgnavlis, body#disc09 a#disc09navlis, body#dv2010, a#dv2010navlis {
color: #336699;
}

#page-fpwrap {
background: white;
min-width: 780px;
/* max-width: 1260px; */
/* margin: 10px auto; */
margin: 40px 0 auto;
width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1262? "1260px" : "auto");
/* Uncomment for debugging purpose: - show border outline in red */
/* border: 1px solid #FF0000; */
}

#page-wrap {
background: white;
min-width: 780px;
/* max-width: 1260px; */
/* margin: 10px auto; */
/* margin: 40px 0 auto; */
margin: 0 auto;
width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1262? "1260px" : "auto");
/* Uncomment for debugging purpose: - show border outline in red */
/* border: 1px solid #FF0000; */
}

#page-wrap #inside {
/* margin: 10px 10px 0px 10px; */
/* padding-top: 10px; */
/* padding-bottom: 10px; */
/* border: 1px solid #FF0000; */
}
	
#main-content {
padding-left: 230px;
/* padding-top: 20px; */
/* border: 1px solid #FF0000; */
}

#main-content-fullwidth {
padding-left: 0px;
/* margin: 0px 10px 0px 10px; */
}

#front-page-full {
background-color: #CCCCCC;
width:1140px; 
height:70px;
}

/****** Main navigation bar declaration ******/

#mainnavbar_wrap {
width:1172px;
height:25px;
background-image: url(/template_legacy/images/11-top_shadow-03.jpg);
background-repeat: no-repeat;
//background-position: 0;
background-position: left;
}

#mainnavbar_fp {
background-color: #99CCCC;
width:1140px;
height:25px;
/* border: 1px solid #FF0000; */
}

#mainnavbar {
padding:0;
margin: 0;
background-color: #99CCCC;
height:25px;
/* border: 1px solid #FF0000; */
}

#mainnavbar_searchtool {
background-color: #99CCCC;
width:120px;
height:24px;
/* padding: 1px 0; */
padding-top: 1px;
float:right;
padding-right: 5px;
/* border: 1px solid #FF0000; */
}

#titlebar {
position: relative;
color: #FFFFFF;
background-color: #666666;
height:50px;
/* border: 1px solid #666666; */
}

#title_bottom {
/* top: 0; */
bottom: 42px;
width: 100%;
left: 0px;
position: absolute;
/* font-variant: small-caps; */
font-size:90%;
}

#titlebar h1 {
/* position: relative; top: 21px; left: 230px; */
/* bottom: 0; */
top: 0;
left: 230px;
position: absolute;
font-variant: small-caps;
/* position: relative; bottom: -1px; left: 230px; *
/* position: absolute; top: 138px; left: 355px; */
}



#stitlebar {
position: relative;
color: #FFFFFF;
background-color: #666666;
height:50px;
/* border: 1px solid #666666; */
}

#stitle_bottom {
/* top: 0; */
bottom: 36px;
width: 100%;
left: 0px;
position: absolute;
/* font-variant: small-caps; */
font-size:90%;
}

#stitlebar h2 {
/* position: relative; top: 21px; left: 230px; */
/* bottom: 0; */
top: 0;
left: 230px;
position: absolute;
font-variant: small-caps;
/* position: relative; bottom: -1px; left: 230px; *
/* position: absolute; top: 138px; left: 355px; */
}

#main-content-full {
background-image: url(/template_legacy/images/12-middle_shadow.jpg);
background-repeat: no-repeat;
background-position: top center;
/*	padding-left: 10px; */
/* 	padding-top: 10px; */
padding: 0;
margin: 0;
/* text-align: left; */
/* border: 1px solid #FF0000; */
}

#frontpage_slideshow {
/*	padding-left: 10px; */
/*  	padding-top: 20px; */
/* 	padding-bottom: 20px; */
margin: 0;
padding: 20px 0;
height: 620px;
}

#sub-main-content-left {
/*	background: url(images/left-sidebar.gif) repeat-y white; */
/*	padding-left: 10px; */
/*	padding-top: 20px; */
padding: 10px 10px 10px 10px;
width: 47%; 
float: left;
border-right: 1px solid #C0C0C0;
}

#sub-main-content-right {
//	background: url(images/left-sidebar.gif) repeat-y white;
padding: 10px 10px 10px 10px;
width: 47%; 
float: right;
}

#header_fp {
background-color: #fff;
/* width:1140px; */
width:1173px;
height: 80px;
/* background-image: url(/template_legacy/images/banner-02.jpg);  */
/* background-repeat: no-repeat; */
//background-position: 0;
/* text-align: center; */
font-size: 11px;
color: #FFF;
//margin: 0;
// padding: 0px;
/* Uncomment for debugging purpose: - show border outline in red */
/* border: 1px solid #FF0000; */
}

#header_fp a {
text-decoration: none;
color: #FFF;
}

#header {
background-color: #fff;
height: 80px;
background-image: url(/template_legacy/images/banner800x80.jpg); 
background-repeat: no-repeat;
//background-position: 0;
text-align: center;
font-size: 11px;
color: #FFF;
//margin: 0;
// padding: 0px;
/* Uncomment for debugging purpose: - show border outline in red */
/* border: 1px solid #FF0000; */
}

#header a {
text-decoration: none;
color: #FFF;
}

#header img {
float: right;
}

.headerlistl {
float:left;
list-style-type: none;
padding: 0;
margin: 0 0 0 10px;
color: #fff;
font-size: 11px;
font-weight:bold;
text-align: left;
}

.headerlistl li {
background-image: url();
background-repeat: no-repeat;
/* background-position: 0 .4em; */
background-position: 0 .5em;
padding-left: .9em;
/* padding-top: 5px; */
padding-top: 8px;
/* padding-bottom: 3px; */
padding-bottom: 6px;
}

/* Left-hand vertical menu */

#left-sidebar {
width: 180px;
float: left;
padding-left: 10px;
padding-top: 20px;
}

#left-sidebar ul {
list-style: none;
width: 180px;
margin: 0;
/* margin: 0 0 0 10px; */
padding: 0;
text-align:left;
}
#left-sidebar li {
margin: 0 0 3px;
list-style-type: none;
}
#left-sidebar li a {
font-size: 11px;
text-decoration: none;
display: block;
/* padding: 6px 0 6px 10px; */
padding: 2px 0 2px 10px;
/* background-color: #808080; */
background-color: #CCCCCC;
/* border-right: 4px solid #CCC; */
border-bottom: 0;
}
#left-sidebar li a {
/* color: #505050; */
/* color: #FFF; */
color: #666666;
}

#left-sidebar li.indent a {
padding-left: 17px;
}

#left-sidebar li a:hover {
background-color: #000;
color: #FFF;
/* border-right: 4px solid #FF9900; */
}

#left-sidebar li.selected a:hover {
background-color: #000;
color: #FFF;
/* border-right: 4px solid #FF9900; */
}

#left-sidebar li.selected a {
/* background-color: #f1f1f1; */
background-color: #000;
/* border-bottom: 1px solid #ddd; */
/* border-right: 4px solid #FF9900; */
}

/* Submenus */
#left-sidebar ul ul {
/* margin-bottom: 10px; */
}
#left-sidebar li li {
margin: 0;
}
#left-sidebar li li a {
font-weight: normal; padding: 2px 0 2px 10px;
background-color: #fafafa;
}
#left-sidebar li li a:hover {
border-left-color: #669;
}
#left-sidebar li.selected li a {
background-color: #fafafa;
border-bottom: 1px solid #f1f1f1;
color: #666;
}

#left-sidebar li.selected a {
/* color: #286ea0; */
color: #FFF;
}

/****** Footer declaration ******/

/* Footer style for home page */

#footer_wrap {
width:1172px;
background-image: url(/template_legacy/images/13-lower_shadow.jpg);
background-repeat: no-repeat;
//background-position: 0;
background-position: top center;
/* border: 1px solid #FF0000; */
}

#footer_fp {
width:1140px;
/* height: 55px; */
height: 60px;
/* border-top: 1px solid #666; */
/* padding: 0 0 1px; */
/* padding: 1px 0; */
padding: 1px 1px 0 0;
margin: 0;
/* background-color: #505050; */
background-color: #666666;
/* font-size: x-small; */
font-size: 80%;
text-align: left;
color: #CCCCCC;
line-height:10px;
/* border: 1px solid #FF0000; */
}

//#footer_fp #footer a {
//list-style: none;
//text-decoration: none;
///* color: #6CF; */
//}

#footer_fp a {
list-style: none;
text-decoration: none;
/* color: #6CF; */
}
#footer a {
list-style: none;
text-decoration: none;
/* color: #6CF; */
}

.footerlinks {
text-align: left;
list-style-type: none;
padding: 0;
/* margin-left: 1em; */
}

.footerlinks li {
display: inline;
text-decoration: none;
padding: 0 10px;
/* padding: 0 10px 0 5px; */
border-right: 1px solid #FFF;
color: #CCCC33;
}

.footerlinks li a {
text-decoration: none;
color: #CCCC33;
}

#footer_fp img {
float: right;
/* background-color: #333333; */
/* margin:0 0 1em; */
padding: 0 10px 0 0;
/* position: absolute; top: 780px; right: 90px;  */
/* position: relative; bottom: 20px; right:0px; */
position: relative; bottom: 0px; right:0px;
}

#footer_fp p {
text-indent: 20px;
}

#footer_strip {
background-color: #fff;
width:1173px;
height: 46px;
background-image: url(/template_legacy/images/02-footer.jpg);
background-repeat: no-repeat;
/* border: 1px solid #FF0000; */
}

/* Footer style for 2nd level pages and beyond */

#footer {
padding: 5px 0 10px 0;
margin: 0;
background-color: #666666;
font-size: 80%;
text-align: left;
color: #CCCCCC;
line-height:10px;
}

#footer img {
float: right;
padding-right: 5px;
}

#footer p {
text-indent: 20px;
}

/* Breadcrumb trail */

#bread {
color: #000;
/* padding: 3px; */
padding: 0;
margin-top: 20px;
}

#bread ul {
margin-left: 0;
padding-left: 0;
display: inline;
border: none;
}

#bread ul li {
margin-left: 0;
padding-left: 2px;
border: none;
list-style: none;
display: inline;
}

#bread a {
list-style: none;
text-decoration: none;
color: #CCCC33;
}


/* The Main horizontal navigation bar - includes a search tool */

.mainnavbar {
padding:0;
/* margin: 0 9px; */
margin: 0;
list-style:none;
height:35px;
background: 99CCCC;
position:relative;
/* Uncomment for debugging purpose: - show border outline in red */
/* border: 1px solid #FF0000; */
}

.mainnavbar li {
float:left;
/* border-right: 1px solid #FFF; */
}

.mainnavbar li a {
display:block;
float:left;
height:35px;
line-height:35px;
color:#333333;
text-decoration:none;
font-size:11px;
font-family:arial, verdana, sans-serif;
font-weight:bold;
text-align:center;
/* padding:0 0 0 2px; */
padding:0 0 0 1px;
cursor:pointer;
}

.mainnavbar li a b {
float:left;
display:block;
/* padding:0 16px 0 8px; */
padding:0 12px 0 8px;
}

.mainnavbar li.current a {
color:#000;
background:#99CCCC;
}

.mainnavbar li.current a b {
background: #99CCCC;
}

.mainnavbar li a:hover {
color:#fff;
background: #99CCCC;
border-right: 0px solid #FFF;
}

.mainnavbar li a:hover b {
background: #99CCCC;
}

.mainnavbar li.current a:hover {
color:#fff;
background: #99CCCC;
cursor: default;
}

.mainnavbar li.current a:hover b {
background:url(/template_legacy/images/pro_four2_new.gif) no-repeat right top;
}

/* Search: the search facility located in the main nav bar */

.mainnavbar li.searchfacil {
float: right;
border-right: 0;
padding: 0;
}

//form #searchform 
//{
//margin: 0;
//float: left;
//}
	
#searchbox {
/* float: right; */
display: inline;
/* display: inline-block; */
/* background: transparent url(images/submit.gif") no-repeat; */
border: 1px solid #FF0000;
}

#searchform {
/* float: left; */
/* leave both display options below active - allows it display
correctly in safaris */
display: inline;
display: inline-block;
/* padding: 6px 0 0; */
}

label.searchlabel {
position: absolute;
left: -5000em;
}

#searchbutton {
/* float: left; */
/* padding: 1px 0 0; */
/* padding: 1px 4px 0; */
border: none;
}

#searchfunc {
margin: 0 10px 0 0;
/* margin: 0; *
font-family: Arial, Helvetica, sans-serif;
/* font-size: small; */
font-size: v-small;
}

/* Button for header of each mini-div e.g. Research
Based on same structure as used for the main navigation bar */

.divnavbar {
padding:0;
margin: 0 2px 0 0;
list-style:none;
height:25px;
background:#fff url(/template_legacy/images/pro_four0_new.gif);
position:relative;
border:1px solid #000;
/* border-width:0 1px; */
/* border-bottom:1px solid #444; */
}
.divnavbar li {
float:left;
}
.divnavbar li a {
display:block;
float:left;
height:25px;
line-height:25px;
color:#fff;
text-decoration:none;
font-size:18px;
font-family:arial, verdana, sans-serif;
font-weight:bold;
text-align:center;
padding:0 0 0 2px;
cursor:pointer;
}

.divnavbar li a b {
float:left;
display:block;
padding:0 16px 0 8px;
}

.divnavbar li.current a {
color:#fff;
background:url(/template_legacy/images/pro_four2_new.gif);
}

.divnavbar li.current a b {
background:url(/template_legacy/images/pro_four2_new.gif) no-repeat right top;
}

.divnavbar li a:hover {
color:#fff;
background:#000 url(/template_legacy/images/pro_four1_new.gif);
}

.divnavbar li a:hover b {
background:url(/template_legacy/images/pro_four1_new.gif) no-repeat right top;
}

.divnavbar li.current a:hover {
color:#fff;
background:#000 url(/template_legacy/images/pro_four2_new.gif);
cursor: default;
}

.divnavbar li.current a:hover b {
background:url(/template_legacy/images/pro_four2_new.gif) no-repeat right top;
}

// required for talks.cam

.talklist_block {
clear: right; 
/* font-size: 0.8em; */
font-size: small; 
margin: 0 0 0 10px;
}

.talklist_date {
background-color: #dddddd; 
font-weight: bold; 
margin: 10px 0 0 0;
}

.talklist_header {
font-weight: bold;
}

#divimgonly {
background-color: #fff;
/* width: 585px; */
margin: 0;
float: left;
padding: 0;
/* border-left: 1px solid #D3D3D3; */
/* border: 1px solid #FF0000; */
}

img.floatright
{
float: right; 
margin: 10px; 
}

img.floatleft
{
float: left; 
margin: 0px 5px;
}

.listarrow {
list-style-type: none;
padding: 0;
margin-left: 1em;
}

.listarrow li {
/* background-image: url(/template_legacy/images/arrow.gif); */
/* background-image: url(/template_legacy/images/arrow_0066CC.gif); */
background-image: url(/template_legacy/images/arrow_black.gif);
background-repeat: no-repeat;
background-position: 0 .1em;
padding-left: 1.4em;
}

.listredarrow {
list-style-type: none;
padding: 0;
margin-left: 1em;
}

.listredarrow li {
/* background-image: url(/template_legacy/images/arrow_black.gif); */
background-image: url(/template_legacy/images/arrow_black.gif);
background-repeat: no-repeat;
background-position: 0 .1em;
padding-left: 1.4em;
}

.listbluearrow {
list-style-type: none;
padding: 0;
margin-left: 1em;
}

.listbluearrow li {
/* background-image: url(/template_legacy/images/arrow_black.gif); */
background-image: url(/template_legacy/images/arrow_0066CC.gif);
background-repeat: no-repeat;
background-position: 0 .1em;
padding-left: 1.4em;
}

.vsimplelist {
list-style-type: none;
padding: 0;
margin: 0 0 0 0px;
}

.vsimplelist li {
/* background-image: url(/template_legacy/images/bullet.gif); */
background-repeat: no-repeat;
/* background-position: 0 .4em; */
background-position: 0 .5em;
padding-left: .9em;
padding-top: 2px;
padding-bottom: 2px;
}

.simplelist {
list-style-type: none;
padding: 0;
margin: 0 0 0 30px;
}

.simplelist li {
background-image: url(/template_legacy/images/plainarrow.gif);
background-repeat: no-repeat;
/* background-position: 0 .4em; */
background-position: 0 .5em;
padding-left: .9em;
/* padding-top: 2px; */
/* padding-bottom: 2px; */
}

/*sitemap*/

.lev1 a{
/*	background: url(/template_legacy/images/bullet2.gif) no-repeat 0px 8px; */
	background: url(/template_legacy/images/arrow_333333.gif) no-repeat 0px 8px;
	color: #333;
	font: bold 14px arial, helvetica, sans-serif;
	margin: 50px;
	margin-left: 50px;
	padding: 5px 5px 5px 15px;
	text-decoration: none;
}
.lev2 a {
/*	background: url(/template_legacy/images/lev2.gif) no-repeat 0px 8px; */
	background: url(/template_legacy/images/arrow_990000.gif) no-repeat 0px 8px;
	font: bold 12px arial, helevtica, sans-serif;
	color: #900;
	margin: 15px;
	margin-left: 100px;
	padding: 5px 5px 5px 15px;
	text-decoration: none;
}

.lev3 a {
/*	background: url(/template_legacy/images/lev3.gif) no-repeat 0px 8px; */
	background: url(/template_legacy/images/arrow_666666.gif) no-repeat 0px 8px;
	font: bold 12px arial, helevtica, sans-serif;
	color: #666;
	margin: 15px;
	margin-left: 150px;
	padding: 5px 5px 5px 15px;
	text-decoration: none;
}

.lev4 a {
	background: url(/template_legacy/images/lev2.gif) no-repeat 0px 8px;
	font: normal 12px arial, helevtica, sans-serif;
	color: navy;
	margin: 15px;
	margin-left: 200px;
	padding: 5px 5px 5px 12px;
	text-decoration: none;
}
.lev5 a {
	background: url(/template_legacy/images/lev5.gif) no-repeat 0px 8px;
	font: normal 12px arial, helevtica, sans-serif;
	color: #418200;
	margin: 15px;
	margin-left: 250px;
	padding: 5px 5px 5px 12px;
	text-decoration: none;
}
.lev6 a {
	background: url(/template_legacy/images/lev6.gif) no-repeat 0px 8px;
	font: normal 12px arial, helevtica, sans-serif;
	color: #234600;
	margin: 15px;
	margin-left: 300px;
	padding: 5px 5px 5px 12px;
	text-decoration: none;
}

.small, .small a {
	color: #002B55;
	font: normal 12px helvetica, arial, sans-serif;
	padding-left: 12px;
	text-decoration: none;
	
}

/*form*/

/*.form {*/
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
/*font-size:60%;*/
/*margin:50px;*/
/*color:#666;*/
/*}*/

.fieldset {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:60%;
margin:50px;
color:#666;
width:500px;
}

.fieldsetwide {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:60%;
margin:50px;
color:#666;
width:700px;
}

.form button {
/* background-color:#87CEEB; */
background-color: #99CCCC;
color:#000;
font-weight:bold;
}

.form .submit {
/* background-color:#87CEEB; */
background-color: #99CCCC;
color:#000;
font-weight:bold;
}

.form input, textarea, select {
background-color: #FDF5E6;
color: #000;
}

.fieldset label {
text-align: right;
width: 90px;
float: left;
font-size: 11px;
font-weight:bold;
padding: 0.2em;
margin: 0;
margin-top: 0.3em;
  }

.fieldset .nobr {display:none;}  

.fieldset .vltextfield {
margin:3px;
height:23px;
width:500px;
}
.fieldset .lltextfield {
margin: 3px;
height: 23px;
width: 500px;
}
.fieldset .ltextfield {
margin: 3px;
height: 23px;
width: 375px;
}
.fieldset .textfield {
margin: 3px;
height: 23px;
width: 250px;
}
.fieldset .lmtextfield {
margin: 3px;
height: 23px;
width: 200px;
}
.fieldset .mtextfield {
margin: 3px;
height: 23px;
width: 100px;
}
.fieldset .mmstextfield {
margin: 3px;
height: 23px;
width: 65px;
}
.fieldset .mstextfield {
margin: 3px;
height: 23px;
width: 50px;
}
.fieldset .stextfield {
margin: 3px;
height: 23px;
width: 40px;
}
.fieldset .ltextarea {
margin: 3px;
height: 200px;
width: 375px;
}
.fieldset .textarea {
margin: 3px;
height: 165px;
width: 260px;
}
.fieldset .stextarea {
margin:3px;
height:100px;
width:350px;
}

/* Table formatting */

.rowcolor0 {
background: #5F9EA0;
}

.rowcolor00 {
background: #ADD8E6;
}

.rowcolor1 {
background: #CCCCCC;
}

.rowcolor2 {
background: # F8F8FF;
}

/* Hyperlink Cues */

/* all A tags whose HREF attribute ends in .pdf */
a[href$='.pdf'] { 
	padding-right: 18px;
	background: transparent url(/template_legacy/images/hyperlink_cues/icon_pdf.gif) no-repeat center right;
}

/* all A tags whose HREF attribute starts with mailto: */
a[href ^="mailto:"] {
	padding-right: 18px;
    background: transparent url(/template_legacy/images/hyperlink_cues/icon_mailto.gif) no-repeat center right;
}

a[href$='.doc'] { 
	padding-right: 18px;
	background: transparent url(/template_legacy/images/hyperlink_cues/icon_doc.gif) no-repeat center right;
}

a[href$='.xls'] { 
	padding-right: 18px;
	background: transparent url(/template_legacy/images/hyperlink_cues/icon_xls.gif) no-repeat center right;
}

a[rel ~='external'] {
	padding-right: 18px;
	background: transparent url(/template_legacy/images/hyperlink_cues/icon_external.gif) no-repeat center right;
}

#separately_scrolled_area {
overflow: auto; w
/* width: 250px;  */
width: 95%;
/* height: 200px; */
height: 600px;
}

#separately_scrolled_area_l {
overflow: auto; w
/* width: 250px;  */
width: 95%;
/* height: 350px; */
height: 1000px;
}

/* Lightbox */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/template_legacy/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	

#slider1 {
    width: 720px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
    width: 720px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
ul { list-style-type: none;}

/* New main nav bar */

.nav {
margin: 0;
/* font-size: 90%; */
font-size: 80%;
font-weight:bold;
background-color: #99CCCC;
/* padding: 5px 0; */
padding: 5px 0 0 8px;
float:left;
/* border: 1px solid #FF0000; */
}

.nav li {
display: inline;
list-style-type: none;
/* padding-left: 15px; */
padding-left: 15px;
}

.nav a:link, .nav a:visited {
color: #333333;
background-color: transparent;
text-decoration: none;
}

.nav a:hover, .nav a:active {
color: #fff;
background-color: #99CCCC;
}

.nav li.current a {
/* color: #CCCC33; */
color: #FFF;
}

.nav_right {
margin: 0;
font-size: 80%;
font-weight:bold;
background-color: #99CCCC;
padding: 4px 0;
float:left;
/* border: 1px solid #FF0000; */
}

.nav_right li
{
display: inline;
list-style-type: none;
padding-right: 15px;
}

.nav_right a:link, .nav_right a:visited {
color: #336699;
background-color: transparent;
text-decoration: none;
}

.nav_right a:hover, .nav_right a:active {
color: #fff;
background-color: #99CCCC;
}

.nav_right li.current a {
color: #FFF;
}

.nav_right {
padding-right: 15px;
padding-left: 60px;
}

//.nav_right li.searchfacil {
// /* float: right; */
//border-right: 0;
// /* padding: 0; */
///* padding-left: 10px; */
///* padding-left: 5px; */
///* border: 1px solid #FF0000; */
//}

/* New Left-hand vertical menu */

#navcontainer {
width: 200px;
float: left;
text-align:right;
font-size: 95%;
color: #444444;
}

#navcontainer a {
list-style: none;
text-decoration: none;
/* color: #CCCC33; */
color: #336699;
}

#navlist
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid gray;
width: 200px;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
}

#navlist li a {
text-decoration: none;
/* color: #000; */
color: #444444;
}

#navlist a:hover, #navlist a:active {
/* color: #CCCC33; */
color: #336699;
}

#navlist li.selected a {
/* color: #CCCC33; */
color: #336699;
}

/* for secondary menu list in the side menu */

#navsublist
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px dashed gray;
width: 200px;
}

#navsublist li
{
list-style: none;
margin: 0;
/* padding: 0.25em; */
border-top: 1px dashed gray;
}

#navsublist li a {
text-decoration: none;
color: #666666;
font-size: small;
}

#navsublist a:hover, #navsublist a:active
{
/* color: #CCCC33; */
color: #336699;
}

#navsublist li.selected a {
/* color: #CCCC33; */
color: #336699;
}

/* New sitemap style */

.sitenav 	{
		padding: 0; margin: 50px 0 0 70px;
		font-family: Arial, Helvetica, Sans-Serif;
		overflow: visible;
		}
		
.sitenav ul {		
		display: block;
		list-style: none;
		margin: -18px 0; padding: 0;
		border: 0; 
		}
		
/* HACK >>> IE 5  Positioning with position relative <ul> Part I */
html + body .sitenav ul {position: relative; top: -12px; left: -10px;}

/* HACK >>> first margin for IE 6, after voice-family the hacks for gecko-based browsers and IE 5 (Win & Mac?) */
.sitenav ul li 	{
			position: relative; top: -1px; left: -11px;
			margin: 10px 0 5px 0; padding: 0; 
			border: 0;
			voice-family: "\"}\""; /* Gecko Stuff follows */
			margin: 10px 0 5px 10px; 
			}
			
/* HACK >>> IE 5  Positioning with position relativ, display: inline fixes an ugly margin-effect in IE 5 */
html + body .sitenav ul li {display: inline; width: 100%; position: relative; top: 0px; left: -12px; margin: 10px 0 5px 0;}

.sitenav a, .sitenav a:visited {
				width: 18.4em; height: 2em;
				display: block; 
				margin: 0 0 0 3px; padding: 1px;
				font-weight: bold; font-size: 110%; line-height: 2em; 
				text-indent: 0.4em; text-align: left; text-decoration: none;
				cursor: pointer;
				voice-family: "\"}\""; 
				margin: 0 0 0 -10px;
				}

/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .sitenav a, html + body .sitenav a:visited {width: 18.6em; text-indent: 0; padding: 0 0 0 8px;}

.sitenav ul ul {	
			padding: 20px 0 18px 0;
			background: none;
			position: relative; top: -1px;
			}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .sitenav ul ul {position: relative; top: 0px; left: 0px;}
				
.sitenav ul li li	{
			position: relative; top: 0px; left: 10px;
			margin: 10px 0 5px 1px; padding: 0 0 0 25px;
			voice-family: "\"}\"";
			left: 0px;
			}
			
/* HACK >>> IE 5  */
html + body .sitenav ul li li {left: 22px;}

.sitenav ul li .sub-sub {
			left: 10px;
			margin: 10px 0 0 1px;
			voice-family: "\"}\"";
			position: relative; top: 0px; left: 0px;
			}

/* HACK >>> IE 5  */
html + body .sitenav ul li .sub-sub {left: 22px;}

.sitenav ul ul a, .sitenav ul ul a:visited 	{
					width: 15.9em; height: 1.8em;
					margin: 0;
					font-size: 110%; line-height: 1.8em; font-weight: normal; text-indent: 0.3em; 
					}
					
/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .sitenav ul ul a, html + body .sitenav ul ul a:visited {position: relative; top: 0px; left: -5px;}

.sitenav ul ul ul {margin: 0 0 34px 12px; padding: 8px 0 0 0;}

.sitenav ul li li li	{
			position: relative; top: 13px; left: 0px;
			margin: 10px 0 5px 0; padding: 0 0 0 20px; 
			}

/* 1 Pixel Difference position relative <ul> for gecko-based Browsers */
html>body .sitenav ul li li li {top: 13px;}

/* HACK >>> IE 5  Positioning with position relative <ul> Part II  */
html + body .sitenav ul li li li {top: 18px;}
																		
.sitenav ul ul ul a, .sitenav ul ul ul a:visited 	{
					width: 14.9em;
					padding: 1px;
					font-size: 100%;
					}
					
/* HACK >>> IE 5  (avoids an ugly effect with text-indent ) */
html + body .sitenav ul ul a, html + body .sitenav ul ul a:visited {text-indent: 0; padding: 0 0 0 8px; }

/* HACK >>> IE 5  (text-indent for IE 5 (only in this styled Version)) */
html + body .sitenav ul li a .box-content {padding: 0.1em 0.1em 0.1em 0.5em; }

/* ### Global Settings >>> colors, borders and images  ### */
.sitenav 	{ border: 0; border-left: 1px solid #BBBBBB; }
.sitenav ul li li	{color: #000; background:  url("/template_legacy/images/sitemap/line.gif") left center no-repeat;}
.sitenav ul ul ul {border-left: 1px solid #BBBBBB; }
.sitenav ul li .sub-sub {background:  url("/template_legacy/images/sitemap/line.gif") top left no-repeat;}
.sitenav a, .sitenav a:visited	{color: #4F4F4F;}				
.sitenav a:active, .sitenav a:hover, .sitenav a:focus,  a:focus .sffocus 	{color: #000;}			
.sitenav ul ul a, .sitenav ul ul a:visited 	{color: #4F4F4F;}			
.sitenav ul ul a:active, .sitenav ul ul a:hover, .sitenav ul ul a:focus	{color: #000;}
	
/* inner box styling */
/* Level 1 */
.sitenav ul li .ro {display: block; width: 100%; background: url("/template_legacy/images/sitemap/ro-01.gif") top right no-repeat;}
.sitenav ul li .lo {display: block; width: 100%; background: url("/template_legacy/images/sitemap/lo-01.gif") top left no-repeat;}
.sitenav ul li .ru {display: block; width: 100%; background: url("/template_legacy/images/sitemap/ru-01.gif") bottom right no-repeat;}
.sitenav ul li .lu {display: block; width: 100%; background: url("/template_legacy/images/sitemap/lu-01.gif") bottom left no-repeat;}
.sitenav ul li .box-content {width: 100%; padding: 0.1em 0.1em 0.1em 0.1em; }

/* Level 2 + 3 */
.sitenav ul li li .ro {background: url("/template_legacy/images/sitemap/ro-02.gif") top right no-repeat;}
.sitenav ul li li .lo {background: url("/template_legacy/images/sitemap/lo-02.gif") top left no-repeat;}
.sitenav ul li li .ru {background: url("/template_legacy/images/sitemap/ru-02.gif") bottom right no-repeat;}
.sitenav ul li li .lu {background: url("/template_legacy/images/sitemap/lu-02.gif") bottom left no-repeat;}
.sitenav ul li li .box-content {width: 100%; padding: 0.1em 0.1em 0.1em 0.1em; }
/* Level 1 - 3 hover */
.sitenav ul li a:hover .ro {background: url("/template_legacy/images/sitemap/ro_h.gif") top right no-repeat;}
.sitenav ul li a:hover .lo {background: url("/template_legacy/images/sitemap/lo_h.gif") top left no-repeat;}
.sitenav ul li a:hover .ru {background: url("/template_legacy/images/sitemap/ru_h.gif") bottom right no-repeat;}
.sitenav ul li a:hover .lu {background: url("/template_legacy/images/sitemap/lu_h.gif") bottom left no-repeat;}

/* To enable captions on figures */

div.figure_right {
  float: right;
  width: 90%;
/*  border: thin silver solid; */
  margin: 0.5em;
  padding: 0.5em;
}
div.figure_left {
  float: left;
  width: 30%;
/*  border: thin silver solid; */
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}