/*@charset "utf-8";*/
/* CSS Document */
/* $Id: changeme.css 65 2009-07-06 21:16:16Z DragKng $ */

body { 
	background-color: #FFF; 
	color: #000; 
	font: 62.5%;
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	text-align: center; 
	line-height: 1.3em;
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

ul { /* this is the default style - change at will - SUGGEST A STYLE */
	margin-left: 20px; /* indented from side */
	margin-bottom: 20px /* space after */
}

ol { /* this is the default style - change at will - SUGGEST A STYLE */
	margin-left: 20px; /* indented from side */
	margin-bottom: 20px /* space after */
}

a {
	color: #000 /* default value=   */ 
}
a:visited { /* default value=   */ 
	color: #666
}

/* HEADERS -------------------------------------------------------------------------- */
h1 {
	color: #000000 /* COLOUR CHANGE */ /* replace H tags colour with your own */
	/* default margins = margin: 0.5em 0 1em 0; for h tags: in this order: top, right, bottom, left */ 
}
h2 {
	color: #000/* COLOUR CHANGE */
}
h3 {
	color: #5a201f /* COLOUR CHANGE */
	/* default margins = margin: 0.5em 0; for h tags: in this order: top/bottom, right/left */
}
h4 {
	color: #000000 /* COLOUR CHANGE */
}

/* POSITIONING - generic use =------------------------------------------------------- */

.large { /* larger text - this is arbitrarily large - I made it for TCU */
	font-size: 1.4em;
	margin-top: 20px;
	display: block
}

hr { color: #bfbfbf; background-color: #bfbfbf; }
hr.thick { height: 3px; color: #666; background-color: #666 } /* thicker separator line - change colour if desired for greater emphasis */
/* comment out and suggest ways to use this class */

/* LINKS ------------------------ default link style */

a,  a:link,  a:visited,  a:active {
	color: #000000 /* COLOUR CHANGE */
}
a:hover {
	text-decoration: underline;
	color: #000 /* COLOUR CHANGE */
}
a h4 { color: #000000 } /* COLOUR CHANGE */
a:hover h4 { text-decoration:underline }
a#skipNav:active, a#skipNav:focus { color: #000 } /* Colour for skipnav link when tabbed / clicked - is white to hide it ohterwise */
.more a, .more a:link, .more a:visited, .more a:active { color:#000 }
/* NAVIGATION STYLE - will eventually change to accomodate full grid system  */

/* IMAGE PATHS + THEME / COLOUR CHANGES -- change to match your site structure */

#arc {
	background: #696767 url('../images/header_arc.gif') no-repeat;
}

#navbar {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#551F1D url(../images/navbar.jpg) no-repeat scroll left center;
}

#navbar p a { /* links in navbar */
	color: #FFF; /* COLOUR CHANGE - MAKE SURE CONTRAST IS VERY HIGH */
	padding: 0 10px 0 8px	
}

.menu li li a {/* sub menu styling - positions the arrow graphic in a bit more */
	background-image: url('../images/triangle_right.gif') 
}


/*.nav_top      { background-image: url('../images/corner_nav_top.gif');  }
.nav_bottom   { background-image: url('../images/corner_nav_bottom.gif');  }*/
.main_top     { background-image: url('../images/corner_main_top.gif')}
.photo_top    { background-image: url('../images/corner_photo_top.gif')}
.photo_bottom { background-image: url('../images/corner_photo_bottom.gif')}
.icon_top     { background-image: url('../images/corner_icon_top.gif')}
.icon_bottom  { background-image: url('../images/corner_icon_bottom.gif')}
.photo_long { background-image: url('../images/corner_photo_long.gif')}

/* ------------ SPLASH PAGE ------------*/

#splash {
	background-image: url('../images/header_arc.gif'); /* re-uses HEADER ARC image no need to change */
	border-color: #5A2018; /* COLOUR CHANGE this is a colour that matches your site *** make sure to make a header ARC image to match if changing it */
	border-bottom-color: #5A2018 /* COLOUR CHANGE this is a colour that matches the MAIN NAVIGATION BAR  */
}

#splash .two_cols { 
	background-image: url('../images/splash_line.gif');  /* this line matches the outline of the border above - Graphic in file: Splash_Master.psd */
}

#splash h2 a { color: #000 /* COLOUR CHANGE language links - match if you like */} 

.two_cols {	background-image: url('../images/two_cols.gif')} /* PATH CHANGE */
.three_cols { background-image: url('../images/three_cols.gif')} /* PATH CHANGE */

#searchBox { /* search box */
	background-color: #fff; /* COLOUR CHANGE */
	border: 1px solid #1d2d44
}

.submitImg { /* submit button */
    background:transparent url('../images/gobutton.jpg') no-repeat scroll right center;
/*	background-color: #5A1C18;
 	width: 28px; */
	padding-right:28px;
	height: 24px; 
	border: 0;
	vertical-align:middle;
	font-size:10px;
	float:right;
}

.submitImg span
{
	height:100%;
	vertical-align:middle;
	font-size:11pt;
	color:White !Important;
}

#navbar p a { /* links in navbar */
	color: #FFF; /* COLOUR CHANGE - MAKE SURE CONTRAST IS VERY HIGH */
	padding: 0 10px 0 8px; /* default */
	border-right: 2px solid #FFF /* COLOUR CHANGE (the bars in between)  - MAKE SURE CONTRAST IS VERY HIGH */
}

#banner { /* holds flash banner or static banner */
 border-bottom: 4px solid #DEDDD9;
 overflow:hidden;
 height:185px;/* COLOUR CHANGE - this is the colour stripe under the flash banner */
}

.leftnav .header {
	border-color: #FFF;
	background: #3333333 url('../images/arc_right_main.gif') no-repeat; /* COLOUR CHANGE header BG image match #colour to bottom half of arc graphic */
}

.leftnav .header a { 	color: #fff   /* Link in Navigational Header */}
/* COLOUR CHANGE header BG image match #colour to bottom half of arc graphic */
.leftnav .mycolour .header {
	border-color: #ffffff;
	background-color: #6F2728;
	background-image: url('../images/arc_left.gif'); 
}
/* COLOUR CHANGE update font to contrast w BG color (above in .leftnav .mycolour .header) */
/*.leftnav .mycolour .header a { 	color:#fff  }  */
.menu a {	 
	padding: 8px 4px 10px 24px; /* this creates the size of the menu item box - last value is the distance of the text from the side */
	border-bottom: 1px dotted #666; 
	background: #f7f7ef url('../images/triangle_right.gif') no-repeat 12px 13px
}

.menu a:link,.menu a:visited,.menu a:active { 
	/*color: #333  optional COLOUR CHANGE */
}

.menu a:hover {
	/*color: #000 optional COLOUR CHANGE */
}

/* MENU - Current item colour - USE to DESIGNATE THE CURRENT PAGE - add this id to the appropriate li in the menu */
#current { background-color: #FFFFFF; }

#contacts { display: none; } /* closes the menu by default */
#explore { 	display: none; } /* closes the menu by default - add your own menu items here */

.row .header { /* attributes for all header bars */
	border-top-color: #c0bfba;
	border-bottom-color: #C4BEB5;
	background-color: #D2D1C9; /* COLOUR CHANGE the background colour to your site's colour scheme */
	background-image: url('../images/arc_right_main.gif'); /* CHANGE PATH to match your site structure */
	color: #333; /* color for all row headers */
}

.row .SelectedBookingPart
{
	border-top-color: #591f1e;
	border-bottom-color: #591f1e;

}

.row .SelectedBookingPart h1
{
	color:#591f1e;
}


.row .BookingPart
{
	border-top-color: #EBEBEB;
}

.row .greyHeader
{
	background-image: url('../images/arc_right_grey.gif');
}

.row .contentText
{
	padding:10px 0px 5px 0px;
}

/* EXTRA CLASS FOR MULTIPLE COLOURED HEADER BARS - uncomment to use
-  USE: If you want to have multiple colours of title bars - you may need this class - if the colours contrast a lot the MORE link will also change - use this class to change it 
------------------------------------------------------------------------ */

/*.mycoloured .header .more a, .mycoloured .header .more a:link, .mycoloured .header .more a:active, .mycoloured .header h2 { color:#fff }
.mycoloured .header { 
	border-top-color: #3888ac;
	border-bottom-color: #0d73a1;
	background: #0d73a1 url('../images/arc_right_main.gif') no-repeat; 
} */


.mycolour { background-color: #5A201F } /* COLOUR CHANGE this is a colour that matches your site *** make sure to make a header ARC image to match if changing it */
.mycolour .header {
	border-top: 3px solid #3888ac;
	border-bottom: 1px solid #0d73a1;
	background: #0d73a1 url('../images/arc_right_main_darkteal.gif') no-repeat; 
} 
.mycolour .header h2 { color:#FFF;!important }

.more a, .more a:active,  { color:#0d73a1}
.more a:hover {color:#23d7f7}
.more a:visited {color:#0d73a1}

.box { /* v2.1 class */
	background-color: #f8f6d7;
	border-bottom: 1px solid #666
}
.box table td { border-top: 1px dotted #666}

.photolink .text {
	color: #fff /* set colour of link text under photos here */}
	
.photolink a
{
	color:#FFFFFF;
}
#right_column ul li {
	color: #000 /* text colour for lists in content area */}
.date  { color: #000 /* CHANGE COLOUR OF NEWS DATES here */ } 


/* ------ GRID - ------------ */
/*    GRID BOX SIZES (reference)  

- when nesting grid elements inside each other (as opposed to stacking them inline) use .nomargin to remove the margin of the last nested column in a set 
REASON: each grid element is given a right-margin automatically.  If you nest two or more grid pieces inside another the redundant margin breaks the layout 

.grid1 - 40px
.grid2 - 100px
.grid3 - 160px (1/4 right_column)
.grid4 - 220px (1/3 right_column)
.grid5 - 280px
.grid6 - 340px (1/2 right_column)
.grid7 - 400px
.grid8 - 460px (2/3 right_column)
.grid9 - 520px
.grid10 - 580px (3/4 right_column)
.grid11 - 640px
.grid12 - 700px (whole right_column)



.grid13 - 760px
.grid14 - 820px
.grid15 - 880px
.grid16 - 960px



/* --- ACCESSIBILITY ---- ncs EDIT added may3/09 use to hide h1s or h2s you don't want visible to the sighted but read by screen readers*/
h1.accessible,h2.accessible{float:right;margin:-9999px}
.paddingTop{padding :10px 0 0 0}
#wrapper #splash .button a{background-color:#FFF}

/* --- Add the class .showmethegrid to the wrapper to see the grid ---*/
#wrapper.showmethegrid{background:#fff url('../images/nav_pluscols.gif') repeat-y;background-position:bottom left;padding-right:0}
#right_column.showmethegrid{background:#fff url('../images/gridhelper_rightcolumnonly_12cols.gif') repeat-y;background-position:bottom left;padding-right:0}
/* ------ GRID - ------------ */	

#right_column .news ul li { list-style-type: none; margin: 0; padding: 0 5px } /* for list of news items in a column */ 

/*=jump search - requested by FIN
---------------*/
#jumpSearch {
	background: url(/images/jumpRight.gif) 100% 10px no-repeat;
	padding-right: 3px;
	margin-bottom: 1em;
	/*padding-top: 10px;*/
	float: right;
	/*width: 565px;
	w\idth: 562px;*/
	width: 394px;
	w\idth: 391px;
}
#jumpSearch form {
	background: url(/images/jumpMiddle.gif) left top repeat-x
}
#jumpSearch fieldset {
	border: none;
	height: 28px;
	background: url(/images/jumpLeft.gif) left top no-repeat;
	padding-top: 4px
}
#jumpSearch label, #jumpSearch select, #jumpSearch input { vertical-align: middle; }
#jumpSearch label {
	font-weight: bold;
	padding: 0 0 0 7px
}
#jumpSearch select {
	font-size: 1.1em;
	border: 1px solid #63865a
}
#jumpSearch input#jumpGo {
	width: 25px;
	height: 25px;
	border:0
}

.bookRoomContainer
{
	height:40px;
}

.bookRoom
{
	border:solid 1px #591F1E;
	float:left;
	height:100%;
	max-width:70px;
	max-width:77px;
	width:75px;
	font-size:10px;
	height:100%;
	text-align:center;
	vertical-align:middle;
}

.SelectedRoom div
{
	background-color:#591F1E;
	color:White;			
}

.noBorder
{
	border:none;
	height:auto;
	margin:0px 0px 0px 0px;
}


.topBorder
{
	border:none;
	border-top:solid 1px #591f1f;		
	height:auto;
	margin:0px 0px 0px 0px;
}

.bottomBorder
{
	border:none;
	border-bottom:solid 1px #591f1f;		
	height:auto;
	margin:0px 0px 0px 0px;
	padding-bottom:20px;
}

.spaced
{
	padding-top:10px !important;
	padding-bottom:10px !important;
}

.spaceTop
{
	padding-top:10px !important;
}

.spaceTopLarge
{
	padding-top:15px !important;
}

.spaceLeftRight
{
	padding-left:10px !important;
	padding-right:10px !important;
}
.buttonRegion
{
	border:none;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.buttonRight
{
	float:right;
}

.buttonRight div
{
	background: #591F1E url('../images/bt_next.jpg')  no-repeat right center;
	padding:10px 20px 10px 10px;
	float:right;
}

.buttonRight a.WhiteText
{
	color:White !important;
	text-decoration:none !important;
}

.buttonLeft
{
	float:left;
	padding-right:10px;
}

.buttonLeft div
{
	background: #591F1E url('../images/bt_back.jpg')  no-repeat left center;
	padding:10px 10px 10px 20px;
	color:White;
}

.buttonLeft a.WhiteText
{
	color:White !important;
	text-decoration:none !important;
}

.buttonLeftSide
{
	float:left;
}

.Plus
{
	background-color: #591F1E;
	padding:5px 10px 5px 10px;
	float:left;
	color:White;
}

.AddMeeting
{
	padding:5px 10px 5px 10px;
	float:left;
}

.meetingNum
{
	padding:10px 0px 10px 0px;
	border-bottom:solid 1px #343233;
}

.leftLabel
{
	float:left;
	width:250px;
}

.rightBox
{
	padding-left:10px;
	float:left;
	width:440px;
}

.homeFootImage
{
	/* background: url('../images/home_footer.jpg') no-repeat center bottom; */
	background: url('../images/home_footer.jpg') no-repeat left bottom;
	height:200px;
	padding-top:20px;
}

span.Title
{
	color:#5A201F;
	font-size:10pt;
	font-weight:bold;
}

span.Bolded
{
	color:Black;
	font-weight:bold;
}

span.LargerTitle
{
	font-size:11pt;
}
.paragraph
{
	padding-top:5px;
	padding-bottom:5px;
}

.RoomHeaderBrief label
{
	padding-left:10px;
}

.RoomBriefpad
{
	padding-left:30px;
}
.RoomCap, .RoomCapSmaller
{
	font-size:8pt;
	color:#5B5B5B;
}

.RoomCapSmaller
{
	font-size:7pt;
}

#right_column a
{
	text-decoration:underline;
	color:#591f1f;
}

.right_col_gal
{
	width:327px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:right;
}
.left_col_gal
{
	float:left;
	padding:0px 10px 0px 0px;
	margin:0px 0px 0px 0px;
	width:363px
}

.leftArrow
{
	background:transparent url('../images/triangle_left.gif') no-repeat scroll left center;
	padding-left:15px;
}

.GalleryThumbTop
{
	padding-top:5px;
	background:transparent url('../images/gallery_thtop_off.jpg') no-repeat scroll left top;
}

.GalleryThumbBottom
{
	padding-bottom:5px;
	background:transparent url('../images/gallery_thbt_off.jpg') no-repeat scroll left bottom;
}

.CurrentSelected .GalleryThumbTop
{
	padding-top:5px;
	background:transparent url('../images/gallery_thtop_on.jpg') no-repeat scroll left top;
}

.CurrentSelected .GalleryThumbBottom
{
	padding-bottom:5px;
	background:transparent url('../images/gallery_thbt_on.jpg') no-repeat scroll left bottom;
}

.GalleryTopMain
{
	background:transparent url('../images/gallery_main_top.jpg') no-repeat scroll left bottom;
	height:34px;
}

.GalleryTopMain h3
{
	padding:9px 0px 0px 15px;
}

.VirtualTourTop
{
	padding-top:5px;
	padding-bottom:0px;
	margin-bottom:0px;
	background:transparent url('../images/virtualtour_top.bmp') no-repeat scroll left top;
}

.VirtualTourBottom
{
	background:#5A1C21 url('../images/virtualtour_bottom.bmp') no-repeat scroll left bottom;
	margin-top:0px;
	padding-top:0px;
}

.VirtualTourBottom h3
{
	color:White;
	margin:0px 0px 0px 0px;
	padding:9px 0px 9px 15px;
}

.rightBox .ToolDiv
{
	width:220px;
	 vertical-align:top;
	 float:right;
}

.ToolLeftDiv
{
	float:left;
	vertical-align:top;
	padding-left:10px;
}

.rightBox .rightContent
{
	float:left;
}

.BookingText
{
	width:200px;
	float:left;
}

.BookingLargeText
{
	width:400px;
	float:left;
	height:100px;
}

.BookingSelect
{
	width:200px;
	float:left;
}

.dotBorderBottom
{
	border-bottom:dotted 1px #5A1C21;
	padding-bottom:10px;
}

#Catering1 label, #Catering2 label
{
	padding-right:10px;
}

.Smaller
{
	font-size:8pt;
}

.overlay, .panel-overlay
{
	top:192px !important;
	left:212px !important;
	font-size:8pt !important;
}

.overlay
{
	width:115px !important;
}

.HideMe
{
	display:none;
}

#splash .two_cols .ColumnStyle
{
	width:358px;
	margin:0px;
}

.ui-datepicker-trigger
{
	padding-left:5px;
}

.BookingCount
{
	float:left;
	padding-left:30px;
	
}

/* Facility and user guide  */

#FacUserContent
{
	font-size:9pt;	
	padding:0px 10px 0px 10px;
}

#FacUserContent h3
{
	font-size:12pt;
}


#FacUserContent .FacUser li
{
	list-style-type:decimal;
	padding:7px 0px 7px 0px;
}

#FacUserContent .FacUser li li
{
	list-style-type:lower-roman;
	padding:5px 0 px 0px 0px;
}

#FacUserContent .FacUser li ol.FacUserAlphaType li
{
	list-style-type:lower-alpha;
	padding:5px 0 px 0px 0px;
}

#FacUserContent .FacUser li ul
{
	margin-bottom:0px;
}

#FacUserContent .FacUser li ol
{
	margin-bottom:0px;
}

#FacUserContent .FacUseHdr
{
	text-align:center;
}

#FacUserContent a.FacUserLink, a.FacUserLink:link, a.FacUserLink:visited, a.FacUserLink:active 
{
	text-decoration: underline;
	color: #6F2728;
}