/* Left Menu CSS 
----------------------------------------------- */
.LeftMenu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 170px;
	vertical-align: top;
	top: 0;
	position: relative;
}

#leftcontentcontainer .LeftMenu {
	width: 170px;
}

.LeftMenu li{
	font: bold 11px/14px Tahoma, Verdana, Arial, sans-serif;
}

.LeftMenu li a{
    background: #f1f1f1;
    font: bold 11px/14px Tahoma, Verdana, Arial, sans-serif;
    color: #1f2d6a;
    display: block;
    width: auto;
    padding: 2px 10px 2px 9px;
	 margin: 0;
    text-decoration: none;
    border-bottom: solid 1px #e1e1e1;
	 outline: none;
}

* html .LeftMenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
    width: 150px;
	 outline: none;
}

* html #leftcontentcontainer .LeftMenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
    width: 150px;
	 outline: none;
}

.LeftMenu li a:hover {
    color: #fff;
    background-color: #3366CC;
    text-decoration: none;
}

#activemn a, li.activemn a {
    color: #fff;
    background-color: #3366CC;
    text-decoration: none;
    font-weight: bold;
	 outline: none;
}

#activemn ul li a, li.activemn ul li a {
    background: #fff url('../_gfx/ArrowRightGrey_menu.gif') no-repeat 9px 7px;
    font: normal 11px/14px Tahoma, Verdana, Arial, sans-serif;
    color: #1f2d6a;
	padding: 2px 2px 2px 19px;
	margin: 0;
	display: block;
	outline: none;
	width: auto;
}

#activemn ul li a:hover, li.activemn ul li a:hover {
    background: #fff url('../_gfx/ArrowRightRed_menu.gif') no-repeat 8px 9px;
    font: normal 11px/14px Tahoma, Verdana, Arial, sans-serif;
    color: #1f2d6a;
   padding: 2px 2px 2px 19px;
	text-decoration: underline;
	margin: 0;
	display: block;
	outline: none;
	width: auto;
}

#activemn ul ul, li.activemn ul ul { border-bottom: solid 1px #eaeaea; }

#activemn ul ul li a, li.activemn ul ul li a {
	background: #fff url('../_gfx/ArrowRightGrey_menu.gif') no-repeat 19px 8px;
	font: normal 11px/14px Tahoma, Verdana, Arial, sans-serif;
	color: #1f2d6a;
	padding: 2px 2px 2px 29px;
	margin: 0;
	display: block;
	outline: none;
	width: auto;
}

#activemn ul ul li a:hover, li.activemn ul ul li a:hover {
    background: #fff url('../_gfx/ArrowRightRed_menu.gif') no-repeat 18px 10px;
    font: normal 11px/14px Tahoma, Verdana, Arial, sans-serif;
    color: #1f2d6a;
    padding: 2px 2px 2px 29px;
	 margin: 0;
	 display: block;
	 outline: none;
	 width: auto;
}

.InstTitle {
    background: url('../_gfx/bg_inst_title.gif') no-repeat 0 0;
    font: bold 11px/14px Tahoma, Verdana, Arial, sans-serif;
    color: #0d2b6f;
    width: 170px;
    height: 25px;
    border-bottom: solid 1px #e2e2e2;
}

.InstTitle div {
    font: normal 12px/18px Arial, Verdana, sans-serif;
    color: #FFFFFF;
    padding: 5px 0 0 10px;
	letter-spacing: 1px;
}

/* Generic CSS 
----------------------------------------------- */
body {
	color: #444;
	text-align:left;
	margin: 0;
	padding: 0;
	font: normal 12px/19px Tahoma, Verdana, Arial, sans-serif;
	height: 100%;
	width: 100%;
}

div#wrapper {
	background-color: #e2e2e2;
	 background-image:  url('../_gfx/ims_inside_bg.jpg');
	 background-repeat: repeat-x;
	 background-position: top left;
	 position: relative;
	 top: 0;
	 left: 0;
	 margin: 0;
	 padding: 0;
	 display: block;
}

div#outercontainer {
	margin: 0 27px 0 5px;
	padding: 0;
	text-align: left;
	display: block;
	position: relative;
	top: 0;
	left: 0;
}

* html #outercontainer {
	width: 100%;
	height: 100%;
	margin: 0 27px 0 5px;
	text-align: left;
	position: relative;
	top: 0;
	left:0;
	padding: 0;
	display:block;
}

div#headercontainer{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	height: 176px;
	position: relative;
	top: 0;
	display: block;
}

ol, ul, li, form { padding: 0px;margin: 0px; }
ol, ul, li { list-style-type: none; }

img { border: 0px; margin: 0;}

label { cursor: pointer; }
/*td, div, p {
	font: normal 12px/19px Tahoma, Verdana, Arial, sans-serif;
}*/

a {
   /*  font: normal 12px/19px Tahoma, Verdana, Arial, sans-serif; */
    color: #000099;
    text-decoration: none;
}

p {
	margin-top: 4px;
	margin-bottom: 7px;
	font: normal 12px/19px Tahoma, Verdana, Arial, sans-serif;
}

a:hover { text-decoration: underline; }

h1 {
    font: bold 16px/19px Tahoma, Verdana, Arial, sans-serif;
    color: #3366CC;
    margin: 0px;
    padding: 0px;
	 border-bottom: solid 1px #c1c1c1;
	 width: 100%;
	 display: block;
}

h1.news {
	 border-bottom: none;
}

h1.dept {
	font: bold 14px/19px Tahoma, Verdana, Arial, sans-serif;
	/*background-color: #3366cc;
	color: #fff;*/
	/*color: #11357B;*/
	color: #3366CC;
	border-bottom: solid 1px #b1170b;
	padding: 0px 0px 4px 0px;
	margin: 20px 0px 6px 0px;
	width: 100%;
	display: block;
}

h2 {
	font: bold 13px/19px Tahoma, Verdana, Arial, sans-serif;
	/*color: #11357B;*/
	color: #b1170b;
	padding: 10px 0px 0px 0px;
	margin: 14px 0px 4px 0px;
	display: block;
	width: 100%;
}

h3 {
    font: bold 14px/19px Tahoma, Verdana, Arial, sans-serif;
    color: #669acc;
    margin: 0px;
    padding: 9px 0px 0px 0px;
	 display: block;
	 width: 100%;
}
h4 {
    font: bold 13px/19px Arial, Verdana, sans-serif;
    color: #000;
    margin: 0px;
    padding: 0px;
	 width: 100%;
	 display: block; 
}

h5 {
    font: bold 14px/19px Arial, Verdana, sans-serif;
    color: #5c5d5f;
    margin: 0px;
    padding: 0px;
	 display: block; 
}

.FloatL { float: left; }
.FloatR { float: right; }
.leftcorner { float: left; }
.rightcorner { float: right; }

/* Header CSS 
----------------------------------------------- */
.listBullet {
	font: normal 12px/14px Tahoma, Verdana, Arial, sans-serif;
	margin-left: 21px;
}
.listBullet li {
	font: normal 12px/14px Tahoma, Verdana, Arial, sans-serif;
	margin-bottom: 7px;
	list-style-type: disc;
	line-height: 17px;
}
.listBullet ul li {
	font: normal 12px/14px Tahoma, Verdana, Arial, sans-serif;
	margin-bottom: 7px;
	list-style-type: none;
}
.listNumber {
	font: normal 12px/14px Tahoma, Verdana, Arial, sans-serif;
	margin-left: 21px;
}
.listNumber li {
	font: normal 12px/14px Tahoma, Verdana, Arial, sans-serif;
	margin-bottom: 7px;
	list-style-image:  url('../_gfx/dash.gif');
}
.listNumber ul li {
	font: normal 12px/14px Tahoma, Verdana, Arial, sans-serif;
	margin-bottom: 7px;
	list-style-type: none;
}
div#topnav{
	position: absolute;
	height: 20px;
	top: 20px;
	left: 5px;
}
.TopLinks { height: 20px;}
.TopLinks li {
    font: normal 11px/14px Tahoma, Arial, Verdana, sans-serif;
    color: #fff;
    display: inline;
}
.TopLinks li a {
    font: normal 11px/14px Tahoma, Arial, Verdana, sans-serif;
    color: #fff;
	text-decoration: none;
}
.TopLinks li a:hover {
	text-decoration: underline;
}

div#logo {
	display: block;
	 background-image: url('../_gfx/bg_logo-ims_en.jpg');
	 background-repeat: no-repeat;
	 width: 485px;
	 height: 136px;
	 position: absolute;
	 top: 40px;
	 left: 5px;
}

div#logo_container_main{
	display: block;
	 width: 485px;
	 height: 74px;
	 position: absolute;
	 top: 60px;
	 left: 5px;
	 /* padding: 60px 0; */
}

.logoims_main{
	/* margin-top: 20px; */
	display: block;
}

#welcomeinside {
    position: absolute;
    bottom: 8px;
	 left: 5px;
    display: block;
    font: normal 11px/14px Tahoma, Verdana, Arial, sans-serif;
    color: #fff;
	 width: auto;
	 height: 16px;
	 overflow: hidden;
}
#welcomeinside a {
    font: bold 11px/14px Tahoma, Verdana, Arial, sans-serif;
    color: #fff;
}
#welcomeinside a:hover { text-decoration: underline; }


/* Right Side CSS 
----------------------------------------------- */
div#search {
	background:  url('../_gfx/bg_search-ims.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
	position: absolute;
	top: 0;
	right: 0;
	width: 259px;
	height: 40px;
	padding:0px;
	margin:0px;
}

#search div { padding-top: 15px; padding-left: 12px; }

#search label {
    font: bold 11px/14px Arial, Verdana, sans-serif;
    color: #1f2d6a;
}

#search input {
    border: 0px;
    width: 135px;
    height: 17px;
    padding: 0px 3px;
    font: normal 11px/14px Tahoma, Arial, Verdana, sans-serif;
    color: #000000;
}

div#itephoto {
	background-image:  url('../_gfx/photo-ims_in.jpg');
	background-repeat: no-repeat;
	background-position: right;
	width:259px;
	height:136px;
	position: absolute;
	top: 40px;
	right: 0;
	padding: 0px;
	margin: 0px;
}

div#language {
   position: absolute;
	top: 155px;
	right: 259px;
}

#rightlinks {
    background-image: url('../_gfx/bg_index_right_links.gif');
	 background-repeat: no-repeat;
    float:right;
    clear:right;
    width:259px;
}
#rightlinks div { padding: 24px 7px 10px 25px; }
#rightinsts { padding-left: 15px; }
#rightinsts li {
    list-style-image:  url('../_gfx/ArrowRightRed.gif');
    line-height: 0px;
}
#rightinsts li a {
    background-image:  url('../_gfx/hr_right.gif');
	 background-repeat: no-repeat;
	 background-position: right bottom;
    font: normal 11px/14px verdana, Arial, sans-serif;
    color: #0e478c;
    display: block;
    padding: 5px 0px;
    padding-left: 5px;
}


/* Main CSS 
----------------------------------------------- */
#path { 
	margin: 5px 0 5px 0;
	padding: 0 0 0 0;
	vertical-align: top;
	position: relative;
	width: 170px;
	height: 20px;
	top: 0;
}
#path a {
	font: normal 12px/18px Tahoma, Verdana, Arial, sans-serif;
	color: #1f2d6a;
	text-decoration: none;
}
#path a:hover { text-decoration: underline; }

div#container {
	width: 100%;
	height: 100%;
	background-color: transparent;
	margin: 0;
	padding: 0;
	/*position: relative;
	top: 0;
	left: 0;*/
	display: block;
}

div#leftcontentcontainer {
	background-color: transparent;
	vertical-align: top;
	margin: 0;
	padding: 0;
	width: 170px;
	float: left;
}

div#contentcontainer {
	background-color: #fff;
	margin: 0 0 0 171px;
	padding: 0 0 0 0;
	height: 100%;
}

div#maincontentleft {
	background-color: #e2e2e2;
	 background-image:url('../_gfx/bg_inside_main_left.gif');
	 background-repeat: no-repeat;
	 background-position: top left;
	 background-attachment: scroll;
	 height: 100%;
	 width: 100%;
	 padding: 0 0 0 0;
	 margin: 0 0 0 0;
}

div#maincontentright {
	background-color: transparent;
	background-image: url('../_gfx/bg_inside_main_right.gif');
	background-repeat: no-repeat;
	background-position: top right;
	background-attachment: scroll;
	height: 100%;
	padding: 0;
	margin: 0;
}

div#maincontent {
	background-color: #fff;
	background-image: url('../_gfx/bg_inside_main.gif');
	background-repeat: repeat-x;
	background-position: 0 0;
	background-attachment: scroll;
	padding: 15px 20px 10px 20px;
	margin: 0 5px 0 5px;
	height: 100%;
	min-height: 710px; 
	vertical-align: top;
}

#maincontent div.new {
    border-bottom: solid 1px #c1c1c1;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#maincontent div.new div.picture {
    float: left;
    margin-right: 10px;
}

#maincontent div.new a.more {
    background-image:  url('../_gfx/ArrowRightRed.gif');
	 background-repeat: no-repeat;
	 background-position:  0px 2px;
    font: bold 10px/14px Verdana, Arial, sans-serif;
    color: #303030;
    display: block;
    padding-left: 10px;
    margin-top: 10px;
}

#maincontent div.labtitle{
	padding-bottom: 0px;
}

#maincontent img{
	padding: 10px 10px 10px 10px;
}

/*#maincontent h2, h3, h4{
	clear: left;
}*/

#maincontent div.website {
	float: left;
	background-color: #f1f1f1;
	background-image: url('../_gfx/bg_link.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	width: 234px;
	height: 27px;
	margin-right: 15px;
	margin-bottom: 12px;
}

#maincontent div.website div {
	font: bold 11px/19px Verdana, Arial, sans-serif;
	padding: 7px 0 0 4px;
}

#maincontent div.website div a {
    font: normal 11px/19px Verdana, Arial, sans-serif;
    color: #1b4c8f;
    text-decoration: none;
}

#maincontent div.website div a:hover {
    background: #3366CC;
    color: #fff;
	padding: 7px 0 0 4px;
}

#maincontent div.rightpic {
	clear: right;
	float: right;
	margin: 10px 0 5px 2px;
}

#maincontent ul, #maincontent ol, #maincontent li{
	margin: 0 0 0 16px;
	font-family: normal 12px/16px Tahoma, Verdana, Arial, sans-serif;
	list-style: inherit;
}

#maincontent ul li{
	list-style-position: outside;
	list-style-type: none;
	list-style-image: url('../_gfx/dash.gif');
}

#maincontent ol li{
	list-style-position: outside;
	list-style-type: decimal;
}
div.hr {
   border-bottom: solid 1px #c1c1c1;
	padding: 0;
	margin: 0;
}
#bottomimage {
	background-image:  url('../_gfx/main_bottom_bg.gif');
	background-repeat: repeat-x;
	margin-left: 180px;
	margin-right: 32px;
	height: 18px;
	clear: both;
	position:relative;
	top: 0;
}
* html #bottomimage { margin-left: 183px; }


/* Contact CSS 
----------------------------------------------- */
div.titleblue {
	background-image: url('../_gfx/ArrowRightRed.gif');
	background-repeat: no-repeat;
	background-position: left;
   padding-left: 15px;
   font: bold 11px/19px Verdana, Arial, sans-serif;
   color: #1f2d6a;
}
#contact { width: 440px; margin-left: 50px; display: table; }
#contact div.grey { clear: left; background: #f8f7f7; display: table-row; height: 28px; }
#contact div.white { clear: left; background: #fff; display: table-row; height: 28px; }
#contact div.text {
    float: left;
    width: 141px;
    display: table-cell;
    margin-top: 5px;
    padding-left: 10px;
}
* html #contact div.text {
    width: 151px;
}
#contact div.input {
    float: left;
    width: 250px;
    display: table-cell;
    margin-top: 5px;
}
#contact div.asterisk {
    float: left;
    width: 38px;
    text-align: center;
    display: table-cell;
    margin-top: 5px;
}
#contact div.input input, #contact div.input select {
    width: 250px;
    height: 19px;
    border: solid 1px #c1c1c1;
    font: normal 11px/14px Verdana, Arial, sans-serif;
    color: #4d4d4d;
}
#contact div.input textarea {
    width: 250px;
    height: 100px;
    border: solid 1px #c1c1c1;
    font: normal 11px/14px Verdana, Arial, sans-serif;
    color: #4d4d4d;
}
div.greymsg {
    background: #f1f1f1;
    border-top: solid 2px #fff;
    border-bottom: solid 2px #fff;
    padding: 5px;
}
#buttons { margin-top: 7px; margin-left: 111px}

#contact #buttons{
	background-image: url('../_gfx/bg_button_blue.gif');
	background-repeat: no-repeat;
	width: 114px;
	height: 19px;
	font: bold 11px/14px Verdana, Arial, sans-serif !important;
	color: #fff !important;
	text-decoration: none !important;
	text-align: center;
	margin-top: 14px;
	margin-left: 247px;
	border: none;
}
a.buttonred {
    background-image:  url('../_gfx/bg_button_red.gif');
	background-repeat: no-repeat;
    width: 114px;
    height: 19px;
    display: block;
    font: bold 11px/14px Verdana, Arial, sans-serif !important;
    color: #fff !important;
    text-decoration: none !important;
    padding-top: 2px;
    text-align: center;
}
a.buttonblue {
    background-image:  url('../_gfx/bg_button_blue.gif');
		background-repeat: no-repeat;
    width: 114px;
    height: 19px;
    display: block;
    font: bold 11px/14px Verdana, Arial, sans-serif !important;
    color: #fff !important;
    text-decoration: none !important;
    padding-top: 2px;
    text-align: center;
}
a.buttonred:hover, a.buttonblue:hover {
    background-image:  url('../_gfx/bg_button_grey.gif');
		background-repeat: no-repeat;
}
#mustfill {
    font: normal 10px Verdana, Arial, sans-serif;
    color: #575757;
    margin: 20px 0px;
}
#addressbox {
	background-image:  url('../_gfx/bg_address.gif');
		background-repeat: repeat-x;
		background-position: top;
	font: normal 11px/15px Verdana, Arial, sans-serif;
	padding: 10px 15px 0 15px;
}
span.bblue {
    font: bold 11px Verdana, Arial, sans-serif;
    color:#1f2d6a;
}
span.small {
    font-size: smaller;
}
#addressbox a {
    font: normal 11px/14px Verdana, Arial, sans-serif;
    color: #1b4c8f;
}


/* Search CSS 
----------------------------------------------- */
#searchbox img, #paging img{
	padding: 0;
	margin: 0;
}

#searchbox div.transp {
	background-image: url('../_gfx/ArrowRightRed.gif'); 
	background-repeat: no-repeat;
	background-position: 4px 8px;
	height: auto;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 7px;
	margin-top: 9px;
	margin-bottom: 9px;
}
#searchbox div.white {
    background-color: #fff;
	  background-image: url('../_gfx/ArrowRightRed.gif');
	   background-repeat: no-repeat;
		background-position: left 18px;
    width: 480px;
    padding: 15px;
    line-height: 7px;
}
#searchbox div.grey {
    background-color: #f8f7f7;
	 background-image: url('../_gfx/ArrowRightRed.gif');
	 background-repeat: no-repeat;
	 background-position: left 18px;
    width: 475px;
    padding: 15px;
    line-height: 7px;
    color: #505050;
}
#searchbox a {
    font: bold 11px/14px Tahoma, Verdana, Arial, sans-serif;
    color: #1f2d6a;
    display: block;
    width: 100%;
}
#searchbox .borders{
	border-top: solid 1px #c1c1c1;
	 border-bottom: solid 1px #c1c1c1;
}

/* Paging - pagination 
-------------------------------------------*/
div.pages {
    font: normal 10px Verdana, Arial, sans-serif;
	line-height: 15px;
    color: #7e7e7e;
    padding: 0 0 0 0;
    float: right;
	margin: 0 0 5px 0;
}
#paging {
   /*clear: both;*/
	border-top: solid 1px #c1c1c1;
	margin: 30px 0 10px 0;
	padding: 10px 0 0 0;
	text-align: left;
	width: 100%;
	display: table-row;
}

#paging div.prev {
	width: 20%;
	float: none;
	display: table-cell;
}
#paging div.pages {
	font: bold 11px/14px Verdana, Arial, sans-serif;
	color: #b1170b;
	float: none;
	text-align: center;
	margin: 0 0 0 0;
	width: 60%;
	display: table-cell;
}
#paging div.next {
    text-align: right;
	width: 20%;
	float: none;
	display: table-cell;
}


#paging div.prev a, #paging div.next a {
    font: bold 10px/14px Verdana, Arial, sans-serif;
    color: #7e7e7e;
    text-decoration: underline;
}
#paging div.prev a:hover, #paging div.next a:hover {
    text-decoration: none;
}
#paging div.pages a {
    font: normal 11px/14px Verdana, Arial, sans-serif;
    color: #7e7e7e;
    text-decoration: underline;
}
#paging div.pages a:hover { text-decoration: none; }

/* News CSS
----------------------------------------------- */
#news{
	width: auto;
	margin: 30px 0 10px 0;
	display: block;
	text-align: left;
}

#news img{
	padding: 0;
}

.item {
	 width: 100%;
    margin: 0 0 30px 0;
	 display: block;
}

.item a.newtitle {
	font: bold 11px/14px Verdana, Arial, sans-serif;
	color: #1f2d6a;
	text-decoration: none;
	width: auto;
	height: auto;
	background-color: #f1f1f1;
	background-image: url('../_gfx/ArrowRightRed.gif');
	background-repeat: no-repeat;
	background-position: 4px 7px;
	display: block;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 2px 0 10px 0;
}

/*#news .item a.newtitle {
	font: bold 11px Verdana, Arial, sans-serif;
	color: #1f2d6a;
	text-decoration: none;
	width: 100%;
	height: auto;
	background: #f1f1f1 url('../_gfx/ArrowRightRed.gif') no-repeat 4px 7px;
	display: block;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 2px;
	margin-bottom: 10px;
}

* html #news .item a.newtitle {
	font: bold 11px Verdana, Arial, sans-serif;
	color: #1f2d6a;
	text-decoration: none;
	width: 100%;
	height: auto;
	background: #f1f1f1 url('../_gfx/ArrowRightRed.gif') no-repeat 4px 7px;
	display: block;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 2px;
	margin-bottom: 10px;
}*/

.item a.newtitle:hover {
    color: #fff;
    background-color: #B1170B;
	 background-image: url('../_gfx/ArrowRightWhite.gif');
	 background-repeat: no-repeat;
	 background-position: 4px 7px;
}

.item .picture {
    float: left;
    margin-right: 10px;
}

.item div.date {
    font: bold 10px/14px Verdana, Arial, sans-serif;
    color: #b1170b;
}

/*Projects*/
.projects{
	width: auto;
	margin: 30px 0 10px 0;
	display: block;
	text-align: left;
}

.projectitem{
	 width: 100%;
    margin: 0 0 10px 0;
	 display: block;
}

.projectitem a.projecttitle {
	font: bold 11px/14px Verdana, Arial, sans-serif;
	color: #1f2d6a;
	text-decoration: none;
	width: auto;
	height: auto;
	background-color: #f1f1f1;
	background-image: url('../_gfx/ArrowRightRed.gif');
	background-repeat: no-repeat;
	background-position: 4px 7px;
	display: block;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 2px 0 10px 0;
}

/* Footer CSS 
----------------------------------------------- */
#footer {
    width: auto;
    margin: 20px 40px 20px 190px;
    text-align: left;
}
#footer div {
    font: normal 10px/14px Verdana, Arial, sans-serif;
    color: #606060;
}
#footer a {
    font: bold 10px/14px Verdana, Arial, sans-serif;
    color: #606060;
}
#footerhr {
    clear: both;
    background-image: url('../_gfx/bg_footer.gif');
	 background-repeat: repeat-x;
    height: 70px;
}

/* Staff CSS
--------------------------------------------------- */
ul.anchored{
	padding: 0 0 0 15px;
}
ul.anchored li{
	list-style-image:  url('../_gfx/ArrowRightRed_menu.gif');
   line-height: 0px;
}
ul.anchored li a{
	
}

#maincontent p img, #maincontent img.flaglink{
	vertical-align: baseline;
	margin: 0 0 0 0;
	padding: 0;
}

div#subpages{
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	display: block;
}

#subpages ul{ 
	padding: 10px 0 0 15px;
	margin: auto;
}

#subpages ul li{
	list-style-image:  url('../_gfx/ArrowRightRed.gif');
   	/* line-height: 1.6;  */
	margin: auto;
}
/* Extra Code for Image Gallery */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #fff;
margin: 3px 3px 3px 3px;
}

/*.thumbnail:hover{
background-color: transparent;
}*/

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 5px;
left: -500px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border: 1px solid #fff;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 450px; 
/*position where enlarged image should offset horizontally */
z-index: 250;
}

.thumbnail:hover span img{ /*CSS for enlarged image*/
border: 1px solid #fff;
}

/*downloads*/
#download-section{
	display: block;
	width: 320px;
	float: right;
	clear: right;
	padding: 18px 0 0 10px;
	margin: 10px 0 20px 0;
}
/*LARGE BLUE BUTTON*/

.btn_largeblue {
	/*Basics*/
	display: block;
	cursor: pointer;
	padding: 10px 25px;
	text-align: center;
	font: bold 15px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #ffffff;
	text-decoration: none;
	border-radius: 3px;
	border: 1px solid #1D88B9;
	text-shadow: 0px -1px 0px #0E5E85;
	
	/*Shadows*/
	-moz-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #1D88B9;
	-webkit-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #1D88B9;
	box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #1D88B9;
		
	/*Gradient*/
	background: #8ed2e8; /* Old browsers */
	background: -moz-linear-gradient(top, #8ed2e8 0%, #0099cc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ed2e8), color-stop(100%,#0099cc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8ed2e8 0%,#0099cc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8ed2e8 0%,#0099cc 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #8ed2e8 0%,#0099cc 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ed2e8', endColorstr='#0099cc',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #8ed2e8 0%,#0099cc 100%); /* W3C */
}

.btn_largeblue:hover {
	background: #b4e1f9; /* Old browsers */
	background: -moz-linear-gradient(top, #b4e1f9 0%, #31acd8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e1f9), color-stop(100%,#31acd8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b4e1f9 0%,#31acd8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b4e1f9 0%,#31acd8 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #b4e1f9 0%,#31acd8 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e1f9', endColorstr='#31acd8',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #b4e1f9 0%,#31acd8 100%); /* W3C */
	}
	

.btn_largeblue:active{
	margin: 3px 0 -3px 0;
	
	/*Shadows*/
	-moz-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35);
	-webkit-shadow: inset 0px -1px 0px rgba(255,255,255,0.35);
	box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35);
	
	/*Gradient*/
	background: #0099cc; /* Old browsers */
	background: -moz-linear-gradient(top, #0099cc 0%, #8ed2e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099cc), color-stop(100%,#8ed2e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0099cc 0%,#8ed2e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0099cc 0%,#8ed2e8 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #0099cc 0%,#8ed2e8 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099cc', endColorstr='#8ed2e8',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #0099cc 0%,#8ed2e8 100%); /* W3C */
}

/*LARGE GRAY BUTTON*/

.btn_largegray {
	/*Basics*/
	display: block;
	cursor: pointer;
	padding: 10px 25px;
	text-align: center;
	font: bold 15px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #2F323A;
	text-decoration: none;
	border-radius: 3px;
	border: 1px solid #5F636C;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
	
	/*Shadows*/
	-moz-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #5F636C;
	-webkit-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #5F636C;
	box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35), 0px 3px 0px #5F636C;
		
	/*Gradient*/
	background: #a9adb3; /* Old browsers */
	background: -moz-linear-gradient(top, #a9adb3 0%, #858a95 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9adb3), color-stop(100%,#858a95)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a9adb3 0%,#858a95 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a9adb3 0%,#858a95 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #a9adb3 0%,#858a95 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9adb3', endColorstr='#858a95',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #a9adb3 0%,#858a95 100%); /* W3C */
}

.btn_largegray:hover {
	background: #b8bdc5; /* Old browsers */
	background: -moz-linear-gradient(top, #b8bdc5 0%, #979ca6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8bdc5), color-stop(100%,#979ca6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b8bdc5 0%,#979ca6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b8bdc5 0%,#979ca6 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #b8bdc5 0%,#979ca6 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8bdc5', endColorstr='#979ca6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #b8bdc5 0%,#979ca6 100%); /* W3C */
	}
	

.btn_largegray:active{
	margin: 3px 0 -3px 0;
	
	/*Shadows*/
	-moz-box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35);
	-webkit-shadow: inset 0px -1px 0px rgba(255,255,255,0.35);
	box-shadow: inset 0px -1px 0px rgba(255,255,255,0.35);
	
	/*Gradient*/
	background: #858a95; /* Old browsers */
	background: -moz-linear-gradient(top, #858a95 0%, #a9adb3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#858a95), color-stop(100%,#a9adb3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #858a95 0%,#a9adb3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #858a95 0%,#a9adb3 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #858a95 0%,#a9adb3 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858a95', endColorstr='#a9adb3',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #858a95 0%,#a9adb3 100%); /* W3C */
}

/*
.video-thumb-wrapper {
	display: block;
	width: 170px;
	height: 170px; 
	background: url('/images/playsmall.png') transparent center center no-repeat;
}

.video-thumb {
	filter: alpha(opacity = 30);
	opacity: .3;
	width: 170px;
	height: 170px; 
	border:0;
	margin:0;
}*/

.notice{
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFD5;
    border-bottom-color: #DDDDDD;
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #DDDDDD;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #DDDDDD;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #DDDDDD;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 8px;
    padding-left: 14px;
    padding-right: 10px;
    padding-top: 8px;
}

td, th{
	background-color: #ececec;
	border: 1px solid #FFF;
	padding: 5px 11px 6px 11px;
	color: #444;
}
thead th{
	border-bottom: 1px solid #444;
	color: #444;
}

tr:hover td{
	background-color:#ddd;
} 

th{
	vertical-align: bottom;
}

/*PUBLICATIONS*/
#category-years{
	max-width: 800px;
}

.year-link{
	margin-right:15px;
	display: inline-block;
}

.tag-link{
	margin-right:15px;
	display: inline-block;
}

#category-tags{
	max-width: 800px;
}
.author-link{
	margin-right:15px;
	display: inline-block;
}

#category-authors{
	max-width: 800px;
}

#div-preveiw {
width: 100%;
min-width: 200px;
}

#preview-contents {
	width: 100%;
	min-width: 200px;
	}

.verylargefont { font-size: 1.4em; font-weight: 900; }
.largefont { font-size: 1.3em; font-weight: 800; }
.middlefont { font-size: 1.2em; font-weight: 600; }
.smallfont { font-size: 1em; font-weight: 400; }
.verysmallfont { font-size: 0.9em; font-weight: 200; }

#preview-contents table  {
	width: 100%;
	min-width: 200px;
	}

#preview-contents tbody{
	width: 100%;
	min-width: 200px;
}