/* ======================================= *\
	CLIENT:				BANNOCKBURN
	BUILT & POWERED BY:	COMMERCIAL DESIGN
	DATE:				AUGUST 2007
	--------------------------------------
	TITLE: 				MAIN STYLESHEET
\* ======================================= */

@import "menuh.css";
@import "menuconfig.css";

/* // RESET OUR ELEMETS */
body,input,h1,h2,h3,h4,h5,h6,form,p,button	{ margin: 0; padding: 0; font-size: 100%; }

/* ELEMENTS */
body 				{ background: rgb(242,254,255) url(/img/backgrounds/background-site.png) repeat-x 0 0; font: 66.2%/1.3 Verdana, "Helvetica Neue", Helvetica, Arial, Sans-serif; }
form				{ display: inline; } 
img					{ border: none; }
a					{ text-decoration: none; color: rgb(36,95,162);}

#foot li a:hover,
a:visited,
a:hover				{ color: dodgerBlue;}

h1					{ font-size: 140%; }
h2					{ font-size: 130%; }
h3					{ font-size: 120%; }
h4					{ font-size: 110%; }
h5					{ font-size: 100%; }
h6					{ font-size: 90%; }

/* ID */
#tupperware						{ position: relative; width: 786px; margin: 0 auto; overflow: hidden; }
#searchBox						{ position: absolute; right: 5px; top: 0; height: 24px; width: 183px; padding: 0 0 0 33px; background: url(/img/backgrounds/background-search.png) no-repeat 0 0; }
#searchBox input[type="text"]	{ float: left; width: 135px; margin: 2px 0 0 0; padding: 1px; border-width: 1px; background: rgb(255,255,240); font-size: 10px; color: rgb(190,190,184); }
#searchBox button				{ float: left; display: block; height: 22px; margin: 0 0 0 5px; padding: 0 5px; background: none; border: none; font-size: 1em; line-height: 22px; color: white; cursor: pointer; }
h1#logo							{ position: absolute; top: 37px; left: 183px; width: 230px; height: 39px; background: url(/img/backgrounds/W3C/background-logo.png) no-repeat 0 0; text-indent: -15000px; }
h1#logo a						{ display: block; width: 230px; height: 39px; }

#col1,
#col2				{ float: left; min-height: 400px; width: 169px; margin: 76px 0 0; background: url(/img/backgrounds/W3C/background-col1.png) no-repeat; }
#col2				{ width: 618px; margin-left: -1px; background: none; }

/* COL1 INFO */
#displayCase 				{ margin: 55px 15px 15px; }
#displayCase h2				{ margin: 0 0 8px; font-size: 1.3em; color: rgb(59,143,217); font-weight: normal; }
#displayCase h4				{ font-size: 1.1em; line-height: 1.1; color: rgb(36,95,162); }
#displayCase h5.date		{ margin: 0 0 5px; color: rgb(242,121,63); font-weight: normal; font-style: italic; }
#displayCase p a			{ color: rgb(132,150,161); text-decoration: none; }
#displayCase p a:hover		{ text-decoration: underline;}

/* MAIN PHOTO */
#sectionPhoto				{ position: relative; margin: 12px 0; background: url(/img/backgrounds/W3C/background-mainPhotoBody.png) repeat-y 0 0; }
#sectionPhoto img			{ display: block; margin: 0 12px 1px; }
#sectionPhoto #photoFoot,
#sectionPhoto #photoCap		{ height: 12px; left: 0; width: 618px; }
#sectionPhoto #photoFoot	{ position: absolute; bottom: -11px;  background: url(/img/backgrounds/W3C/background-mainPhotoFoot.png) no-repeat 0 100%; }
#sectionPhoto #photoCap		{ position: absolute; top: -12px; background: url(/img/backgrounds/W3C/background-mainPhotoTop.png) no-repeat 0 0; }

/* PHOTO CAPTION */
#sectionPhoto blockquote	{ margin: 0 12px; padding: 0; background: url(/img/backgrounds/background-quoteBody.png) repeat-y 0 0; color: rgb(70,70,70); }
#sectionPhoto p.quote		{ padding: 15px 15px 0; background: url(/img/backgrounds/background-quoteTop.png) no-repeat 0 0; }
#sectionPhoto p.author		{ padding: 3px 15px 6px; background: url(/img/backgrounds/background-quoteBottom.png) no-repeat 0 100%; font-style: italic; text-align: right; }

#bodyBlock					{ margin: 25px 0 0; padding: 0 15px; background: url(/img/backgrounds/W3C/div.png) no-repeat 0 0; }
#bodyBlock h1				{ margin: 0 0 10px 0; font-size: 2.0em; color: rgb(59,143,217); font-weight: normal; }
#bodyBlock h3				{ margin: 0 0 10px 0; font-size: 1.4em; color: rgb(242,121,63); font-weight: normal; }
#bodyBlock ul,
#bodyBlock p				{ margin: 0 0 8px; font-size: 1.3em; color: rgb(64,82,95); }
#stick						{ height: 60px; width: 1px; margin: -40px 0 0 -15px; background:url(/img/backgrounds/W3C/divBottom.png) no-repeat 0 100%;}
#bodyBlock ul				{ margin: 0; padding:0; list-style: none; }
#bodyBlock li				{ margin: 0; padding: 0 0 0 15px; background: url(/img/misc/W3C/style-bulletPoints.png) no-repeat 0 50%; }

#foot						{ width: 786px; margin: 80px auto 20px; background: url(/img/backgrounds/W3C/backround-footCap.png) no-repeat 0 0; }
#foot ul					{ position: relative; height: 24px; width: 752px; margin: 0 0 0 17px; padding: 0; background: url(/img/backgrounds/W3C/background-footBody.png) repeat-x 0 0; list-style: none; }
#foot li					{ float: right; height: 24px; margin: 0;  line-height: 1; font-size: .9em; }
#foot li.login				{ float: left; }
#foot li.login a			{ padding-left: 0; }
#foot li.map				{ margin-right: -18px; padding-right: 17px; background: url(/img/backgrounds/W3C/background-footEnd.png) no-repeat 100% 0; }
#foot li.map a				{ padding-right: 0;}
#foot li a					{ display: block; margin: 6px 0 0 0; padding: 0 10px; color: rgb(157,202,239); border-right: 1px solid rgb(157,202,239); }
#foot li.map a,
#foot li.login a			{ border: none; }
#foot p						{ margin: 8px 0 0; font-size: .9em; text-align: right; color: rgb(175,175,175); }

img.photoLeft				{ float: left; margin: 0 8px 8px 0; padding: 10px; background: white; border: 1px solid rgb(165,217,255); }
img.photoRight				{ float: right; margin: 0 0 8px 8px; padding: 10px; background: white; border: 1px solid rgb(165,217,255); }

tr,td 						{ font-size: 1.2em; color: rgb(64,82,95);  }
table.contact tr,td 		{ font-size: 1em; color: rgb(64,82,95);  }


/* SITEMAP */
#bodyBlock .sitemap				{ width: 250px; margin: 0 15px; }
#bodyBlock .sitemap ul h3		{ color: rgb(102,102,102); margin: 8px}
#bodyBlock .sitemap ul,
#bodyBlock .sitemap li			{ margin: 0; padding: 0; background: none; list-style: none;  }
#bodyBlock .sitemap li a		{ white-space: wrap; color: rgb(); }
#bodyBlock .sitemap ul			{ font-size: 1.3em; }
#bodyBlock .sitemap ul ul		{  margin: 5px 20px; padding: 0; font-size: 1em; }
/*#bodyBlock .sitemap ul ul h3	{ color: rgb(102,102,102); margin-bottom: 0px}*/
.error { color: red; }

/* CLASSES */
#foot ul li.floatRight,
.floatRight					{ float: right; }
.floatLeft					{ float: left; }
.clearLeft					{ clear: left; overflow: hidden; }

/*Search page*/
.search_result 				{ font-weight: bold; }
.search_headline 			{ font-size: inherit; color: rgb(59,143,217); }
.search_hit_details 		{ font-size: 10px;	color: #767676;	 text-decoration: none; }
.search_stats 				{ font-size: 0.8em; }
.search_nav_bar_top 		{ border-bottom: 1px #CCC solid; }
.search_nav_bar_bottom 		{ border-top: 1px #CCC solid; }


/*CAL*/
.bCal td					{ padding: 0 5px; font-size: .9em; }
.bCal h2					{ margin-top: 20px; font-size: 12px; }
#bodyBlock h1.cTitle		{ margin-bottom: 25px;}

#audio{
	position:absolute;
	top:0;
	left:0;
	height:24px;
	width:216px;
	overflow:hidden;
	background:url(/files/background_player.png) no-repeat 0 0;
	}
#audio div{
	height:22px;
	overflow:hidden;
	margin:-1px 5px 0 5px;
	}
	
div.error { display: none; }
input.checkbox { border: none }
input.error { border: 1px dotted red; }

.field_group {margin:1em 0;}
.field_group label{display:block;margin:.25em 0;}
.field_group input[type="text"], .field_group input[type="password"], textarea, select{border:1px solid #aaa;padding:2px 5px;width:200px;}
#enrollment fieldset {padding:0;margin:0;border:none;}	
#bodyBlock .notes {margin:1em 0; color:#777; font-size:12px;}
#bodyBlock .notes li { margin: 0 0 0 2.5em; padding:0; background: none; }	

#ui-datepicker-div{z-index:100000 !important;border:1px solid #aaa !important;font-size:11px;}
#ui-datepicker-div, .ui-datepicker-inline{background: #f1f1f1 !important;}
#ui-datepicker-div td, #ui-datepicker-div th{padding:1px;font-size:12px !important;}
#ui-datepicker-div select{font-size:11px !important; width:90px !important; float:left;}
.ui-datepicker-control{background: #245FAD !important;color:#fff !important;}
.ui-datepicker-prompt, .ui-datepicker-links, .ui-datepicker-week-end-cell, .ui-datepicker-status{background: #f1f1f1 !important;}
* html .ui-datepicker-week-end-cell{background: #f1f1f1 !important;}
.ui-datepicker-title-row, .ui-datepicker-title-row .ui-datepicker-week-end-cell, .ui-datepicker-week-col, .ui-datepicker-week-over, .ui-datepicker-week-over .ui-datepicker-week-end-cell, .ui-datepicker-today{background:#e1e1e1 !important;}
* html .ui-datepicker-title-row .ui-datepicker-week-end-cell{background:#e1e1e1 !important;}
.ui-datepicker-header, .ui-datepicker-header select, .ui-datepicker-current-day{background:#ccc !important;}
* html .ui-datepicker-current-day{background: #D50100 !important;color:#fff !important;}
#ui-datepicker-dialog {border: 4px ridge #aaa !important;}
.ui-datepicker-multi .ui-datepicker{border:1px solid #aaa;}