/*** Default Styles for Kenora Hospitality Alliance ***/
/*** Author :: Aaron Affleck c/o Overdrive Design Labs ***/
/*** Created :: December 18, 2007 ***/

/* Global element styles */


body {
 margin:0;
 padding:0;
 background-color:#d6d5dd;
 font-family: "Trebuchet", sans-serif ;
 font-size:12px;
 color:#4f4e4e;
}

html, body {
 height:100%;
}

img {
 margin:0;
 padding:0;
 border:none;
}

a {
 text-decoration:none;
 color:#9e1a00;
}

a:hover {
 color:#9e1a00;
 text-decoration:underline;
}

a:visited {
 color:#9e1a00;
}

ul {
 margin:0;
 padding:0;
}

#top {
font-size:0px;
height:0px;
float:left;
margin:0;
padding:0;
}

/* Global Template styles */
#page {
 width:900px;
 position:relative;
 margin-left:auto;
 margin-right:auto;
 padding:0;
}

#matte {
 float:left;
 width:900px;
 position:relative;
 margin-left:auto;
 margin-right:auto;
 padding:0; 
}

#top-bar {
 width:900px;
 height:32px;
 margin:0;
 padding:0;
 position:absolute;
 z-index:3;
}

/* For Browsers With PNG Support (NOT IE) */
/* -------------------------------------- */
/*  IE ignores styles with [attributes]   */

#top-bar[id]	{
 background: url(../media/images/background-top-bar.png) no-repeat bottom right;
}

/* For (IE/Mac) Supports PNG but not [id]    */
/* ----------------------------------------- */
/*  (Affects IE/Win - Overwritten Below )    */

##top-bar {
 background: url(../media/images/background-top-bar.png) no-repeat bottom right;
}

/* End PNG Styles */


#global-nav {
 float:right;
 display:inline;
 margin-top:5px;
 padding:0;
}

#global-nav ul{
 margin:0;
 padding:0;
 list-style-type:none;
}

#global-nav li{
 float:left;
 display:inline;
 background:url(../media/images/v-line-global-nav.gif) no-repeat right 5px;
 padding:3px 6px 0px 6px;
}

#global-nav li a{
 display:inline;
 color:#333;
 font-family: "Trebuchet", sans-serif ;
 font-size:12px;
}

#global-nav li a:hover{
 text-decoration:underline;
}

#search {
 float:right;
 display:inline;
 margin-right:60px;
 margin-top:0px;
 margin-left:0;
 padding:0;
 width:208px;
}

#search span{
 float:right;
 display:inline;
 margin-right:5px;
 margin-top:8px;
 color:#333;
 font-family: "Trebuchet", sans-serif ;
 font-size:12px;
}

#search-form {
 float:right;
 display:inline;
 margin:0;
 padding:0;
 width:159px;
 height:23px;
 margin-top:3px;
 background:url(../media/images/background-search.png) no-repeat 0px 0px;
}

#search-criteria{
 float:right;
 display:inline;
 width:114px;
 height:21px;
 border:none; 
 padding:4px 0px 0px 0px;
 margin:0px 28px 0px 0px;
 background:transparent;
}

#eye-glass {
 position:absolute;
 z-index:4;
 margin:1px 0px 0px 131px;
 padding:0;
 width:24px;
 height:22px;
 background:url(../media/images/buttons/search.gif) no-repeat 0px 0px;
 border:none;
 cursor:pointer;
 pointer:hand;
}

#masthead {
 width:900px;
 height:335px;
}

#logo {
 position:absolute;
 top:45px;
 left:68px;
 width:284px;
 height:50px;
}

/* For Browsers With PNG Support (NOT IE) */
/* -------------------------------------- */
/*  IE ignores styles with [attributes]   */

#logo[id]	{
 background: url(../media/images/stayinkenora.png) no-repeat bottom right;
}

/* For (IE/Mac) Supports PNG but not [id]    */
/* ----------------------------------------- */
/*  (Affects IE/Win - Overwritten Below )    */

##logo {
 background: url(../media/images/stayinkenora.png) no-repeat bottom right;
}

/* End PNG Styles */


#canvas {
 width:787px;
 background:transparent;
 position:relative;
 margin-left:auto;
 margin-right:auto;
 margin-top:-134px;
 height:100%;
}

/***** Outside Shadows ****/

#top-left-shadow{
 float:left;
 display:inline;
 background:url(../media/images/shadows/top-left.png) no-repeat 0px 0px;
 width:8px;
 height:6px;
 margin:0;
 padding:0;
}

#top-middle-shadow {
 float:left;
 display:inline;
 background:url(../media/images/shadows/top-middle.png) no-repeat 0px 0px;
 width:771px;
 height:6px;
 margin:0;
 padding:0;
}

#top-right-shadow {
 float:left;
 display:inline;
 background:url(../media/images/shadows/top-right.png) no-repeat 0px 0px;
 width:8px;
 height:6px;
 margin:0;
 padding:0;
}

#nav-left-shadow {
 float:left;
 display:inline;
 background:url(../media/images/shadows/nav-left.png) no-repeat 0px 0px;
 width:8px;
 height:36px;
 margin:0;
 padding:0;
}

#nav-content{
 float:left;
 display:inline;
 width:771px;
 height:36px;
 margin:0;
 padding:0;
}

#nav-right-shadow {
 float:left;
 display:inline;
 background:url(../media/images/shadows/nav-right.png) no-repeat 0px 0px;
 width:8px;
 height:36px;
 margin:0;
 padding:0;
}

#content-left-shadow {
 float:left;
 display:inline;
 background:url(../media/images/shadows/content-left.png) repeat-y;
 width:8px;
 min-height:100%;
 height:auto;
 margin:0;
 padding:0;
}

#content-right-shadow {
 float:left;
 display:inline;
 background:url(../media/images/shadows/content-right.png) repeat-y;
 width:8px;
 min-height:100%;
 height:auto;
 margin:0;
 padding:0;
}

#content {
 float:left;
 display:inline;
 background:#FFF;
 width:771px;
 position:relative;
 z-index:6;
 min-height:500px;
}

#content .top-shading {
 float:left;
 position:absolute; 
 top:0px;
 left:0px;
 z-index:2;
 width:771px;
 height:27px;
 background:url(../media/images/top-shading.jpg) no-repeat 0px 0px;
}

#content .bottom-shading {
 float:left;
 position:absolute;
 z-index:2;
 bottom:0px;
 right:0px;
 width:771px;
 height:27px;
 background:url(../media/images/bottom-shading.jpg) no-repeat bottom right;
}

#page-content {
 float:left;
 display:inline;
 width:537px;
 margin:0;
 padding:27px 12px 27px 12px;
 position:relative;
}

#bottom-left-shadow {
 float:left;
 display:inline;
 background:url(../media/images/shadows/bottom-left.png) no-repeat 0px 0px;
 width:8px;
 height:8px;
 margin:0;
 padding:0;
}

#bottom-middle-shadow {
 float:left;
 display:inline;
 background:url(../media/images/shadows/bottom-middle.png) no-repeat 0px 0px;
 width:771px;
 height:8px;
 margin:0;
 padding:0;
}

#bottom-right-shadow {
 float:left;
 display:inline;
 background:url(../media/images/shadows/bottom-right.png) no-repeat 0px 0px;
 width:8px;
 height:8px;
 margin:0;
 padding:0;
}

#footer {
 width:771px;
 position:relative;
 margin-left:auto;
 margin-right:auto;
 padding:0; 
}

#footer ul {
 margin:10px 0px 0px 5px;
 padding:0;
 list-style-type:none;
}

#footer li {
 margin:10px 0px 0px 0px;
 padding:0;
 display:inline;
}

#footer li a {
 margin:0;
 padding:0px 9px 0px 6px;
 color:#7d7b9d;
 font-family: "Trebuchet", sans-serif ;
 font-size:11px;
 background:url(../media/images/v-line-footer-nav.gif) no-repeat right 2px;
}

#footer li a.contact {
 background:none;
}

#logos {
 width:740px;
 margin-top:20px;
 margin-left:auto;
 margin-right:auto;
 padding:0; 
}

#logos img {
 margin:0px 0px 0px 20px;
 padding:0; 
}

#footer-logo-9 {
 margin:0px 0px 6px 20px;
 padding:0; 
}

#copyright {
 color:#7d7b9d;
 font-family: "Trebuchet", sans-serif ;
 font-size:11px;
 width:442px;
 text-align:center;
 margin-top:30px;
 margin-left:auto;
 margin-right:auto;
}


a.arrow {
 color:#9e1a00;
 font-family: "Trebuchet", sans-serif ;
 font-size:11px;
 background: url(../media/images/arrow.png) no-repeat right 5px;
 padding-right:5px;
}

a.arrow-up {
 color:#9e1a00;
 font-family: "Trebuchet", sans-serif ;
 font-size:11px;
 background: url(../media/images/arrow-up.png) no-repeat right 5px;
 padding-right:10px;
}

.red {
color:#9e1a00;
}

/* utility styles */

.clear {
 clear:both;
}