/* reddot styles */

.smallRed { font-size: 80%; font-family: Arial, Helvetica, sans-serif; color: red; text-transform: uppercase;}
.smallBlue { font-size: 80%; font-family: Arial, Helvetica, sans-serif; color: blue;  text-transform: uppercase;}
.smallGreen { font-size: 80%; font-family: Arial, Helvetica, sans-serif; color: green;  text-transform: uppercase;}

div#editing {
	padding:0px;
	margin:0px;
	border:thin dashed gray;
}
html,body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	text-align: left;
	color: #663399;
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	font-size: small;
}
* html, * html body {
	height:100%;
	min-height: 100%;
	margin-bottom: 0px;
}
a {
	color: #663399;
	font-weight: bold;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.clearFloats { 
     clear:both; 
     margin:0;
}
p {

}
/* Dropdown Navigation Menu Styles */
#Container {
	text-align: center;
	padding: 0px;
	border:0;
	width: 773px;
	min-height: 100%;
	height: 100%;
	margin: 0 auto 0 auto;

}
#headerArea{
	width: 773px;
	float: left;
	height: 130px;
}
#headerLogo {
	width: 82px;
	float: left;
	height: 82px;
     background-image: url(http://www.leedsmet.ac.uk/conferencing/images/conferencingheaderlogo.jpg);
	background-repeat: no-repeat;
}
#imgmaplogo {
	float: left;
	width : 82px;
	height: 82px;
	margin-left: 0px;
	margin-top: 0px;
	
}
#headerPurpleTitle {
	width: 691px;
	float: left;
	height: 82px;
	text-align: left;
	background-image:url(http://www.leedsmet.ac.uk/conferencing/images/conferencingheader.jpg);
	background-repeat: no-repeat;
}
#imgmapcares {
	float: left;
	width : 691px;
	height: 82px;
	margin-left: 0px;
	margin-top: 0px;
}
#imgmapcares a{
	border: 0;
}
#imgmapcares a:hover{
	border: 0;
}
#headerRightSectionGraphic {
	width: 82px;
	float: right;
	height: 82px;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/conferencingheaderlogo.jpg);
	background-repeat: no-repeat;
}
.horizontalSpacer {
	float: left;
	width: 760px;
	height: 10px;
}
#homemap {
	float: left;
	width : 401px;
	height: 80px;
	margin-left: 0px;
	margin-top: 0px;
	text-decoration: none;
}
.navcontainer
{
	width: 773px;
	padding: 0;
	margin: 0;
	top: 4px;
	height: 40px;
	text-decoration: none;
	color: #ffffff;
}
.navcontainer ul
{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	text-decoration: none;
}
.navcontainer ul li
{
	display: inline;
	float: left;
	padding: 0;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/navbg.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	
}
.navcontainer ul li a
{
	width: 128px;
	height: 40px;
	padding: 0;
	color: #ffffff;
	text-decoration: none;
	display: block;
	vertical-align: middle;
	text-align: center;
	line-height: 40px;
	font-size: medium;
	font-weight: bold;
	border-right: #ffffff 1px solid;
}
.navcontainer LI.first a {
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/menuleftend.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.navcontainer LI.first a:hover {
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/selectedtableft.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.navcontainer LI.last a {
	border-right: none;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/menurightend.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.navcontainer LI.last a:hover {
	border-right: none;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/selectedtabright.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.navcontainer ul li a:hover
{
	color: #ffffff;
	text-decoration: none;
	background-image:url(http://www.leedsmet.ac.uk/conferencing/images/selectedtab.jpg);
	background-repeat: no-repeat;
}
.navcontainer a:active
{
	color: #ffffff;
}

.navcontainer li#active a
{
	color: #ffffff;
}
.navcontainer li.current a {
	color: white;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/selectedtab.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.navcontainer li.current a:hover {
	color: white;
}
.navcontainer li.currentfirst a {
	color: white;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/selectedtableft.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.navcontainer li.currentfirst a:hover {
	color: white;
}
.navcontainer li.currentlast a {
	color: white;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/selectedtabright.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.navcontainer li.currentlast a:hover {
	color: white;
}
#first {
	float: left;
	width: 13px;
	height: 40px;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/menuleftend.jpg);
}
#navContainerRightEnd {
	float: left;
	width: 13px;
	height: 40px;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/menurightend.jpg);
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	top: 0;
	border: 1px solid #BBB;
	font:normal 12px Verdana;
	/* line-height:26px; */
	z-index:100;
	background-color: #ffffff;
	width: 180px;
	visibility: hidden;
	color: black;
	text-align: left;
}
.dropmenudiv a{
	width: auto;
	display: block;
	/* text-indent: 15px; */
	padding: 5px 4px 5px 15px;
	line-height: 120%;
	border-bottom: 1px solid #BBB;
	color: black;
}

* html .dropmenudiv a{
	width: 100%;
	text-decoration: none;
	color: black;
}
.dropmenudiv a:hover{
	color: black;
	text-decoration: none;
}
#popupHeader {
	float: left;
	width: 413px;
	height: 32px;
	padding: 2px 1px 6px 6px;
	line-height: 32px;
	vertical-align: middle;
	font-size: 160%;
	text-align: left;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/popuptabtopleft.jpg);
	background-repeat: no-repeat;
	color: #ffffff;
}
#popupHeader2 {
	float: left;
	width: 240px;
	height: 32px;
	padding: 4px 6px 4px 1px;
	line-height: 32px;
	vertical-align: middle;
	text-align: right;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/popuptabtopmiddle.jpg);
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 12x;
}
#quicktimelogo {
	float: left;
	width: 104px;
	padding: 6px 1px 2px 1px;
	height: 32px;
	vertical-align: middle;
	text-align: left;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/popuptabtopright.jpg);
}
#mainContentContainer {
	float: left;
	width: 773px;
	min-height:300px;
  	height:auto;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/contentbg.jpg);
	background-repeat: repeat-y;
	text-align: left;
}
* html #mainContentContainer { /*Fixes IE6 */
	height: 300px;
}
#mainContentContainerBottom {
	float: left;
	width: 773px;
	height: 18px;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/contentbottom.jpg);
	background-repeat: no-repeat;
}
#flashPlaceHolder {
	float: left;
	width: 773px;
	height: 310px;
}
#contentOneColumn {
	float: left;
	/*width: 758px;*/
	width: 770px;
	min-height: 290px;
	height: auto;
}
#contentOnePadding {
	padding: 4px;
}
* html #contentOneColumn { /*Fixes IE6 */
	height: 290px;
}
.centeredButton {
	float: left;
	text-align: center;
	margin: 4px 0px;
	width: 100%;
}
#contentTwoColumnLeft {
	float: left;
	width: 543px;
	margin-top: 8px;
	padding: 0px 1px 2px 4px;
	min-height: 290px;
	height: auto;
	border-right: #999999 1px solid;
	text-align: left;
}
#contentTwoColumnLeft img{
	border: 0px;
}
* html #contentTwoColumnLeft { /*Fixes IE6 */
	height: 290px;
}
#contentTwoColumnRight {
	float: left;
	width: 210px;
	padding: 0px 1px 1px 5px;
	margin-top: 10px;
	border-left: #999999 1px solid;
	min-height: 290px;
	margin-left: -1px;
	text-align: left;
}
* html #contentTwoColumnRight { /*Fixes IE6 */
	height: 290px;
}
/* Conference Tabs */
.conferenceContentTab {
	float: left;
	width: 370px;
	display: block;
	margin-bottom: 12px;
	margin-right: -3px;
	margin-left: 5px;
}
.conferenceContentTabHeader {
	width: 360px;
	height: 10px;
	float: left;
	padding: 2px 0px 0px 11px;
	line-height: 14px;
	vertical-align: middle;
	font-size: 124%;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/conferenceroomtabtop.jpg);
	background-repeat: no-repeat;
}
.conferenceContentTabContent {
	float: left;
	width: 362px;
	min-height: 90px;
	height: auto;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/conferencetabcontent.jpg);
	background-repeat: no-repeat;
	background-color: #d7d7d7;
	text-align: left;
	padding: 2px 4px;
	margin-bottom: -3px;
	
}
* html .conferenceContentTabContent {
	height: 90px;
}
.conferenceContentTabImageContainer {
	float: left;
	width: 110px;
	height: 90px;
	margin-right: 2px;
}
.conferenceContentTabTextContainer {
	float: left;
	width: 244px;
	min-height: 50px;
	height: auto;
	padding: 1px 2px;
}
* html .conferenceContentTabTextContainer {
	height: 50px;
	padding: 1px 2px;
}
.conferenceContentTabBottom {
	float: left;
	width: 370px;
	height: 14px;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/conferenceroomtabbottom.jpg);
	background-repeat: no-repeat;
}
.conferenceButton {
	width: 80px;
	height: 30px;
	float: left;
	display: block;
	margin-left: 2px;
	margin-right: 1px;
	margin-top: 2px;
}

/* Rates Tabs 
.ratesContentTab {
	float: left;
	width: 370px;
	display: block;
	margin-bottom: 12px;
	margin-right: -3px;
	margin-left: 4zpx;
}*/
.ratesContentTab {
	DISPLAY: block; 
	FLOAT: left; 
	min-height: 230px;
	height: auto;
	MARGIN-BOTTOM: 0px; 
	WIDTH: 376px; 
	margin-left: 3px; 
	MARGIN-RIGHT: -3px; 
}
* html .ratesContentTab {
	height: 230px;
}
.ratesContentTabHeader {
	width: 355px;
	height: 24px;
	float: left;
	padding: 2px 4px 2px 11px;
	line-height: 24px;
	vertical-align: middle;
	font-size: 124%;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/ratestabheader.jpg);
	background-repeat: no-repeat;
}
.ratesContentTabContent {
	float: left;
	width: 362px;
	min-height: 140px;
	height: auto;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/ratestabcontent.jpg);
	background-repeat: no-repeat;
	background-color: #cccccc;
	text-align: left;
	padding: 2px 4px;
}
* html .ratesContentTabContent {
	height: 140px;
}
.ratesContentTabImagesContainer {
	float: left;
	width: 110px;
	margin-left: 2px;
}
.ratesContentTabPriceContainer {
	float: left;
	width: 100px;
	height: 56px;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/ratesprice.jpg);
	background-repeat: no-repeat;
	padding-top: 34px;
	text-align: center;
	font-weight: bold;
	font-size: 140%;
	margin-top: 3px;
	margin-bottom: 6px;
}
.ratesContentTabMoreInfoContainer {
	float: left;
	width: 100px;
	height: 28px;
}
.ratesContentTabTextContainer {
	float: left;
	width: 244px;
	min-height: 130px;
	height: auto;
	padding: 1px 2px;
}
* html .ratesContentTabTextContainer {
	height: 130px;
	padding: 1px 2px;
}
.ratesContentTabBottom {
	float: left;
	width: 370px;
	height: 15px;
	margin-top: -3px;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/ratestabbottom.jpg);
	background-repeat: no-repeat;
}

/* Room and Menu Content Tabs */
.contentTab {
	float: left;
	width: 176px;
	display: block;
	margin-bottom: 8px;
	margin-right: 2px;
	margin-left: 2px;
	min-height: 140px;
	height: auto;
}
* html .contentTab {
	height: 140px;
}
.contentTabImage {
	float: left;
	width: 176px;
	height: 80px;
}
.contentTabContent {
	float: left;
	width: 172px;
	min-height: 16px;
	height: auto;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/contenttabcontent.jpg);
	background-repeat: repeat-y;
	text-align: center;
	padding: 4px 2px 0px 2px;
}
* html .contentTabContent {
	height: 28px;
}
.contentTabBottom {
	float: left;
	width: 176px;
	min-height: 14px;
	height: auto;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/contenttabbottom.jpg);
	background-repeat: no-repeat;
}
*html .contentTabContent {
	height: 14px;
}

#bottomArea {
	float: left;
	width: 773px;
	height: 40px;
}
.bottomTabArea {
	float: left;
	width: 250px;
}
.bottomTabSpacer {
	float: left;
	width: 10px;
}
.bottomTabTop {
	float: left;
	width: 235px;
	height: 24px;
	padding: 2px 4px 2px 11px;
	line-height: 24px;
	vertical-align: middle;
	font-size: 124%;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/tabtop.jpg);
}
.bottomTabContent {
	float: left;
	width: 238px;
	min-height: 89px;
	height: auto;
	text-align: left;
	color: #ffffff;
	padding: 4px 4px 4px 8px;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/tabcontent.jpg);
	background-repeat: repeat-y;
	background-color: #cccccc;
	color: #663399;
}
* html .bottomTabContent {
	height: 83px;
}
.bottomTabBottom {
	float: left;
	width: 250px;
	height: 17px;
	text-align: left;
	background-image: url(http://www.leedsmet.ac.uk/conferencing/images/tabbottom.jpg);
	background-repeat: no-repeat;
	margin-top: -3px;
}
.bottomTabImgContainer {
	width: 112px;
	float: left;
}
.bottomTabTextContainer {
	width: 119px;
	float: left;
	padding: 0px 3px;
}
.middleTab {
	margin-left: 11px;
	margin-right: 11px;
}
/*.footerlink {
	FLOAT: left; WIDTH: 760px; PADDING-TOP: 4px; margin: 0; position: relative;
}*/
.footerlink {
	FLOAT: left; MARGIN: 0px; WIDTH: 550px; PADDING-TOP: 4px; POSITION: relative; text-align: right;
}
.footerimage {
	text-align: right;
}
.footerimage IMG {
	margin: 0px; padding: 0px; border: 0px;
}
H1#met_title {
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 5px; 
	FONT-SIZE: 120%;
	PADDING-BOTTOM: 1px; 
	MARGIN: 0px; 
	COLOR: #cccccc; 
	PADDING-TOP: 5px
}
H1#division_title {
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 5px; 
	FONT-SIZE: 140%; 
	PADDING-BOTTOM: 1px; 
	MARGIN: 0px; 
	COLOR: #ffffff; 
	PADDING-TOP: 12px
}
H1#header_slogan {
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 5px; 
	FONT-SIZE: 110%;
	PADDING-BOTTOM: 1px; 
	MARGIN: 0px; 
	COLOR: #ffffff; 
	PADDING-TOP: 5px
	text-align: right;
}
H1#contactNoText {
	FONT-SIZE: large;
	text-align: center;
	padding-top: 4px;
	margin: 0px;
	color: #663399;
}
H1#contactEmailText {
	FONT-SIZE: 80%;
	text-align: center;
	padding-top: 4px;
	margin: 0px;
}
H1#leftPageTitle {
	FONT-SIZE: 130%;
	text-align: center;
	padding: 0px 2px 10px 0px;
	margin: 0px;
	color: #663399;
	text-align: left;
}
H4#rightPageTitle {
	FONT-SIZE: 100%;
	text-align: center;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	color: #663399;
	text-align: left;
	font-weight: bold;
}
.RightLink {
	BACKGROUND-POSITION: 1px 2px; 
	PADDING-LEFT: 7px; F
	ONT-SIZE: 100%; 
	BACKGROUND-IMAGE: url(http://www.leedsmet.ac.uk/images_generic/arrow.gif); 
	PADDING-BOTTOM: 3px; 
	MARGIN: 0px 3px; 
	PADDING-TOP: 0px; 
	BACKGROUND-REPEAT: no-repeat
}
.brclear { 
    clear:both; 
    height:0; 
    margin:0;
    font-size: 1px;
    line-height: 0px;
}
/* Slider */
.fl {
	float: left; display: inline;
}
.news_slider img {
	border: 0;
}
.news_slider {
	position: relative; width: 545px; text-align: left; background: #E6E6E6; margin: 0 auto 0px -3px;
}
.news_slider .messaging {
	display: block; padding: 5px; margin: 0 0px 5px 0px; background: #ffffcc;
}
.news_slider .prev, .news_slider .next {
	position: absolute; top: 0px; z-index: 100; display: none;
}
.news_slider .prev {
	left: 70px;
}
.news_slider .next {
	right: 70px;
}
.news_slider .container {
	position: relative; top: 0; left: 0; width: 100%; background: #E6E6E6;
}
.news_slider .news_items {
    /*
        The width must be equal to .item ((width + margin-right) * 2).
    */
	position: relative; width: 534px; top: 0; left: 7px; overflow: hidden;
}
.news_slider .view_all {
	padding-bottom: 5px; margin: 0 0 2px 0; text-align: center;
}
.news_slider .item {
    /*
        Must contain a width and a margin-right.
    */
	width: 178px; float: left; display: block; margin: 0px 0px 10px 0px;
}
.news_slider .item div {
 width: 178px; padding: 0px 0 0px 0; float: left; display: block; margin: 0px;
}
/*gallery styles */

#mContainer {

	/*background-color: #cccccc;*/
	text-align: center;
}

#mContainer h1 {

	font: bold 90% verdana, arial, sans-serif;
	color: #ffffff;
	display:none
}

#imageContainer {

	margin: auto;
	background-color: #C3A6E0;	
}

#imageContainer img {
	display:	none;
	-moz-opacity:0.0;
	opacity:	0.0;

	/*filter:		progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/
}
#feedback {
	border-collapse: collapse; border-spacing: 0px;
}
#feedback TD {
	border-bottom: #cccccc 1px dotted; border-collapse: collapse; padding: 4px 5px
}
#feedback TD.noborder {
	border-bottom: none;
}

#videoArea {
	width:773px;
}

#videoAreaLeft {
	width:516px;
	float:left;
}

#videoAreaRight {
	width:257px;
	float:left;
	background-image:url(images/yt_rightpane.jpg);
}

#yt_leftpane {
	width:480px;
	height:295px;
	padding:18px 18px 18px 18px;
	background-color:#686868;
}

#yt_rightpane {
	width:237px;
	padding:10px;
	height:311px;
	color:#000000;
	line-height:20px;
}

#yt_rightpanetxt {
	width:247px;
	padding-left:10px;
	height:50px;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	color:#000000;
}

#yt_bottompane {
	width:498px;
	height:36px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:14px;
	padding-left:18px;
	background-image:url(images/yt_bottompane.jpg);
}