#menu {
margin:0;
padding:0;
width: 187px;
}

#menu ul {
	list-style: none;
	margin:0;
	padding: 0;
	width: 187px;
	float : left;
}



#menu ul li {
	position: relative;
	height: 29px;
	background: none;
	margin:0;
	padding: 0;
	float : left;
}

#menu ul li ul li {
	height: 25px;
}


#menu li ul {
	position : absolute;
	left: -999em;
	margin-left : 187px;
	margin-top : 0px;
	top : 0px;
	z-index : 100;
}

#menu li ul ul { /* third-and-above-level lists */
	margin-left : 197px;
	left: -999em;
	z-index : 100;
}


#menu li a {
	display : block;
	text-decoration: none;
	background: #ffffff url(images/bg_navigation.gif) no-repeat bottom;
	padding: 5px 2px 2px 26px;
	width: 159px !important;
	width /**/: 187px;
	height: 22px !important;
	height /**/: 29px;
	font-size: 0.8em;
	font-weight:bold;
	color: #B75722;
}

#menu li ul li a {
	display : block;
	border : 1px solid #777777;
	text-decoration: none;
	background: #ffffff;
	padding: 5px 2px 2px 6px;
	width: 189px !important;
	width /**/: 197px;
	line-height: 18px;
	height: auto;
	font-size: 0.7em;
	font-weight:bold;
	color: #B75722;
}

#menu li a:hover {
	color: #000;
	background: #BDCDA2 url(images/bg_nav_hover.gif) no-repeat 0.7em 1em;
}

#menu li ul li a:hover {
	color: #000;
	background: #BDCDA2;
}

	
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
}
	
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#menu ul li a.manage {
	background: #cc3300;
	color: #ffffff;
}


body {
	background: #b1cB91;
	margin:0;
	padding:0;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 1em;
	color: #1F1A17;
	text-align: center;
}
h1,h2,h3 {
	margin:0;
}
#wrapper {
	background: #817B31 url(images/bg_body.gif) repeat-x;
	position: relative;
	margin: 0px auto;
	padding: 7px 0px;
	width: 900px;
	text-align: left;
}

#header {
	margin: 0 0 21px 0;
	padding: 7px;
}
#header h1 {
	font-size: 10px;
	margin: 0 0 0 44px;
	width: 300px;
	height: 118px;
	background: url(images/i_logo_ugrs.gif) no-repeat;
	text-indent: -10000px;
}
form {
	margin: 0;
	padding: 0;
	clear: both;
	float: none;
}
#breadcrumbs {
	position: absolute;
        z-index: 201;
	top: 143px;
	left: 20;
	padding: 0px;
	font-size: 0.7em;
}

#breadcrumbs a {
	color: #eeeeee;
        text-decoration: none;
}

#search {
	position: absolute;
        z-index: 200;
	top: 22px;
	left: 652px;
	padding: 0px;
}

#login {
	position: absolute;
	top: 58px;
	left: 631px;
	padding: 20px 20px 20px 35px;
	width /**/: 262px;
	height: 212px;
	background: url(images/bg_culturalcenter.gif) no-repeat;
	color: #fff;
	font-size: 0.7em;
}

#logout {
	position: absolute;
	top: 58px;
	left: 631px;
	padding: 20px 20px 20px 35px;
	color: #817B31;
	font-size: 0.7em;
}

#logout a {
   color: #ffffff;
}

#login h2 {
	margin: 0;
	padding: 0;
	width: 103px;
	height:20px;
	background: url(images/h_culturalcenter.gif) no-repeat;
	text-indent: -100000px;
	float: left;
}
#login .learnmore {
	margin-left: 10px;
	width: 90px;
	height: 20px;
	background: url(images/bt_learnmore.gif) no-repeat;
	float: left;
	text-indent: -100000px;
}
#login-form {
	padding-top: 30px !important;
	position: relative;
	border: 0px solid #000;
}
#login input.txtbox {
	margin: 0 0 5px 0;
	width: 180px;
}
#login .button {
	margin-left: 0px;
	padding: 1px 0;
	font-size: 1em;
	width:70px;
}
#login .login_welcom {
	clear: both;
}
#login span {
	padding: 0 0 0 3px;
	display: block;
	margin-top: 10px;
	border: 0px solid #000;
}
#login a {
	color: #fff;
}
#leftcol {
	background: #817B31;
	padding: 39px 0 0 0;
	width: 187px;
	float: left;
}
#leftcol ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#leftcol ul li {
	display: inline;
	height: 29px;
}

#leftcol ul li a {
	background: #ffffff url(images/bg_navigation.gif) no-repeat bottom;
	padding: 5px 2px 2px 26px;
	width: 159px !important;
	width /**/: 187px;
	height: 22px !important;
	height /**/: 29px;
	font-size: 0.8em;
	font-weight:bold;
	color: #B75722;
	text-decoration: none;
	display: block;
	}
#leftcol ul li a.manage {
	background: #cc3300;
	color: #FFF;
}
#leftcol ul li a:hover {
	color: #000;
	background: #BDCDA2 url(images/bg_nav_hover.gif) no-repeat 0.7em 1em;
}

#leftcol ul li a.sublink1 {
        padding: 5px 2px 2px 28px;
        font-size: 11px;
	color: #000000;
	width: 157px !important;
	width /**/: 187px;
}

#leftcol ul li a.sublink1:hover {
	color: #cc3300;
}

#leftcol ul li a.sublink2 {
	padding: 5px 2px 2px 36px;
        font-size: 11px;
	color: #333333;
	width: 149px !important;
	width /**/: 187px;
}

#leftcol ul li a.sublink2:hover {
	color: #cc3300;
}

#leftcol ul li a.sublink3 {
	padding: 5px 2px 2px 44px;
        font-size: 11px;
	color: #666666;
	width: 141px !important;
	width /**/: 187px;
}

#leftcol ul li a.sublink3:hover {
	color: #cc3300;
}




#sub-leftcol {
	padding: 8px 8px 8px 36px;
	background-color: #EFD1AF;
	font-size: 0.7em;
	border-top: 3px solid #BDCDA2;
	border-bottom: 3px solid #BDCDA2;
}
#sub-leftcol h2 {
	margin: 0;
	padding:0;
	width: 143px;
	height: 31px;
	background: url(images/h_orderonline.gif) no-repeat;
	text-indent: -100000px;
}
#sub-leftcol p, #contact-details p {
	margin: 10px 0 10px 0;
}
#contact-details {
	background: #817B31;
	padding: 8px 8px 8px 36px;
	font-size: 0.6em;
	color: #fff;
	background: url(images/bg_contact.gif) no-repeat 0.8em 1em;
}
#contact-details a {
	color: #E7AE9A;
}
#maincol {
	padding: 0;
	margin-top: 2px;
	width: 670px;
	background: #817B31 url(images/bg_content.gif) repeat-y;
	font-size: 0.8em;
	float: left;
}
#maincol .top, #maincol .content-area, #maincol .bottom, #maincol .lower-footer {
	padding: 0 30px;
	width: 610px !important;
	width /**/: 670px;
}

#maincol table {
font-size: 1em;
}
#maincol a {
color: #817B31
}
.top {
	width: 670px;
	height: 28px;
	background: url(images/bg_top.gif) no-repeat;
}
.bottom {
	width: 670px;
	height: 28px;
	background: url(images/bg_bottom.gif) no-repeat;
}
.container_box {
	/*padding: 10px 30px;*/
}
.container_box table{
	font-size: 1em;
}
.moduletitle {
	font-size: 18px;
	color: #536124;
	background: url(images/title_bar.gif) no-repeat left;
	padding-left: 20px;
	margin-left: 5px;
	line-height: 40px;
}
#maincol li {
	list-style: none;
	font-weight: bold;
	color: #536124;
	padding-left:25px;
	background: url(images/ugrs_icon.gif) no-repeat left;
	padding-top: 4px;
	padding-bottom: 5px;
}
#maincol ul {
}

.lower-footer {
	background: #817B31;
	font-size: 10px;
}
#foothold {
	color: #817B31;
	background: #817B31;
	display: inline;
	clear: both;
}
.button {
        width: 18px;
}

#home-text {
	display: block;
	width: 583px;
	height: 207px;
	background: url(images/home_text.gif);
	text-indent: -10000px;
}

a.preview_mngmntlink:link, a.preview_mngmntlink:visited {
  color: #817B31;
}

a.preview_mngmntlink:hover {
  color: #ffffff;
}

#culture-buttons {
	margin: 0;
	padding: 0;
}

	#culture-buttons li {
		margin: 5px;
		float: left;
		list-style: none;
		background: none;
		padding: 0;
	}
	
	#culture-buttons li a {
		display:block;
		width: 193px;
		height: 90px;
		text-indent: -10000px;
	}
	
	a#movie:link, a#movie:visited {
		background: url('images/culture-movie.jpg') no-repeat;
	}

	a#movie:hover {
		background: url('images/culture-movie-over.jpg') no-repeat;
	}

	a#research:link, a#research:visited {
		background: url('images/culture-research.jpg') no-repeat;
	}

	a#research:hover {
		background: url('images/culture-research-over.jpg') no-repeat;
	}

	a#tools:link, a#tools:visited {
		background: url('images/measurement-tools.jpg') no-repeat;
	}

	a#tools:hover {
		background: url('images/measurement-tools-over.jpg') no-repeat;
	}