@charset "UTF-8";
/* CSS Document */

/*
The Corinthian Club
http://www.thecorinthianclub.co.uk
Date: 06-05-2010

Colour Key: Pink a: #fe68ab
			Grey 1: #48403E
			Grey 2: #b1b0a7
			Grey 3: #a49791
			Subtext Grey (columns): #4c4c4c
*/


/*------------------Custom Fonts------------------------*/
@font-face {
/*	font-family: 'DroidSansRegular';
	src: url('DroidSans-webfont.eot');
	src: local('?'), url('DroidSans-webfont.woff') format('woff'), url('DroidSans-webfont.ttf') format('truetype'), url('DroidSans-webfont.svg#webfont') format('svg');*/
	font-weight: normal;
	font-style: normal;
}

@font-face {
/*	font-family: 'DroidSansBold';
	src: url('DroidSans-Bold-webfont.eot');
	src: local('?'), url('DroidSans-Bold-webfont.woff') format('woff'), url('DroidSans-Bold-webfont.ttf') format('truetype'), url('DroidSans-Bold-webfont.svg#webfont') format('svg');*/
	font-weight: normal;
	font-style: normal;
}


/*------------------styles------------------------*/
body {
	margin: 20px;
	font-family: sans-serif;
	font-size: normal;
	color: #787878;
/*	background: url(/images/background-V2.jpg) center top; */
	background: url(/images/bg1.gif) center top; 
	;
}

h1, h2, h3 {
	margin: 0;
	font-family: DroidSansRegular, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 1px;
}

h1 {
	font-size: large;
}

h2 {
	font-size: large;
}

h3 {
	font-size: small;
	font-weight: bold;
	text-align: left;
}

ul, ol {
	margin-top: 0;
	line-height: 180%;
	/*color: #FFFFFF; */
	color: white;
}

a:link {
	color:#787878;
	
	}

a {
	text-decoration: none;
	color: #787878;
}

a:hover {
	color: #fe68ab;
	text-decoration: none;
}


#MainContent a{color:#4c3838; text-decoration:none;}/*main content a colour*/
#MainContent a:hover { color:#FFFFFF; } /*main content a:hover colour*/
#MainContentB a{color:#4c3838; text-decoration:none;}/*main content a colour*/
#MainContentB a:hover { color:#FFFFFF; } /*main content a:hover colour*/
.FoodMenuDis {font-size:x-small; text-transform:none;}

/*------------------Layout------------------------*/

#wrapper {
	width: 925px;
	margin: 0 auto;
	background-color: #48403E;
	border: 2px solid #FFFFFF;
	height: auto;
	margin-top: 70px;
}

/* Header */

#header {
	width: 925px;
	height: 111px;
	margin: 0 auto;
}


/* Logo */

#logo {
	width: 925px;
	color: #000000;
	height: 111px;
}

#logo a:hover {
	text-decoration: none;
	border: 0px;
	}


/* Navigation */

#menu {
	width: 925px;
	height: 30px;
	padding: 0;
	background: #FFFFFF;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 5px 20px 5px 20px;
	border: 1px solid #48403E;
}

#menu a:hover, #menu .current_page_item a {
	color: #FFFFFF;
	background-color: #000000;
}

#menu a:hover {
	background-color: #000000;
	color: #FFFFFF;
}

/* JQuery Navigation */

body {
	font-family: DroidSansRegular, sans-serif;
	font-size:13px;
	text-transform:uppercase; 
	font-weight: bold;
	height: 30px;
}   

.clear {clear:both}    

/* remove the list style */  
#nav {
	margin:0;
	padding:0;
	list-style:none;
	width: auto;
}      
	#nav li a:hover {
		color:white;
	}
	#nav li:hover + #nav li a:hover {
		background-color: black; 
		color: white;
		text-decoration: underline;
	}
       
    /* make the LI display inline */  
    /* it's position relative so that position absolute */  
    /* can be used in submenu */  
    #nav li {
	float:left;
	display:inline;
/*	width:130px; */
	background:#ffffff;
	color: white;
	position:relative;
	z-index:500;
	height: 30px;
	/* padding: 0 12px 0 12px;*/
	list-style: none;
	line-height: normal;
	border-right:1px solid #999;
    }   

           
    /* this is the parent menu */  
    #nav li a {
	font-size:9pt;
	display:block;
/*	padding:5px 5px 0 5px; */
	padding-top: 5px;
	font-weight:bold;
	height:30px;
	text-decoration:none;
	padding-left:/*1em*/0.7em;
	padding-right: /*1em*/0.7em;
	color:black;
	text-align:center;
	width:auto;
    }   
  
    #nav li a:hover {
	color:white;
	background-color: black;
	height: 25px;
	/*	height: 30px; */
    }   
       
    /* you can make a different style for default selected value */  
    #nav a.selected {
	color:#fe68ab;
	background-color: black;
	height: 25px;
    }   
       
        /* submenu, it's hidden by default */  
	#nav ul {
	position:absolute;
	left:0;
	display:none; 
	margin:0 0 0 -1px;
	top:30px;
	padding:0;
	list-style:none;
        }   
           
        #nav ul li {   
            width:110px;    
            float:left;    
            border-top:1px solid #666;
		padding-left: 0;
		padding-right: 0;
            
			   
        }   

	#nav ul li a {
		padding-top: 0px;
	}
	
	#nav #subnav {
		padding: 0;
		padding-top:5px;
		width:100%;
	}
           
        /* display block will make the link fill the whole area of LI */  
        #nav ul a {   
            display:block;     
            height:15px;   
            padding: 8px 5px;    
            color:#666;
			background-color: white;
			height: 30px; 
        }   
           
        #nav ul a:hover {
	color: white;
        }   


/* Page */

#page {
	background-color:#A49791; 
	width: 925px;
	margin: 0 auto;
	height: 424px;
}

/* Content */

#content {
	float: right;
	width: 925px;
	padding: 0;
}


/* Column 1 */

.column1 {
	float: left;
	width: 220px;
/*	padding: 30px 20px, 20px, 20px; */
	color: #FFFFFF;
	background-color: #48403E;
	width: 100%;
	height: 100%;
	padding: 15px;
	margin: 0;
}

.column1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.column1 li {
}

.column1 li ul {
	padding-bottom: 30px;
}

.column1 li li {
	line-height: 35px;
	border-bottom: 1px dashed #D2D4C9;
}

.column1 h2 {
/*	letter-spacing: -.5px; */
	color: #000000;
}

.column1 p {
	padding-bottom: 0px;
	text-align: justify;
}

.column1 a {
	color: #787878;
	border: none;
}

.column1 a:hover {
	text-decoration: underline;
	color: #787878;
}


/* Footer */

#footer {
	width: 925px;
	height: 40px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
}

#footer-left {
	height: 40px;
	float: left;
	width: auto;
	}

#footer p {
	margin: 0;
	line-height: normal;
	font-size: 8pt;
	text-transform: capitalize;
	text-align: left;
}

#footer a {
	color: #FFFFFF;
}

#footer a:hover {
	color: #FF66CC;
}

#bottom {
	width: 922px;
	margin: 0 auto;
	background-color: #48403E;
	height: auto;
	border-top: 5px solid #FFFFFF;
	border: 2px solid #ffffff;
}
#nav-wrapper {
	height: 30px;
	width: 925px;
	background-color: #FFFFFF;
}
#footer-right {
	float: right;
	height: 40px;
	width: auto;
}

#footer-right strong{
	font-weight:bold;
	font-size:12px;
	}
	
#top-menu {
	font-weight: bold;
	padding: 0;
	float: right;
	height: auto;
	width: 200px;
	text-transform: capitalize;
	margin: 0 auto;
	background-image: url(/images/top-menu-bgnd.png);
	background-repeat: no-repeat;
}

.thumb {
	text-decoration: none;
	padding: 0;
	margin: 0;
	border: 0;
}

/* -------------------Column 1------------------------- */

.column1 {
	width: 205px;
	color: #FFFFFF;
	font-family: DroidSansRegular, sans-serif;
	padding: 15px;
	display: block;
	height: 395px;
	float: left;
}



.column1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.column1 li {
}

.column1 li ul {
	padding-bottom: 30px;
}

.column1 li li {
	line-height: 35px;
	border-bottom: 1px dashed #D2D4C9;
}

.column1 h2 {
	color: #FFFFFF;
	font-size: large;
}

.column1 p {
	text-align: left;
	text-transform:none;
	font-size: normal;
	padding:0 10px 0
	
}

.column1 a {
	color: #FFFFFF;
	text-align:center;
	text-transform:capitalize;
}

.column1 a:hover {
	color: #fe68ab;
	text-decoration:none;
}

/*.column1 .selected {
	colour: #fe68ab;
	}
*/



/* -------------------Column 2------------------------- */

.column2 {
	display: block;
	float: left;
/*	width: 315px; */
	color: #FFFFFF;
	font-family: DroidSansRegular, sans-serif;
	list-style-position: outside;
	list-style-type: square;
	background-color: #B3A8A2;
/*	height: 365px; */
	overflow: hidden;
	padding: 15px;
	margin: 0;
	margin-right: 10px;
	padding-bottom: 20px;
	text-transform:capitalize;
	text-align:left;
}

.column2 ul {
	margin: 0;
	margin-left: 0.5em;
	padding: 0;
	list-style: none;
	text-align: left;
/*	text-transform: capitalize;*/
}

.column2 submenu ul {
/*	letter-spacing: 10px;	 */
}

.column2 li ul {
	padding-bottom: 30px;
	text-transform: none;
}

.column2 li li {
	line-height: 35px;
	border-bottom: 1px dashed #D2D4C9;
}

.column2 h2 {
	margin-bottom: 0.5em;
	color: #FFFFFF;
	font-size: x-large;
	text-transform:capitalize;
	text-align:left;
}

.column2 p {
	text-align: left;
	text-transform:none;
	font-size: normal;
	padding: 5px;
	color: #4c4c4c;
	width: 300px;
}

.column2 a {
	color: #FFFFFF;
	text-align:center;
	font-size: small;
	text-transform: capitalize;
}

.column2 a:hover {
	color: #fe68ab;
	text-decoration:none;
}

#menu_links {
	background-color:#FFFFFF;
	bottom:0;
	float:left;
	font-family: DroidSansRegular,sans-serif;
	color: #48403e;
	font-size:small;
	font-weight:bold;
	height:auto;
	margin-bottom:20px;
	padding:5px;
	position:absolute;
	width: 290px;
}

#menu_links ul {
	float: centre;
	display: list-item;
	width: auto;
	position: relative;
	color: #48403E;
	text-align: center;
	}
	
#menu_links li {
	padding: 0 5px 0 5px;
	text-align: center;
	}
	
#menu_links a {
	color: #48403E;
}

#menu_links a:hover {
	color: #fe68ab;
}

#menu_links active {
	color: #fe68ab;
}

.column2 img {
bottom: 0;
}


/* -------------------Column 2------------------------- */

.column3 {
	display: block;
	float: left;
	width: 315px;
	list-style-position: outside;
	list-style-type: square;
	font-family: DroidSansRegular, sans-serif;
	color: #FFF;
	background-color: #a49791;
	width: 100%;
	padding: 15px;
	overflow:hidden;
	min-height: 395px;
	margin: 0;
}

.column3 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

.column3 li {
	text-transform: none;
}

.column3 li ul {
	padding-bottom: 30px;
}

.column3 li li {
	line-height: 35px;
	border-bottom: 1px dashed #D2D4C9;
}

.column3 h2 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight:bold;
	text-transform:capitalize;
	text-align:left;
}

.column3 p {
	text-align: left;
	text-transform:none;
	font-size: normal;
	padding: 6px;
}

.column3 a {
	color: #FFFFFF;
	text-align:center;
	font-size: small;
	
}

.column3 a:hover {
	/* oolor: #fe68ab; */
}

/* -------------------Food Menus------------------------- */
.FoodMenu {
	font-family: DroidSansRegular, sans-serif;
	text-align:center;
	}
.FoodMenu h3 {
	font-size:x-large;
	font-weight:bold;
	text-transform:capitalize;
	}
.FoodMenu h4 {
	font-size:medium;
	color: #FFFFFF;
	font-weight:bolder;
	}
.FoodMenu ul {
	font-size:12px;
	color:#4c4c4c;
	text-align:center;
	font-weight:normal;
	width: 95%;
	}
.FoodMenu ul li {
	line-height:normal;
	}
  
.FoodMenu em {
	color:#66FF66;
	}

.right_top_menu {
	background: url(/images/top-menu-bgnd.png);
	position: absolute;
	top:0;
	float:right;
	right: 0;
	z-index: 500;
	height: 53px;
	width: 470px;
}

.right_top_inside {
	text-align: left;
	text-transform: uppercase;
	padding-top: 0.4em;
	padding-left: 3em;

}

.column1 p, .column2 p, .column3 p {font-weight:normal;}

.gallery a:hover {
	text-decoration: none;
}

#selected_link {
	color: #fe68ab;
}

#menu_links #selected_link {
	color: #fe68ab;
}

a#bookinglink {
	background-color:#FFFFFF;
	color:#48403E;
	font-style:italic;
	height:auto;
	padding:5px;
	text-transform:none;
}

a#bookinglink:hover {
	color: #fe68ab;
	font-style: italic;
}

ul#venuefloors {
	text-align: left;
}

ul#venuefloors li {
}

ul#venuefloors a {
	font-size: 110%;
}

ul#rooms {
	text-align: left;
	margin-left: 2em;
	font-style: italic;
}

ul#rooms a {
	font-size: 100%;
}

div#col1_image {
	width: 100%;
	text-align: center;
}

div#gameinfo {
	width: 320px;
}

div#gameinfo table {
	border: 1px solid white;
	margin-top: 1em;
	margin-bottom: 1em;
}

div#gameinfo h1 {
	margin: 1em;
	color: white;
	background-color: #A49791;
	width: 290px;
}

div#gameinfo li {
	list-style: disc;
	margin-left: 1em;
	font-weight: normal;
}

div#gameinfo h2 {
	margin-top: 1em;
	margin-bottom: 1em;
}

div#gameinfo h3 {
	text-transform: none;
	font-size: 14px;
}

div#gameinfo img {
	width: 300px;
}

a#selected_link { 
	color:#FE68AB;
}
