/* Start of CMSMS style sheet 'keycitytheatre' */
/************************ Global *************************************/
body{
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a, a:visited{
	color:#981b05;
	text-decoration:none;
}

a:hover{
	color:#981b05;
	text-decoration:underline;
}

h1, h2, p, form{
	margin:0px;
}

h1{
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	font-weight:normal;
	padding:10px 10px 10px 0px;
}

p{
	padding:10px 0px 10px 0px;
	line-height:1.6em;
}

form{
	padding:0px;
}

.Orange{
	color:#e88301;
}

.Brown{
	color:#981b05;
}

.product{border-width: 3px; border-style: double; border-color: #000000;}

br{
	clear:both;
}

/********************************** Structure *********************************/

#wrapper{
	width:962px;
	margin:auto;
}

.headerImage{
	background-image:url(images/keycity_image/header_image.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:962px;
	height:102px;
	margin:auto;
}

.StaticMenuBase{
	background-image:url(images/keycity_image/menu_base.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:0px 10px 0px 10px;
}

.product{
	border-width: 3px;
	border-style: double; 
	border-color: #000000;
}

/************************************ Static Menu *******************************/
/**************************************************/
.listaction {
	padding: 0px 0px 0px 0px; 
	display: block; 
	/*font: 10px/18px verdana, arial, helvetica, sans-serif; */
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	width:auto;
	height: 27px;
	line-height:27px;
	text-decoration: none
}
a.listaction:link {
	text-decoration: none
}
a.listaction:visited {
	text-decoration: none
}
a.listaction:hover {
	text-decoration: none
}

.lapreview {
	background-image:url(images/keycity_image/stat_men_01.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
}
a.lapreview:link {
	color: #fff; 
/*	background-color: #f2e9da;*/
background-image:url(images/keycity_image/stat_men_01.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
}
a.lapreview:visited {
	color: #fff; 
	/*background-color: #f2e9da;*/
	background-image:url(images/keycity_image/stat_men_01.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
}
a.lapreview:hover, a.lapreview:active   {
	color: #fff; 
	/*background-color: #007dbd;*/
	background-image:url(images/keycity_image/stat_men_02.jpg);
		background-position:center bottom;
	background-repeat:no-repeat;
}

/**************************************************/

.menuBodyJunction{
	background-image:url(images/keycity_image/body_top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:4px;
	font-size:4px;
}


.bodyContent{
	background-image:url(images/keycity_image/body_bg.jpg);
	background-position:top;
	background-repeat:repeat-y;
	padding:0px 9px 0px 9px;
}

.bodyPaddingLeftRight{
	padding:10px 20px 10px 20px;
}

.footerbase{
	padding:10px;
	font-size:11px;
}

.footerbase a, .footerbase a:visited, .footerbase a:hover{
	color:#000000;
}

.generalGap{
	height:2px;
	font-size:2px;
}

/**** Menu Base ****/

.menuBase{
	background-image:url(images/keycity_image/menu_base.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	background-color:#ffe992;
      
}
/*******************abhijit****************/
/* Vertical menu for the CMS CSS Menu Module */
/* by Abhijit Mukhopadhyay*/


/* The wrapper determines the width of the menu elements */


#nav, #nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
   width: 100%; 
/* margin-left: -1px; */
   margin-right: -1px;
background-color: #FFCC00; 
}

#nav ul { 
   position: absolute; 
   top: 0; 
/* left: 100%; */
   right: 100%; 
   display: none; 

}

#nav li { 
   margin-bottom: -1px; 
   position: relative; 
}

#nav li a:hover{ 
/*color:#ff0000;*/
}


/* Styling the basic apperance of the menu elements */
#nav a { 
   border-bottom: 1px solid #FF9900;
   display: block; 
   margin: 0px; 
   padding: 5px 10px;
   padding-left: 35px;   
   color: #333333;
   font-weight: bold;
   font-family: tahoma, helvetica, arial, sans-serif;
   font-size: 11px;
   text-decoration: none; 
   background: transparent; 
   min-height:1em; /* Fixes IE7 whitespace bug*/ 
}
#nav li, #primary-nav li.menuparent { 
   
min-height:1em; /* Fixes IE7 bug*/
background-image:url(images/keycity_image/menu_bullets.gif);
background-position:10px center;
background-repeat:no-repeat;
padding-left:20px;
}


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#nav li.menuactive {
background-image:url(images/keycity_image/menu_bullets.gif);
background-position:10px center;
background-repeat:no-repeat;
padding-left:20px;

}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#nav li.menuparent, 
#nav li.menuparent:hover, 
#nav li.menuparenth { 
  /* background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; */


}


/* Styling the apperance of menu items on hover */
#nav li:hover, 
#nav li.menuh, 
#nav li.menuparenth, 
#nav li.menuactiveh { 
   /*background-color: #E7AB0B; */
background-image:url(images/keycity_image/menu_bullets.gif);
background-position:10px center;
background-repeat:no-repeat;
padding-left:20px;
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#nav ul, 
#nav li:hover ul, 
#nav li:hover ul ul, 
#nav li.menuparenth ul, 
#nav li.menuparenth ul ul { 
   display: none; 
/*background-color: #e0e0e0;*/ 
background-color: #FFCC00; 

}
#nav li:hover ul, 
#nav ul li:hover ul, 
#nav ul ul li:hover ul, 
#nav li.menuparenth ul, 
#nav ul li.menuparenth ul, 
#nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hack, will cause the css to not validate */

#nav li, #nav li.menuparenth { _float: left; _height: 1%; }
#nav li a { _height: 1%; }


/* section header */
#nav li.sectionheader {
   border-left: 1px solid #006699; 
   border-top: 1px solid #006699; 
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0.5em;
   background-color: #fff;
   margin: 0;
   width: 100%;
}


/* separator */
/*
#primary-nav li hr.separator {
   display:block;
   height: 0.5em;
   color: #abb0b6;
   background-color: #abb0b6;
   width: 100%;
   border:0;
   margin:0;
   padding:0;   
   border-top: 1px solid #006699;
   border-right: 1px solid #006699;
}*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}

/*************************************************/



/* Start of CMSMS style sheet 'Calendar CSS example' */
/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar' table_id='big'}

*/



/* make all links red */
.calendar tr td a
{
  color: red;
}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;

}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 120%;

}
#cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}

/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
  margin: 0px;
  border-collapse:    collapse;

}

/* nice squares for the #big table */
#big th
{
  border: 1px solid black;
  padding: 3px;
  width: 75px;
}

#big td {
  border: 1px solid black;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
}

/* format summaries nicely in #big */
#big ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

#big li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #big */
#big td
{
  background-color: white;
}

#big .calendar-day
{
  background-color: #80ff80;
}

#big .calendar-today
{
  font-weight: normal;
  background-color: #C8D3C2;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}
/* End of 'Calendar CSS example' */

/* End of 'keycitytheatre' */

