/*  HEADING BANNER RELATED SETTINGS */
h1 {	text-align : center;
	margin-top: 0.15em;
	margin-bottom: 0.1em;
	background-repeat: no-repeat;
	font-size: 32px;
}

div.banner  {
 	background-image: url("https://www.cimvancouver.org/theme/bannerborder.png");
	background-repeat: repeat-x;
	/*border-bottom : 0.1em solid black;*/
	position: fixed;
	top: 0%;
	left: 0%;
	right: 0%;
	height: 116px;
	width:100%;
	margin: 0px;
	display: block;
	z-index : 10;
}

p.banner {
	text-align : center;
	margin-top : 0em;
	font-family: Bitstream Vera Sans, Franklin Gothic Demi, Lucida Sans, Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size: 15px;
	background-image : url("https://www.cimvancouver.org/theme/translucentcanvas.png");
}

p.return {
	float : right;
	font-size : large;
	font-family: Bitstream Vera Sans, Franklin Gothic Demi, Lucida Sans, Trebuchet MS, Helvetica, Arial, sans-serif;
}

/*  LEFT MENU RELATED SETTINGS */

div.menu{
	background : url("https://www.cimvancouver.org/theme/translucentcanvas.png") #9db6bd repeat;
	float: left;
	position : fixed;
	width: 200px;
	/*height : 100%;*/
	top: 116px;
	bottom : 0%;
	left : 0%;
	border-right : solid thin black;
	font-family: Franklin Gothic Demi, Lucida Sans, Trebuchet MS, Bitstream Vera Sans, Helvetica, Arial, sans-serif;
	font-weight : normal;
	border-bottom: solid 1px gray ;
	border-top: solid 1px gray ;
	padding-bottom: 1em;
	margin-left : 0%;
	padding-left : 12px;
	overflow : auto;
}

span.menuitem {
	position : relative; 
	right: -70%; 
}

p.menuitem {
	padding: 2%;
	padding-top: .25%;
	padding-bottom: .25%;
	border: solid gray thin;
	background-image : url("https://www.cimvancouver.org/theme/translucentcanvas.png");
	display: inline;
	font-size : x-small;
	font-weight : bold;
}
A.menuitem {
	text-decoration: none;
	color : black;
}

div.deadspace{
 	height: 116px;
}

.imgbutton {
	float:right; 
	border : none; 
}
.imgbuttonhide{
	float:right; 
	border : none; 
	display : none;
}

/*  MAIN BODY OF PAGE SETTINGS */

body {
	font-family: Bitstream Vera Sans, Franklin Gothic Demi, Lucida Sans, Trebuchet MS, Helvetica, Arial, sans-serif;
	margin-left: 0%;
	margin-top : 0%;
	z-index : 0;
}

div.body{
	padding: 1%;
	margin-left:212px;
	font-family: Franklin Gothic Demi, Lucida Sans, Trebuchet MS, Bitstream Vera Sans, Helvetica, Arial, sans-serif;
}

.thinborder {
	border: thin solid black;
	margin: 2px;
	padding : 2px;
	}

.small {	
	font-size : small;
}

.large {
 	font-size : large;
}

.center {
	text-align : center;
}

.minor {
	font-size : small;
	color : gray;
}

.invoice { 
	/*border-bottom: solid thin black;*/
	page-break-inside : avoid;
	text-align : right;
}

table.invoice {
	border : double black;
}

td.invoicefirst {
	text-align : left;
	/*border-bottom : solid thin black;*/
}

.black {
	color : black;
	text-decoration : none; 
} 

.red {
	color : red;
	text-decoration : none; 
} 

.cancelreservation {
}

.nowrap {
	white-space : pre;
}

tr.nobreak { 
	page-break-inside : avoid; 
}

a:link  { color: #0033CC; }
a:visited { color: #0033CC; }
a:hover  { color: #0033CC; background-color : #f9e53b; }
a:active  { color: #0033CC; }

	
	
/* ADMIN PAGE RELATED SETTINGS */

p.logocell {
	float: left;
	margin: 0.2em;
	margin-right: 2em;
	border: thin solid black;
	padding: 1px;
}

p.error {
	border: thick dashed yellow;
	background-color : red;
	color : yellow;
	font-weight : bold;
	padding : 1em;
}

p.schedcell {
	margin : 0.2em;
	margin-bottom: 1em;
}

p.listcell {
	margin : 2px;
	margin-bottom: 5px;
	/*background-color : #f5ffff;*/
}


p.uploadlogo {
	margin : 0.2em;
	margin-bottom: 1em;
}


.reslist {
	white-space : nowrap;
	border: thin solid black;
	margin : 0px;
}
table.reslist{
	border-collapse: collapse;
}

.oddrow { background-color: #eeeeee;
}
.evenrow { background-color: white;
}

/*  PRINTOUT RELATED SETTINGS */

@media print {
	div.body{		margin-left:2%;	}	
	div.menu {		display : none;	}	
	div.feature {		display : none;	}
	p.menuitem {		display : none;	}
	div.menu { 		position : relative; }
	.imgbutton {		display : none;	}
	div.banner {		position : relative;  }
	.noprint {		display : none;	}
}


@media handheld {
  div.menu {
    position : relative;
  }
  div.header {
   position : relative;
  }
}

/* IE6  bugfixing */
@media screen  {  
.noscreen { display : none; }
* html    {    /*overflow-y: hidden;*/    }  
* html body    {    height: 100%;    overflow: auto;    }
}