body {
  text-align: center;
}

a {
	color: #762641;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
  font: bold 16px Arial;
  color: black;
  margin: 10px 0 12px 0;
}

h2 {
  font: bold 14px Arial;
  color: black;
  margin: 14px 0 8px 0px;
}

h3 {
  font: bold 12px Arial;
  color: black;
  margin: 14px 0 8px 0px;
}

h4 {
  font: bold 11px Arial;
  color: black;
  margin: 14px 0 6px 0px;
  text-decoration: underline;
}

body, td, th, textarea, input, select, p, span, a, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.csc-bulletlist {
  margin: 0 8px 8px 32px;
  padding: 0;
  list-style: url(img/list_bullet.gif);
}

.csc-bulletlist li {
  margin: 2px 0 3px 0;
}

.box_top {
	border-top: 1px solid white;
	height: 31px;
	width: 180px;
  padding-left: 10px;
  padding-right: 12px;
  background-color: #FFDE3D;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}

.box_separator {
	background: url(img/separator.gif);
	height: 1px;
}

.tooltip_table {
}

.tooltip_td {
    border: 1px solid black;
    background-color: #E3E3E3;
    font: 13px Verdana,Arial;
    padding: 4px;
}


#container {
  position: relative;
  margin: auto;
  text-align: left;
	width: 981px;
}

#header {
	background: url(img/header.jpg);
	width: 100%;
	height: 133px;
}

#title {
  position: absolute;
  left: 10px;
  top: 70px;
  text-transform: uppercase;
  color: white;
  font-size: 24px;
}

#subtitle {
  position: absolute;
  left: 10px;
  top: 110px;
  text-transform: uppercase;
  color: white;
  font-size: 13px;
  font-weight: bold;
}

#top_menu table {
	height: 31px;
	background-color: #E3E3E3;
}

#top_menu table td {
	height: 31px;
	padding-left: 20px;
	padding-right: 20px;
  text-transform: uppercase;
}

#top_menu .menu-shortcut {
	height: 100%;
	padding-left: 60px;
}

#top_menu .menu-lev1 {
	height: 100%;
}

#top_menu .menu-lev1 a {
	color: black;
  font-size: 11px;
}

#top_menu .menu-lev1-act {
	height: 100%;
	background-color: #762641;
}

#top_menu .menu-lev1-act a {
	color: white;
  font-size: 11px;
  font-weight: bold;
}

#topics {
	background: url(img/topics.gif) no-repeat;
	padding-top: 2px;
	padding-left: 24px;
	height: 18px;
}

#sub_menu {
	width: 180px;
}

#sub_menu .menu-lev2 {
	background: #E3E3E3;
	height: 31px;
	padding-left: 10px;
	border-top: 1px solid white;
}

#sub_menu .menu-lev2 a {
	color: black;
	font-weight: bold;
	font-size: 11px;
  text-transform: uppercase;
}

#sub_menu .menu-lev2-act {
	background: #762641;
	height: 31px;
	padding-left: 10px;
	border-top: 1px solid white;
}

#sub_menu .menu-lev2-act a {
	color: white;
	font-weight: bold;
	font-size: 11px;
  text-transform: uppercase;
}

#sub_menu2 {
	width: 180px;
}

#sub_menu2 .menu-lev3 {
	background: #E3E3E3;
	height: 20px;
	padding-left: 20px;
	width: 180px;
}

#sub_menu2 .menu-lev3 a {
	color: black;
	font-size: 11px;
  text-transform: uppercase;
}

#sub_menu2 .menu-lev3-act {
	background: #E3E3E3;
	height: 20px;
	padding-left: 20px;
}

#sub_menu2 .menu-lev3-act a {
	color: #762641;
	font-size: 11px;
	font-weight: bold;
  text-transform: uppercase;
}

#login {
	background-color: #E3E3E3;
	width: 180px;
}

#virtual_network {
	background: url(img/login.gif) no-repeat;
	padding-top: 2px;
	padding-left: 24px;
	height: 18px;
}

#login .login-item {
	padding: 5px 10px 5px 10px;
}

#left_column {
	width: 180px;
	text-align: center;
}

#content {
  vertical-align: top;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 1px;
  width: 601px;
}

#content .single_event a {
  font-weight: bold;
}

#content .single_event .start_date {
  font-weight: bold;
}
.prj-menu-levelup {
  padding: 5px 0 5px 10px;
}

.prj-menu-lev1 {
  padding-left: 10px;
  padding-top: 5px;
}

.prj-menu-lev2 {
  padding-left: 22px;
  padding-top: 5px;
  background: url(img/checkmark1.gif) no-repeat 11px 8px;
}

.prj-menu-lev3 {
  padding-left: 34px;
  padding-top: 5px;
  background: url(img/checkmark1.gif) no-repeat 23px 7px;
}

.prj-menu-lev4 {
  padding-left: 46px;
  background: url(img/checkmark1.gif) no-repeat 35px 2px;
}

#right_column {
	width: 180px;
}

#right_column .right-column-item {
	padding-top: 8px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 8px;
	background-color: #E3E3E3;
}

#right_column .right-column-item a {
	color: black;
	font-weight: normal;
}

#research {
	background: url(img/currentresearch.gif) no-repeat;
	padding-top: 2px;
	padding-left: 24px;
	height: 18px;
}

#papers {
	background: 0px 5px url(img/latestworkingpapers.gif) no-repeat;
	padding-left: 24px;
}

#highlights {
	background: url(img/highlights.gif) no-repeat;
	padding-top: 2px;
	padding-left: 24px;
	height: 18px;
}

#footer {
	text-align: center;
}

#footer p {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid #A0A0A0;
	font-size: 10px;
}

#footer p a {
	font-size: 10px;
}


/**** GARNET Virtual Network Interface design ****/

.user-garnetvn-pi1 .HorizontalList {
	float: left;
	margin: 0px;
	padding: 0px;
}

.user-garnetvn-pi1 .HorizontalList li {
	margin-right: 10px; 
	display: inline;
	list-style-type: none;
	float: left;
}

.user-garnetvn-pi1 .HorizontalListRight {
	float: right;
	margin: 0px;
	padding: 0px;
}

.user-garnetvn-pi1 .HorizontalListRight li {
	margin-left: 10px; 
	display: inline;
	list-style-type: none;
	float: left;
}

.user-garnetvn-pi1 .HerbieCalendar {
	padding-top: 15px;
}