/*---------------------------------------------------*/
/*---- POST MSL VERSION 7 FIXES  NOV 2010          --*/
/*---------------------------------------------------*/

#ctl00_AdminPanel_pnlOrganisations 
{
	color: black;
	background-color: yellow;
	padding-botton: 10px;
	padding-top: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}

#ctl00_AdminPanel_pnlOrganisations h4
{
  color:black;
  background-color:yellow;   
}


#ctl00_AdminPanel_pnlOrganisations a 
{
  color:black;
  background-color:yellow;   
}


#ctl00_AdminPanel_hlOrganisations {
  color:black;
  background-color:yellow;     
}



.organisation_contact a { display: block; margin: 0.5em 0; }
.organisation_description { margin: 1em 0; }

/*-------------------------------------*/
/*-- Organisation Header : 750px max --*/
/*-------------------------------------*/

.column580px
{
  width:580px;
  float:left;
}

.column160px
{
  width:160px;
  float:left;
}

.column480px
{
  width:480px;
  float:left;
}

.column220px
{
  width:220px;
  float:left;
}

.contactoptions h3 {
  display:hidden;  
}


/*-----------------------------*/
/*-- curvy classes           --*/
/*-----------------------------*/



/*--------------*/
/*--- curvy ----*/
/*--------------*/

.curvy {
  position:relative;
  width:300px;
  background:#F1F1F1;
  color:#000;
  margin:0.5em auto;
}


.curvy2col {
  position:relative;
  width:50%;
  background:#F1F1F1;
  color:#000;
  margin:0.5em auto;
  float:left;
}

.curvy3col {
  position:relative;
  width:33%;
  background:#F1F1F1;
  color:#000;
  margin:0.5em auto;
  float:left;
}


.curvy200 {
  position:relative;
  width:200px;
  background:#F1F1F1;
  color:#000;
  margin:0.5em auto;
  float:left;
}

.curvy300 {
  position:relative;
  width:300px;
  background:#F1F1F1;
  color:#000;
  margin:0.5em auto;
  float:left;
}

.curvy400 {
  position:relative;
  width:400px;
  background:#F1F1F1;
  color:#000;
  margin:0.5em auto;
  float:left;
}

.curvy600 {
  position:relative;
  width:600px;
  background:#F1F1F1;
  color:#000;
  margin:0.5em auto;
  float:left;
}

.curvy700 {
  position:relative;
  width:600px;
  background:#F1F1F1;
  color:#000;
  margin:0.5em auto;
}


#ctl, #cbl, #ctr, #cbr {
 position:absolute;
 width:20px;
 height:20px;
 color:#F1F1F1;
 background:#fff;
 overflow:hidden;
 font-style:normal;
 z-index:1;
}

#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}

.curvy em b {
  position:absolute;
  font-size:150px;
  font-family:arial;
  color:#F1F1F1;
  line-height:40px;
  font-weight:normal;
}

.curvy600 em b {
  position:absolute;
  font-size:150px;
  font-family:arial;
  color:#F1F1F1;
  line-height:40px;
  font-weight:normal;
}

.curvy700 em b {
  position:absolute;
  font-size:150px;
  font-family:arial;
  color:#F1F1F1;
  line-height:40px;
  font-weight:normal;
}


#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}

.curvy p {
  position:relative;
  z-index:100;
  padding:10px 15px;
  font-size:12px;
}

.curvy600 p {
  position:relative;
  z-index:100;
  padding:10px 15px;
  font-size:12px;
}

.curvy700 p {
  position:relative;
  z-index:100;
  padding:10px 15px;
  font-size:12px;
}

.tr p {
  font-size:12px;
}

.tr li {
  font-size:12px;
}


.curvy li {
  position:relative;
  z-index:100;
  padding:10px 15px;
  font-size:12px;
}

.curvy600 li {
  position:relative;
  z-index:100;
  padding:10px 15px;
  font-size:12px;
}

.curvy700 li {
  position:relative;
  z-index:100;
  padding:10px 15px;
  font-size:12px;
}

.curvy {
  float:left;
}

.hidden p {
  display:none;
}


.colff280 {
  width:280px;
  float:left;
}

.colff500 {
  width:500px;
  float:left;
}


/*----------------------------------*/
/* jquery rotator in-page placement */
/*----------------------------------*/


.column450px {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


div#rotator {
	position:relative;
	height:450px;  /*-- 600px --*/
        width:450px;   /*-- 600px --*/
	margin-right: 0px;
        float:left;
}

/* rotator css */
div#rotator ul li {
	float:right;
	position:absolute;
	list-style: none;
}

/* rotator image style */	
	div#rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
}

div#rotator ul li.show {
	z-index:500;
}






/*-----------------------------*/
/*-- Organisation Menus      --*/
/*-----------------------------*/

/*-- menusoc 0 --*/

#menusoc {padding:0; margin:50px auto 150px auto; width:0;}
#menusoc li {list-style-type:none; width:200px; height:20px; margin:2px 0; clear:both;}
#menusoc a, #menusoc a:visited {position:relative; display:block; width:140px; height:18px; border:1px solid #000; background-color:#f8f8e8; color:#000; padding-left:3px; text-decoration:none;}
#menusoc a span, #menusoc a:visited span {display:none;}
#menusoc a:hover {color:#fff; background-color:#65707b; border:1px solid #000; text-decoration:none;}
#menusoc a:hover span {position:absolute; display:block; left:130px; top:0; width:0px; height:0px; border-left:8px solid #c00; border-top:8px solid #fff; border-bottom:8px solid #fff; font-size:1px; line-height:0;}
* html #menusoc a:hover span {width:8px; height:16px; w\idth:0; he\ight:0;}

/*-- menusoc 1 --*/

#menusoc1 {padding:0; width:0; 	background-image: none;}

#menusoc1 li {
	list-style-type: none;
	width: 200px;
	height: auto;
	margin: 2px 0;
	clear: both;
	background-image: none;
}

#menusoc1 a, 
#menusoc1 a:visited {
  position:relative;
  text-decoration:none; 
  text-align:center; 
  background-color:#9ab; 
  color:#fff; 
  display:block; 
  width:13em; 
  border:2px solid #fff;
  border-color:#def #678 #345 #cde;
  padding:0.25em;
  margin:0.5em auto;
  }

#menusoc1 a:hover {
  top:2px;
  left:2px;
  color:#fff;
  border-color:#345 #cde #def #678;
  }


/*-- menusoc 2 --*/

#menusoc2 {
	font: normal 11px verdana;
}

#menusoc2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
}

#menusoc2 ul li {
	position: relative;
}
	
#menusoc2 li ul {
	position: absolute;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	display: none;
}
	
#menusoc2 ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
}

/*---------------------------------------*/
/*-- menusoc3     navigation           --*/
/*---------------------------------------*/

#menusoc3 {
	background: silver none repeat scroll 0 0;
	float: left;
	font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-size: 80%;
	margin: 0;
	overflow: hidden;
	padding: 5px;
	position: relative;
	width: 100%;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
}

div#menusoc3 {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

/*--
#menusoc3 .level_1 {
  	max-height:1px;
  	max-width:1px;
}
--*/

#menusoc3 ul {
	list-style-type: none;
	text-align: center;
}

#menusoc3 ul li {
	display:inline;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
	/*--
	padding: 4px 4px;
  --*/
}

#menusoc3 ul li a {
	background-color: gray;
	border: 1px dashed #000000;
	color: #FFFFFF;
	padding: 1em 1em 1em;
	text-decoration: none;
	margin-bottom: 2px;
	margin-top: 2px;
}

#menusoc3 ul li a:hover {
	background-color:#336699;
	color:#FFFFFF;
	text-decoration: none;
}

	
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */


#pad {height:140px;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menuorange {padding:0; margin:0 0 0 293px; list-style:none; height:40px; background:url(ulback.gif) repeat-x;}

#menuorange li {float:left;}

#menuorange li a {display:block; height:40px; line-height:40px; padding:0 20px 0 0; float:left; color:#fff; text-decoration:none;}
#menuorange li a b {display:block; height:40px; float:left; padding:0 0 0 20px; cursor:pointer;}

#menuorange li a:hover, 
.one #menuorange li#one a,.two #menuorange li#two a,
.three #menuorange li#three a,.four #menuorange li#four a,
.five #menuorange li#five a,.six #menuorange li#six a,
.seven #menuorange li#seven a
{background:url(http://www.su.nottingham.ac.uk/pageassets/images/tab_a_orange.gif) no-repeat right top; line-height:36px;}

#menuorange li a:hover b,
.one #menuorange li#one a b,.two #menuorange li#two a b,
.three #menuorange li#three a b,.four #menuorange li#four a b,
.five #menuorange li#five a b,.six #menuorange li#six a b,
.seven #menuorange li#seven a b
{background:url(http://www.su.nottingham.ac.uk/pageassets/images/tab_b_orange.gif) no-repeat left top; line-height:36px;}



/*-- menuContainer --*/

#menuContainer {width:900px; position:absolute; left:0; top:140px; overflow:hidden; background:url(http://www.su.nottingham.ac.uk/pageassets/images/ulback.gif) repeat-x;}

/*-- menu4 --*/

#menu4 {padding:0; margin:0; list-style:none; float:left; height:40px; position:relative; left:50%;}
#menu4 li {float:left; position:relative; right:50%; margin:0 2px;}
#menu4 li a {display:block; height:40px; line-height:40px; padding:0 15px 0 0; float:left; color:#fff; text-decoration:none;}
#menu4 li a b {display:block; height:40px; float:left; padding:0 0 0 15px; cursor:pointer;}
#menu4 li a:hover, 
.home #menu4 li#home a,
.single #menu4 li#single a,
.dropdown #menu4 li#dropdown a,
.dropline #menu4 li#dropline a,
.flyout #menu4 li#flyout a,
.support #menu4 li#support a,
.contact #menu4 li#contact a
{background:url(http://www.su.nottingham.ac.uk/pageassets/images/button.png) no-repeat right top; line-height:36px;}
#menu4 li a:hover b,
.home #menu4 li#home a b,
.single #menu4 li#single a b,
.dropdown #menu4 li#dropdown a b,
.dropline #menu4 li#dropline a b,
.flyout #menu4 li#flyout a b,
.support #menu4 li#support a b,
.contact #menu4 li#contact a b
{background:url(http://www.su.nottingham.ac.uk/pageassets/images/button.png) no-repeat left top; line-height:36px;}