/****************************************************************************

Author: Stephen
Development by: Wallop
Last updated: 

*****************************************************************************/


/* BASE STYLING **************************************************************/

* {
  margin:0;
  padding:0;
  font-style:normal;
  border:none;
}

h2 {
  font-size:14px;
}

h1 {
  font-size:14px;
}


h1,h3,h4,h5,h6 {
  font-size:100%;
}
ol,ul {
  list-style:none;  
}
a {
  outline:none; /*gets rid of dotted outline in FireFox when link is clicked*/
}
img {
  border-style:none;
}


/* BASE STRUCTURE ************************************************************/

html {
  text-align:center;
  background:#484848  url(../images/bg01.gif) repeat-y center top;
}

body {
  width:940px;
  margin:0 auto;
  text-align:left;
  background:#fff;
  font:12px/1.5 Arial, Verdana, Helvetica, sans-serif;
  color:#666666;
}

/* HACKS ********************************************************************/

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix {
  display:inline-table;
}

/* Hides from IE-mac */
* HTML .clearfix {
  height:1%;
}

/* tables inherit font sizes */
table {
  font-size:1em;
}

/* forms */

input {
	padding:4px;
}

.input {
	padding:4px;
	margin:0;
	background:#FFF;
	border:solid 1px #ccc;
}

label {
	float:left;
	text-align:right;
	display:block;
	padding:0 0 4px 0;
}

/* dotted line breaks */

p.break {
	background:  url(../images/break.gif) repeat-x 0 14px;
	height:1px;
	padding:14px 0 0 0;
	clear:both;
}

/* vr on meetings section */

.vrPage {
	text-align:center;
	margin:0 auto;
	
}

.featureWrap {
	width:570px;
	height:230px;
	margin:20px;
	clear:both;
}

.featureWrap img {
	border:solid 1px #333;
}

.featureLeft, .featureRight {
	float:left;
	width:260px;
	text-align:center;
}

.featureRight {
	float:right;
}

.nobg {
	background:none !important;
	background-image:none !important;
}

/* HEADER ********************************************************************/

#header {
  width:940px;
  margin:0 auto;
  text-align:left;
  height:80px;
  background:  url(../images/bg_top.jpg) repeat-x 0 0;
}

a#logo {
  width:288px;
  height:58px;
  margin:4px 0 0 20px;
  float:left;
  text-indent:-9999px;
  background:   url(../images/gmc_logo.gif) no-repeat top left;
  display:inline; /* for double float bug */
}

a#french, a#english  {
  display:block;
  float:right;
  width:84px;
  height:44px;
  text-indent:-9999em;
  background:  url(../images/b_francais.jpg) no-repeat top;
  margin:16px 12px 0 0;
}

a#english {
  background:  url(../images/b_english.jpg) no-repeat top;
}

a#french:hover, a#english:hover {
  background-position:bottom;
}

/*..... #subNav .....*/
ul#subNav {
  padding:30px 0 0 0;
}

#subNav li {
  display:inline;
  float:right;
  margin:0 16px 0 0;
}

#subNav li a {
  color:#C7C7BA;
  text-decoration:none;
}

#subNav li a:hover {
  color:#fff;
}

/* MAIN NAV AND FLASH ********************************************************************/

/*..... #mainNav .....*/
#homePg #mainNav ul, #mainNav ul, #mainNavFr ul {
  width:900px;
  height:30px;
  background:  url(../images/bg_nav.gif) repeat-x 0 0;
  padding-top:14px;
	padding-bottom: 0;
  margin:20px 0 0 20px;
  text-align: center;
}

#mainNav ul, #mainNavFr ul {
  background:  url(../images/bg_nav.gif) repeat-x 0 0;
  height:30px;
  padding-top:14px;
  margin:20px 0 0 20px;
  text-align: center;
}

#mainNav li {
  display:inline;
  font-size:11px;
  padding:0 16px 0 16px;
}

#mainNavFr li {
  display:inline;
  font-size:11px;
  padding:0 16px 0 16px;
}

#mainNavFr li {
  padding:0 5px 0 5px;
}

#mainNav li a, #mainNavFr li a {
  color:#605E53;
  text-decoration:none;
  font-weight:bold;
}

#mainNav li a:hover, #mainNavFr li a:hover {
  color:#8A8879;
}

#flash {
  width:900px;
  height:301px;
  margin:0 1px 1px 20px;
}

#features {
  border-bottom: 1px solid #ccc;
  width:900px;
  margin-left:20px;
  padding-bottom:1px;
}

#features h2 { /*these rules hide the h2*/
  text-indent:-9999px;
  position:absolute;
  left:0; /*removes gap in ie7*/
}

a#feature01, a#feature02, a#feature01Fr, a#feature02Fr {
  display:block;
  width:453px;
  height:44px;
  padding:36px 10px 0 16px;
  color:#fff;
  font-size:11px;
  text-decoration:none;
  background:  url(../images/bg_box01.gif) no-repeat 0 0;
}

a#feature01Fr {
  background:  url(../images/bg_box01_fr.gif) no-repeat 0 0;
}

a#feature02, a#feature02Fr {
  background:  url(../images/bg_box02.gif) no-repeat 0 0;
  width:394px;
  float:right;
  display:inline;
  margin-top:-80px;
}

a#feature02Fr {
  background:  url(../images/bg_box02_fr.gif) no-repeat 0 0;
}

a:hover#feature01, a:hover#feature02, a:hover#feature01Fr, a:hover#feature02Fr {
  background-position:0 -80px;
}

/* CONTENT: HOME ********************************************************************/
/*..... #content .....*/
#content {
	background:none;
	width:900px;
  margin:42px 0 0 20px;
}

#homePg #content {
  margin: 40px 0 0 20px;
  background: none;
}

#intro {
  float:left;
  display:inline;
  width:466px;
}

#intro h2#h_tagline {
	width:393px;
	height:19px;
	background:  url(../images/headings/h_tagline.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#intro h2#h_taglineFr {
	width:393px;
	height:38px;
	background:  url(../images/headings/h_tagline.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#intro h2#h_taglineFr {
	width:400px;
	background:  url(../images/headings/h_tagline_fr.gif) no-repeat 0 0;
}

#intro p{
  margin: 20px 20px 0 0;
}

#intro h1{
font-size:14px;
}

#intro a {
  color: #69673A;
  text-decoration: none;
  border-bottom: 1px solid #bdbca2;
}

#intro a:hover {
  color: #69673A;
  background: #f4f5ed;
  border-bottom: 1px solid #69673A;
  text-decoration: none;
	}
	
#mainElements {
  float:right;
  display:inline;
  padding-bottom:23px;
  width:418px;
  border:2px solid #999999;
  background:#cccccc;
}

#mainElements #meetings, #mainElements #dining {
  width:172px;
  float:left;
  display:inline;
  margin:23px 0 0 23px;
}

#mainElements #dining {
  float:right;
  display:inline;
  margin:23px 23px 0 0;
}

#mainElements img {
  border:1px solid #ccc;
  padding:3px;
  background:#fff;
}

#meetings h3, #dining h3 {
  font-size:1.4em;
  color:#69673A;
  margin:10px 0 7px 0;
  font-weight: normal;
}

#dining h3, .accent {
  color:#A24124;
}

#mainElements p {
  margin:0 0 10px 0;
}

#mainElements a {
  color:#BC5B1B;
  text-decoration:underline;
}

#mainElements a:hover {
  color:#bc7560;
  text-decoration:none;
}

/* CONTENT INTERIOR ********************************************************************/
#headingANDcrumbs {
  width: 900px;
  height: 38px;
  background: #fff;
  padding-top: 22px;
  margin-left: 20px;
}

#headingANDcrumbs h2 { /*headings without background images*/
  float:left;
  display: inline;
  width: 350px;
  line-height: 18px;
  font-size:18px;
  font-weight:normal;
  margin-left: 20px;
}

h2#h_facilities_and_services { /*headings with background images*/
  background:  url(../images/headings/facilities_and_services.gif) no-repeat;
  text-indent:-9999px;
}

#headingANDcrumbs p {
  float:right;
  display:inline;
  font-size:11px;
  color:#999;
  width:500px;
  text-align:right;
}

#headingANDcrumbs a {
  margin:0 4px 0 4px;
  color:#a24124;
}

#headingANDcrumbs a:hover {
  color:#cf9989;
  text-decoration:none;
}

#headingANDcrumbs a#active {
  color:#999;
  text-decoration:none;
}

#contentWrap {
  background:  url(../images/subContent_tile.gif) repeat-y right bottom;
  clear:both;
  margin-bottom:-8px;
/*Step 1 of a 3 step solution to solve spacing issue in Safari. This negative margin rule, in combination with a rule applied to the #footer solves a gap problem affecting the subContent area in Safari only. I am suspecting the problem has something to do with .clearfix which doesn't always agree with Safari. But, these few rules seem to solve things fine. I explain the problem in more detail with the #footer style, just below on line 365*/
}

#content {
  background:  url(../images/subContent_bottom.gif) no-repeat right bottom;
  margin-top:0;
}

#content2 {
  margin-top:0;
}

#content table {
	margin:0 0 20px 20px;
}

#content2 table {
	margin:0 0 20px 20px;
}

#content td {
	padding:4px 10px 4px 0;
}

#content2 td {
	padding:4px 10px 4px 0;
}

#content td.tableHeading {
	border-bottom:solid 2px #ddd;
	font-size:14px;
}

#content2 td.tableHeading {
	border-bottom:solid 2px #ddd;
	font-size:14px;
}

/*..... main content .....*/
#mainContent {
  float:left;
  display:inline;
  width:600px;
}

#mainContent2 {
  float:left;
  display:inline;
  width:900px;
}

#mainImage {
  display:block;
  padding:1px 0 1px 0;
  margin:0 0 30px 20px;
  border-top:5px solid #69673A;
  border-bottom:3px solid #822206;
  height:200px;
}

#mainImageSide {
  display:block;
  padding:1px 0 1px 0;
  margin:0 0 30px 20px;
  border-top:5px solid #69673A;
  border-bottom:3px solid #822206;
  height:170px;
	float:right;
}

#mainContent #mainImage + p {
  font-size: 12px;
  /*color: #69673A;*/
  margin-bottom: 20px;
}

#mainContent em {
	font-style:italic;
}

#mainContent p + ul {
  margin-top: 12px;
  margin-bottom: 16px;
}

#mainContent a {
  color: #69673A;
  text-decoration: none;
  border-bottom: 1px solid #bdbca2;
}

#mainContent a:hover {
  color: #69673A;
  background: #f4f5ed;
  border-bottom: 1px solid #69673A;
  text-decoration: none;
}

#mainContent2 a {
  color: #69673A;
  text-decoration: none;
  border-bottom: 1px solid #bdbca2;
}

#mainContent2 a:hover {
  color: #69673A;
  background: #f4f5ed;
  border-bottom: 1px solid #69673A;
  text-decoration: none;
}

#mainContent ul {
  margin-top:10px;
}

#mainContent ul li {
  padding:0 0 4px 16px;
  background:   url(../images/li_bullet.gif) no-repeat 3px 5px;
}

#content #mainContent p, #content #mainContent h1, #content #mainContent h3, #content #mainContent h4, #content #mainContent ul{
margin-left: 20px;
}

#mainContent p {
  margin: 10px 0 10px 0;
}

#mainContent h3 {
  color: #a24124;
  margin: 16px 0 -2px 0;
  text-transform: uppercase;
}

#mainContent h1 {
  color: #a24124;
  margin: 16px 0 -2px 0;
  text-transform: uppercase;
}

#mainContent h4 {
  color: #ACACAC;
  margin: -6px 0 10px 0;
}

.eventsCal01, .eventsCal02 {
  background: #F8F8F8;
  margin:0 0 0 20px;
  padding:16px;
  border-left:solid 1px #BC5B1B;
}

.eventsCal02 {
  border-left:solid 1px #999;
}

.eventsCal02 {
  background: transparent;
}

.eventsCal01:hover, .eventsCal02:hover {
  background: #F0F0EC;
}

.eventsCal01:hover strong, .eventsCal02:hover strong {
  color: #3A3A3A;
}

#mainContent .eventsCal01:hover a, #mainContent .eventsCal02:hover a {
  color: #55532F;
}

#mainContent .eventsCal01 a:hover, #mainContent .eventsCal02 a:hover {
  background: #fff;
}

#mainContent .p_bottom_border {
  border-bottom: 1px solid #ccc;
  padding-bottom: 14px;
  margin-bottom: 16px;
}

/*..... sitemap .....*/

#content ul#sitemap01 {
  margin-left: 10px;
  width: 275px;
}

#content ul#sitemap01 p{
  margin-left: 20px;
  width: 275px;
	font-size:11px;
}

#content ul#sitemap01 ul, #content ul#sitemap02 ul{
  margin-left: 4px;
}

ul#sitemap01 li, ul#sitemap02 li{
  margin-top: 14px;
  background: none;
}

ul#sitemap01 li li, ul#sitemap02 li li{
  padding: 2px 0;
  margin: 0;
  text-indent: 6px;
}

ul#sitemap01 li a, ul#sitemap02 li a {
  color: #a24124;
  text-decoration: none;
  font-weight: normal;
  border: none;

}

ul#sitemap01 li a:hover, ul#sitemap02 li a:hover {
  color: #cf9989;
  border: none;
  background: #fff;
}

ul#sitemap01 li li a, ul#sitemap02 li li a {
  font-weight: normal;
}

#sitemap01 {
  float: left;
  display: inline;
  background:   url(../images/map.gif) no-repeat right center;
}

#sitemap02 {
  float: right;
  display: inline;
  margin-right: 50px;
}

#sitemap02 p {
	font-size:11px;
}

#meetingspace {
width: 290px;
float:left;
}

#amenities {
width: 290px;
float:right;
}

/*..... sub content .....*/
#subContent {
  float:right;
  display:inline;
  min-height: 200px;
	height:auto !important;
	height: 200px;
  width:280px;
  background:  url(../images/subContent_top.gif) no-repeat 0 0;
}

#subContent h4 {
  font-size:13px;
  font-weight:bold;
  color:#828282;
  margin:25px 25px 6px 25px;
}

#subContentNav {
    margin:0 25px 25px;
}

#subContentNav li a {
    display:block;
    height:44px;
    line-height:44px;
    border-bottom:1px solid #ccc;
    border-top:1px solid #fff;
    text-decoration:none;
    color: #7d7d7d;
}

#subContentNav li a:hover {
  color: #989A99;
}

#subContentNav li .first, #subContentNav li .last {
  border: none;
  border-top:1px solid #fff;
}

#subContentNav li .first{
  border: none;
  border-bottom: 1px solid #ccc;
}

#subContentNav li .hotellink{
  border: none;
}

#subContentNav a {
    display:block;
    height:30px;
    line-height:30px;
    text-decoration:none;
    color: #7d7d7d;
}

#subContentNav a:hover {
  color: #989A99;
}

/* FOOTER ********************************************************************/

#footer {
  width:900px;
  height:40px;
  padding:20px 20px 60px;
  clear:both;
  background:#006699;
  color:#605E53;
  border-top: 40px solid #fff;/*Step 2 of the solution to solve spacing issue in safari: When I applied a margin to any of the content containers a small gap would dispaly between the #content div and #contentWrap div, breaking the bottom allignment of the #subContent container which uses 3 images and relies on all these containers to expand properly. This was the only solution I found that worked. I tested in all my browsers and only noticedthat reducing the margin caused problems in IE 6 and 7. The 3rd and final part of the solution was to target IE with the conditional comments and bring the margin back to 0*/
}

#footerContent {
  width:898px;
  height:3.3em;
  border:1px solid #4F5040;
  background:#cccccc;
}

p#footerLinks {
  float:left;
  display:inline;
  margin-left:10px;
}

p#copyright {
  float:right;
   line-height:40px;
  padding:0 10px;
}

#footerContent a {
  color:#605E53;
  text-decoration:none;
  line-height:40px;
  padding:0 10px;
}

#footerContent a:hover {
  color:#8A8879;
}

#footerContent #wallop {
  width:46px;
  height:17px;
  line-height:17px;
  background:  url(../images/wallop2.gif) no-repeat left;
  float:right;
  margin:12px 16px 0 10px;
  padding:0;
  text-indent:-9999px;
}

#footerContent #wallop:hover {
  background:  url(../images/wallop2.gif) no-repeat right;
}

/* dotted line breaks */

/*.break p {
	margin:0;
	padding:0;
}

p.break {
	background: url(../../images/break.gif) repeat-x 0px 6px;
	height:10px;
}*/

/* TABLES ********************************************************************/

table a,
table a:link,
table a:visited {
	border:none;
	}							
	
img {
	border:0;
	margin-top:.5em;
	}	
table {
	width:95%;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:1em;
		border-collapse:collapse;
	}
	
	table.short {
	width:73%;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:1em;
		border-collapse:collapse;
	}
caption {
	color: #9ba9b4;
	font-size:.94em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center;
	}	
tr.odd td	{
	background:#f7fbff
	}
tr.odd .column1	{
	background:#f4f9fe;
	}	
.column1	{
	background:#f9fcfe;
	}
td {
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.1em 1em;
	text-align:center;
	}				
th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.1em 1em;
	}							
thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3
	}	
tfoot th {
	text-align:center;
	background:#f4f9fe;
	}	
tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}