@import url(menu.css);
@import url(http://cms.notiontech.com/css/shared.css);


body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: Colibri,Tahoma, Helvetica;
	line-height:20px;
	font-size: 13px;
	color:white;
	background: #c0c0c0 url('http://cms.notiontech.com/images/bg-grey.gif') repeat-x;}

td,th {color: #FFFFFF;}
h1  {font-size: 18px;font-family: Trebuchet MS, Tahoma, Helvetica;font-style:normal;color: #ffffff;margin-top:0px}
h2  {font-size: 16px;color: #f07f0c;margin-top:0px;margin-bottom:11px;}
h3  {font-size: 18px;font-family: Trebuchet MS, Tahoma, Helvetica;font-style:normal;color: #ffb4b9;margin-top:0px;padding-bottom:0px;}
a:link, a:visited {text-decoration: none;color: #dddddd;}
a:hover {text-decoration: none;color: #ffffff;}

p{margin-top:13px;}

.tiny {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;}







/* top status bar */

#statusbar { 
	background:#765c5e url(images/bg-rule1.gif) repeat-x center; 
	padding: 0px 10px 0px 10px;
	font-size: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
} 

 
#statusbar a:link, #statusbar a:visited,#footer a:link, #footer a:visited {text-decoration: none; color: #dddddd;}
#statusbar a:hover, #footer a:hover {color: #ffffff;}

#footer { 
	background:#765c5e url(images/bg-rule2.gif) repeat-x center; 
	padding: 1px 10px 1px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	font-size: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
} 



#container {margin: 0 auto;	text-align: left; width: 800px; background:#000000 url(images/bg-texture0.jpg) repeat-x top; } 

#header {height: 135px;}


 /* padding: top,right,bottom,left */
 
#sidebar1 {float: left; width: 150px; 	padding: 30px 0px 20px 16px;}
#sidebar2 {float: right; width: 200px;	padding: 20px 0px 20px 16px;}
#sidebar2 img{border: 0px solid #ffffff;} 

#mainContent {padding: 20px 20px 20px 20px;} 
#mainContent2 {margin-left:190px;width:570px; margin-bottom:15px;} 
#mainContent img{ border: 0px solid #ffffff;} 


.item { 
	background:#000000;  
	padding: 20px 20px 20px 20px; 
	margin-bottom: 8px;
	border: 1px solid #21293b;
	width:540px;
} 

/* layout customisation */
#signup {
	position:absolute;width: 308px;padding: 0px 0px 0px 0px;top:530px;
	font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 12px;
	margin-left:40px;top:532px;}
#signup p{margin-top: 10px;margin-bottom: 20px;text-align: center;font-style : italic;}



label {float:left;margin:0px;width:100px;font: 10px Verdana, Arial, Helvetica, sans-serif;text-align:right;margin-right:3px;}

#signup input{margin-bottom:2px;}
#signup #formbuttons{margin-top:3px;text-align: left;margin-left:100px;}

#balloon{
position:absolute;
top:370px;
width:165px;
margin-left:8px;
font-family: Colibri,Tahoma, Helvetica;
	line-height:13px;
	font-size: 12px;
	color: black;
	font-style:italic;
}
#balloon P{
margin:0px;
margin-top:0px;
margin-bottom:10px;
}
.openingtimes {text-align:left;font-style:normal}
.speech td{padding:0;}

#speech_wrap{
position:absolute;
top:327px;
width:190px;
margin-left:-2px;
font-family: Colibri,Tahoma, Helvetica;
	line-height:13px;
	font-size: 12px;
	color: black;
	font-style:italic;}
	
#speech_wrap P{

margin-top:0px;
margin-bottom:0px;
padding-bottom:7px;

}	



.speechtop{background:url(images/speechtop.png) repeat top; height:45px;width:190px;}
.speechtop2{background:url(images/speechtop2.png) repeat top; height:45px;width:190px;}
.speechmid{background:url(images/speechmid.png) repeat top; width:190px;}

.speech{padding-left:13px;padding-right:15px;padding-top:7px;}

.speechbot{background:url(images/speechbot.png) repeat top; height:15px;width:190px;}


#page_home #container{background-image: url(images/bg-texture1.jpg);}
#page_home #sidebar1 {float: left;width: 175px;padding: 0px 0px 20px 16px;}


#page_home #sidebar2 {width: 380px;line-height:18px;padding: 0px;}

#page_home #intro  {margin-left:25px;margin-right:25px;margin-top:20px;border: 0px solid white;}
#page_home #intro p {margin-top:0px;padding:0;margin-bottom:10px;}



#page_home div.float { float: left; width: 100px; padding-right: 15px;padding-bottom: 6px; }

#gallery_preview IMG {
border: 4px solid white;

}

#newfooter2 {
top:0px;
height: 525px;
border: 0px solid red;
}



#newfooter {position:absolute;top:710px;height: 240px;padding: 10px 20px 10px 15px;color: #000;line-height:16px;}

#gallery_preview{width: 350px;float:left;}
#gallery_preview p {line-height:12px; font-size: 11px;text-align:center;position:relative;top:-25px;}


#diary_preview{width: 410px;float:left;margin-left:5px;margin-top:45px;}
#diary_preview p{margin: 10px 10px 10px 10px;line-height:12px;font-size: 12px;}




/* lightbox */

.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
       
.white_content {
display: none;
position: absolute;
top: 25%;
left: 18%;
width: 520px;
height: 290px;
padding: 16px;
border: 1px solid #ffffff;
background-color: black;
z-index:1002;
overflow: auto;

}

#light div.float { float: left; width: 150px;

  border: 1px solid #2a2a2a;
  padding:8px;
  margin-right: 5px;
  height: 190px;
  
  }
#light div.float p {text-align: center;}
#light div.spacer {clear: both;}
  
#light div.thumbscontainer {
font: 9px Verdana, Arial, Helvetica, sans-serif;
}
#light #thumbscontainer {
font: 9px Verdana, Arial, Helvetica, sans-serif;
}
#light img{border: 1px solid black;}


#light {font: 9px Verdana, Arial, Helvetica, sans-serif;}


#page_tour #sidebar2 {width: 265px;padding-right:15px;}
#page_tour #mainContent {width: 285px;margin-left:170px;margin-top:10px;}


#page_messages #mainContent {
padding: 25px 0px 0px 0px;
width: 430px;/* fix for firefox */

margin-left:190px;/* fix for firefox */

}


#page_messages #form 
{
background:#2a2a2a;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
margin-bottom:20px;
height:235px;
}

#page_messages #hidden
{
margin-left:87px;
visibility:hidden;
}
#page_messages #required{ 
margin-left:87px;
float:left;

}
#page_messages #formbuttons
{
margin-top: 20px;
float: right;
}

#page_messages #sidebar2 {width: 120px;line-height:18px;margin-right:35px;
padding: 25px 0px 20px 0px;}

#page_messages #records_container{
margin-bottom:20px;
}
#emoticons_wrapper{margin-left:100px;}


#message_wrapper{ 
 	background:#2c0b0d;  
	padding: 0px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin-left: 20px;
	margin-bottom: 8px;
	width:540px;
} 

#records_container table{
background:black;
width:100%;
}
#records_container td{

padding:10px;
margin:0;
}

.tick{ 
float:left;
}

.message1{ 
background:#322425;
width:102px;
}
.message2{ 
background:#322425;
}

/* unused classes for div style messages */

#message1{ 
	
	padding: 0px 0px 0px 0px; 
	margin-bottom: 8px;
	padding: 5px 5px 5px 5px; 
	width:120px;
	float:left;
	
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}
#message2{ 
width:390px;
	padding: 5px 5px 5px 5px; 
	margin-bottom: 8px;
	background:#322425;
	float:left;
	border-left: 2px solid #000000;
}
#message2 h3{ 
line-height:22px;
} 
#message2 p{ 
line-height:20px;
} 

.message_posted{font: 9px Verdana, Arial, Helvetica, sans-serif;}


/* gallery thumbs */
#navControl{

text-align: right;
border-top: 1px dashed #999;
padding-top:3px;

}
#navButts{float:right;}

#recordStatus{
text-align: left;float:left;


}

div.float { float: left; width: 100px; padding-right: 10px;padding-bottom: 10px; }
div.float p {text-align: center;}
div.spacer {clear: both;}
  
div.thumbscontainer {
font: 9px Verdana, Arial, Helvetica, sans-serif;
}
#thumbscontainer {
font: 9px Verdana, Arial, Helvetica, sans-serif;

}

#page_photos #mainContent {
width: 450px;margin-left:175px;margin-top:0px;margin-right:0px;
padding-left:15px;
padding-top:25px;
padding-right:0px;
}

#page_news #mainContent {
width: 450px;margin-left:175px;margin-top:0px;margin-right:0px;
padding-left:15px;
padding-top:0px;
padding-right:0px;
}
#page_news .item h3{margin-bottom:5px;border-bottom:1px;}


#page_news #sidebar2 {margin-left:180px;margin-top:0px;padding-top:0px;}

#page_news #maincontent p{margin-top:0;margin-bottom:0px;}

#page_news #maincontent{padding-top:0px;}
#page_news #maincontent{margin-top:0px;}

#page_news .item {margin-top:0;margin-bottom:10px;padding-top:0px;}
#page_news .item {border:1px;margin:10px;border-bottom:#cccccc;border-top:#cccccc;border-left:#cccccc;border-right:#cccccc;}



#page_news #sidebar2 {float:none;width:600px;}
#page_news img {margin-right:15px;float:left;}
#page_news a {color:white;}
#page_news hr {height:0.5px;border-color:gray;}
#page_news .item h3 {color:#CCCCCC;}
#page_news strong,#page_news small {font-weight:normal;font-size:11px;color:#CCCCCC;}





#page_photos #sidebar2 {width: 120px;line-height:18px;margin-right:35px;
padding: 25px 0px 20px 0px;}
#page_photos a:link {text-decoration: none;color: #dddddd;}
#page_photos a:visited {text-decoration: none;color: #dddddd;}
#page_photos a:hover {text-decoration: none;color: #ffffff;}


ol {
margin: 0px;
padding: 0;


}
#galleryDates ul {margin: 0px;padding: 0;list-style-type: square;}

#galleryDates li {margin-left: 15px;margin-right:0px;padding: 0;}
.selected{color: #ffb4b9;}



#img_viewer{text-align: center;}
#img_viewer #label {border-bottom: 1px dashed #999;padding-bottom:5px;margin-top:5px;}

#speech_wrap h3{color:black;text-align:center;}	
#speech_wrap td {color:black;font-style:normal;}
#speech_wrap table {margin-left:2px;;margin-right:0;}
#speech_wrap .day {text-align:right;}	
#speech_wrap a{color:black;}
#page_store #speech_wrap {top:340px;margin-left:0px;}	

#page_store #mainContent{margin-left:180px;margin-bottom:20px;padding-bottom:20px;}
#page_store #formbuttons{margin-left:100px;margin-top:5px;}


#page_store #form_bg {
background:#2a2a2a; url(images/bg-textur.jpg) repeat-x top; 
padding: 20px 35px 20px 20px;margin-bottom:20px;margin-left:auto;margin-right:auto;width:450px;}



#header {height: 155px} 




#email_container{margin-bottom:50px;}

#times_container{float:left;width:250px;}
#times_container strong{width:150px;}

#directions_container{float:left;width:205px;}

#map_container{float:right;}
#map{float:right;width: 315px; height:360px;background: #ffffff;border: 6px solid #ffffff;margin-right:25px;color: #000000;}
#map a:link, a:visited {text-decoration: none;color: #000000;}
#map a:hover {text-decoration: underline;color: #000000;}


#map ul {
margin: 0;
margin-bottom: 10px;
padding: 0;
color: #f07f0c;
font-size: 20px;
list-style-type: none;
font-family: Trebuchet MS, Tahoma, Helvetica;
}

#thumbscontainer {margin-bottom:30px;}


#headker{height:20px;}