/*

Stylesheet that contains all elements used by the website AND by the Editor.
This is so that the way the site looks in the editor is the same as on the actual
content of the site. This stylesheet should not contain rogue classnames that are not
prefixed with a tag.

eg.

.myclass is invalid
p.myclass is valid

This is because when you right click on a tag in the editor, it only lists classes that relate to that tag.
If you place classes here without a prefix, they appear in every list of classes because the editor doesn't know
where to put them.

To include classes that you want the Editor to ignore, place them after this line.
--------------------------------------------------------------------------------*/


/*MAIN STATIC TEMPLATE
=======================================*/
#operafix{
	height:1%;
}		
#tpl_siteframe{
	color:#000000;
	background-color:#ffffff;
	margin-right:auto;
	margin-left:auto;
	max-width:900px;
	min-width:600px;
	height:1%;
	width:724px;
}

#tpl_leftbar{
	width:203px;
	clear:both;
}

#tpl_topbar{
	text-align:right;
	padding-bottom:4px;
}

#tpl_midbar{
	color:#ffffff;
	background-color:#2D6DA8;
	padding:10px 10px 11px 10px;
	text-align:right;
	border-left:1px solid #ffffff;
}

#tpl_midbar_shadow{
	height:28px;
	background-image:url("/images/template/midbar_bg.jpg");
	background-repeat:repeat-x;
	background-position:top left;
}

#tpl_bottombar2{
	color:#ffffff;
	background-color:#2D6DA8;
	font-size:1px;
	height:5px;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
}

#tpl_headerbar{
	border-top:2px solid #3584CA;
	padding-top:1px;
	height:148px;
	border-bottom:1px solid #ffffff;
	padding-left:1px;
	margin-left:203px;
}

#tpl_maincontent{
	margin-left:203px;
}

#tpl_page{
	height:1%;
	padding:0px 0px 15px 15px;
	min-height:350px;
	border-left:1px solid #ffffff;
}

#tpl_contact{
	color:#666666;
	background-color:inherit;
	text-align:center;
	margin:10px 0px 5px 0px;
}

#tpl_contact .inner{
	background-image:url("/images/template/telephone.gif");
	background-repeat:no-repeat;
	background-position:10px 0.1em;
	padding:5px 0px 5px 15px;	
}
#tpl_contact .inner2{
	margin-top:10px;
	text-align:left;
	padding-left:10px;
}
#tpl_contact .inner2 li{	
	padding:2px 0px 1px 15px;
}
#tpl_contact .inner3{
	text-align:left;
	padding-left:10px;
}

#tpl_bottombar{
	color:#ffffff;
	background-color:#3584CA;
	margin-left:1px;
	border-top:1px solid #ffffff;
}
#tpl_bottombar div {
	padding:5px 20px 5px 20px;
	text-align:right;
}
#tpl_bottombar a{
	color:#ffffff;
	background-color:inherit;
	text-decoration:underline;
}

#tpl_bottombar3{
	background-image:url("/images/template/page_bottomright.jpg");
	background-repeat:no-repeat;
	background-position:bottom right;
	height:43px;
	clear:both;
}

#google_map{
	width:230px;
	text-align:center;
	border-left:1px dotted #aaaaaa;
	min-height:18em;
	padding-left:6px;
}

.blandy_logo{
	width:203px;
	height:152px;
}

/* NAVIGATION
=========================================*/
#tpl_nav ul{
	margin:0px;
	padding:0px;
	letter-spacing:1px;
}

#tpl_nav ul li{
	margin:0px;
	padding:0px;
}
	
#tpl_nav ul li a{
	display:block;
	color:#ffffff;
	background-color:#3584CA;
	border-top:1px solid #5295d1;
	border-bottom:1px solid #2D6DA8;
	background-image:url("/images/template/nav_lev1_bullet.gif");
	background-repeat:no-repeat;
	background-position:20px 0.7em;
}
#tpl_nav ul li a span{
	display:block;
	padding:8px 8px 8px 40px;
}
#tpl_nav ul li a:hover{
	color:#ffffff;
	background-color:#5295D1;
}
#tpl_nav ul li a.selected,
#tpl_nav ul li a.selected:hover{
	color:#ffffff;
	background-color:#2D6DA8;
	border-bottom:1px solid #286195;
	font-weight:bold;
}
#tpl_nav ul li a.selected span{
	background-image:url("/images/template/nav_lev1_bg.gif");
	background-repeat:repeat-x;
	background-position:bottom left;
}

/*level 2*/
	#tpl_nav ul li.selectedli{
		color:#9FCAF4;
		background-color:#1F4A72;
	}

	#tpl_nav ul li ul{
		border:none;
		border-top:1px solid #3584CA;
		padding-bottom:10px;
		padding-top:10px;
	}

	#tpl_nav ul li ul li a{
		color:#9FCAF4;
		background-color:#1F4A72;
		border:none;
		background-image:none;
		background-image:url("/images/template/nav_lev2_bullet.gif");
		background-position:40px 0.5em;
		border-bottom:none;
	}
	#tpl_nav ul li ul li a span{
		padding:2px 2px 2px 50px;
	}

	#tpl_nav ul li ul li a:hover,
	#tpl_nav ul li ul li a.selected:hover{
		color:#ffffff;
		background-color:#1F4A72;
		border:none;
	}
	#tpl_nav ul li ul li a.selected{
		color:#ffffff;
		background-color:#1F4A72;
		text-decoration:underline;
		background-image:url("/images/template/nav_lev2_bullet2.gif");
		border-bottom:none;
	}
	#tpl_nav ul li ul li a.selected span{
		background-image:none;
	}

#tpl_nav_bottom {
	color:#ffffff;
	background-color:#3584CA;
	background-image:url("/images/template/botcorner_left.gif");
	background-repeat:no-repeat;
	background-position:bottom left;
	border-top:1px solid #5295d1;
}
#tpl_nav_bottom div {
	background-image:url("/images/template/botcorner_right.gif");
	background-repeat:no-repeat;
	background-position:bottom right;
	height:30px;
}		

/* PREVIEW BOX (created by public global / listitems.php)
=======================================*/
#previewBox{
	float:right;
	width:170px;
	margin-left:20px;
}
#previewBox h2{
	margin-bottom:0px;
}
#previewBox ul{
	color:#555555;
	background-color:#fafafa;
	border:2px solid #FFCC03;
	padding:10px;
	margin-left:0px;
	margin-top:2px;
}
#previewBox li{
	padding:1px 0px 5px 15px;
}
#previewBox .listmore{
	padding-top:5px;
	border-top:1px solid #dddddd;
}
#previewBox .listmore{
	background-position:0em 0.8em;
}

/* When preview is on own page then content is surrounded by this id */
#previewOnself h2{
	margin-bottom:2px;
}
#previewOnself p{
	margin-top:2px;
}
#previewOnself li{
	background-image:none;
}

/* Box used inside Preview Boxes to provide a global style */
.box .btop01,
.box .bbot01{
	font-size:1px;
}

/*SEARCH
========================================*/
#tpl_searchbox{
	text-align:right;
	color:#ffffff;
	background-color:#699AE4;
}
#tpl_searchbox form{
	margin:0px 0px 10px 0px;
	padding:0px;
}
#tpl_searchbox p{
	display:inline;
	padding-right:3px;
}
#tpl_searchbox input{
	vertical-align:middle;
}
#tpl_searchbox .button input{
	margin-top:1px;
}
.searchHL{
	color:#007700;
	background-color:#e0ffe0;
}

/* CONTACT FORM */
#contactform #your_message{
	width:99%;
}





/* HOME STYLES
========================================*/

#bhlogo_hp{height:130px; margin:0px; padding:0px;}
#bhbiglogo_hp{width:302px; height:207px;}
#leftcolumn_hp{width:301px;}
#rightcolumn_hp{width:302px;}
#tpl_siteframe_hp{
	padding:0px;
	border:none;
	margin-top:2%;
	width:610px;
	height:1%;
	margin-left:auto;
	margin-right:auto;}
#address_hp{
	color:#666666;
	background-color:inherit;
	font-size:0.75em;
	font-family:Arial,sans-serif;
	padding:0px 15px 0px 15px;
	clear:both;}
#movingbg_hp	{
	color:#ffffff;
	background-color:#ADDEFF;
	background-image:url("/images/template/msky_background.jpg");
	background-position:80px -20px;
	background-repeat: repeat-x;
	width:301px;
	height:154px;}
	
#tpl_maincontent_hp{margin-right:190px; padding-top:10px; z-index:1;}
#tpl_page_hp{
	height:1%;
	padding:0px 0px 5px 0px;}
#tpl_page_hp h1 {
	font-family:Tahoma,Arial,Verdana,sans-serif;
	font-size:1.8em;}

#tpl_rightpanel {width:180px; padding-top:10px; z-index:1;}
#tpl_form {z-index:1;}
#tpl_form .top {
	background:#ffffff url("/images/template/hp_formback_top.gif") no-repeat left top;
	color:#333333;
	height:7px;
	width:177px;
	font-size:0px;
	margin:0px;
	padding:0px;}
#tpl_form .mid {
	background:#ffffff url("/images/template/hp_formback_mid.gif") repeat-y left top;
	color:#ffffff;
	font-size:0.8em;
	height:1%;
	width:177px;
	margin:0px;
	padding:5px;}
#tpl_form .mid form {margin:0px; padding:0px;}
#tpl_form .mid p {margin:0px; padding:1px 0px; clear:both;}
#tpl_form .mid span {position:relative; display:block; width:60px; text-align:right; padding-right:7px;}
#tpl_form .mid label {background-color:#94BDE2; color:#ffffff;}
#tpl_form .mid input {width:90px; margin-right:10px;}
#tpl_form .mid #your_message {width:90px; margin-right:10px; height:50px;}
#tpl_form .mid .submit {}
#tpl_form .mid .submit:hover {}
#tpl_form .bot {
	background:#ffffff url("/images/template/hp_formback_bot.gif") no-repeat left top;
	color:#333333;
	height:8px;
	width:177px;
	font-size:0px;
	margin:0px;
	padding:0px;}
#tpl_form span.mandatory {width:auto;background-color:#94BDE2; color:#2D6DA8; position:absolute; top:0px; right:0px; padding:0px;}

#tpl_rightpanel .title h3 {background-color:#3584CA; color:#ffffff; padding:3px; margin:5px 0px 0px 0px}
#tpl_rightpanel .body {padding:4px; background-color:#ffffff; color:#333333;}
#tpl_sidelinks p{
	background:#ffffff url("/images/template/sidebullet.gif") no-repeat left 7px;
	color:#333333;
	padding:3px 3px 3px 10px;
	margin:0px;}
#tpl_sidelinks a {background-color:#ffffff; color:#333333;}
#tpl_sidelinks a:hover {background-color:#ffffff; color:#3584CA; text-decoration:none;}

#tpl_sideaddress p{padding:0px; margin:4px 0px 7px 0px;}

#weather {
	width:158px;
	background-color:#DFE8F1;
	color:#333333;
	border:5px solid #3584CA;
	text-align:center;
	margin-top:5px;
	padding:3px 5px 0px 5px;}
#weather .top_weather a {
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#333333;
	background-color:#DFE8F1;}

.splash_filler{
	height:60px;
	text-align:center;
}
.established{
	height:17px;
	text-align:center;
}

#tpl_hpmenu {}
#tpl_hpmenu ul {list-style-type:none; margin:0px; padding:0px;}
#tpl_hpmenu ul li {background:none; margin:0px; padding:0px; position:relative; z-index:500;}
#tpl_hpmenu ul li:hover ul {display:block;}
#tpl_hpmenu ul li:hover ul ul {display:none;}
#tpl_hpmenu ul ul {
	display:none;
	position:absolute;
	width:120px;
	background-color:#888888;
	color:#333333;
	padding:5px 5px 4px 5px;
	z-index:100;}
#tpl_hpmenu ul ul li {margin-bottom:1px; white-space:nowrap;}
#tpl_hpmenu ul ul li a {
	display:block;
	background-color:#999999;
	width:110px;
	font-size:0.9em;
	color:#ffffff;
	padding:2px 5px 2px 5px;}
#tpl_hpmenu ul ul li a:hover {
	background-color:#aaaaaa;
	color:#ffffff;
	text-decoration:none;}
#tpl_hpmenu ul ul li:hover ul {display:block;}
#tpl_hpmenu ul ul ul {
	display:none;
	left:120px;
	width:150px;
	top:0px;
	background-color:#aaaaaa;
	color:#333333;}
#tpl_hpmenu ul ul ul a {width:140px;}


/* BASE STYLES
========================================*/


#tpl_bottombar_hp {
	background:#3584CA url("/images/template/bot_topbar.gif") repeat-x left top;
	color:#ffffff;
	padding:8px 5px 0px 5px;
	text-align:right;
	font-size:0.8em;	
	margin:0px;}
#tpl_bottombar_hp div {padding:0px;}

#tpl_base {
	background-color:#3584CA;
	color:#ffffff;
	font-size:0px;
	height:11px;}
#tpl_base .lc {
	background:#3584CA url("/images/template/blcorner.gif") no-repeat left top;
	color:#ffffff;
	height:11px;
	width:11px;}
#tpl_base .rc {
	background:#3584CA url("/images/template/brcorner.gif") no-repeat left top;
	color:#ffffff;
	height:11px;
	width:11px;}

/*COMMON CLASSES - Used for most sites
=======================================*/
		.clearleft		{clear:left;}
		.clearright		{clear:right;}
		.clear			{clear:both}
		.textright		{text-align:right;}
		.textleft		{text-align:left;}
		.textcenter		{text-align:center;}
		.hidden			{display:none;}
		.nobotgap		{padding-bottom:0px;margin-bottom:0px;}
		.notopgap		{padding-top:0px;margin-top:0px;}
		.nogaps			{padding:0px;margin:0px;}
		.nobullets li	{background-image:none;
						 list-style-type:none;}
		.width100percent{width:100%;}
		.width90percent	{width:90%;}
		.width80percent	{width:80%;}
		.width50percent	{width:50%;}
		.smalltext		{font-size:85%;}
		.relative_top-2	{position:relative;top:-2px;left:0px;}
		.icon			{vertical-align:middle;}
		.icon_border	{vertical-align:middle;border:1px solid #000000;margin:2px;}
		.mandatory		{color:red;font-weight:bold;background-color:#ffffff;}
		.printheader	{display:none;}



/*ERROR MESSAGES
=======================================*/

		#okmsg,
		#errormsg,
		#mysqlerror{
						margin-bottom:15px;}
		#okmsg h1{	
						color:#279876;
						background-color:#f5fff5;;
						font-weight:normal;}
		#errormsg h1{
						color:#cc0000;
						background-color:#fff5f5;
						font-weight:normal;}
		#mysqlerror	h1{	color:#0000cc;
						background-color:#f5f5ff;
						font-weight:normal;}
		#okmsg div{		border:1px solid #229922;
						color:#000000;
						background-color: #f5fff5;
						padding:5px;}
		#errormsg div{	border:1px solid #cc0000;
						color:#000000;
						background-color: #fff5f5;
						padding:5px;}
		#mysqlerror div{border:1px solid #0000cc;
						color:#000000;
						background-color: #f5f5ff;
						padding:5px;}
		#errormsg li,
		#errormsg ul,
		#okmsg li,
		#okmsg ul,
		#mysqlerror li,
		#mysqlerror ul{
						padding:0px;
						margin:0px;}	




/*--------------------------------------------------------------------------------
Styles above here will not be included in the editor.
This is because the CSS will be divided into 2 parts using the split tag below
*/
/*<SPLIT>*/



body	 {
	color:#555555;
	background-color:#ffffff;
	font-family:Tahoma,Arial,Verdana,sans-serif;
	font-size:0.75em;
}

h1{
	color:#2D6DA8;
	background-color:inherit;
	font-family:Georgia,"Times New Roman",Tahoma,Arial,sans-serif;
	margin-top:0px;
	padding-top:0px;
	font-size:2.5em;
	font-weight:100;
	letter-spacing:-1px;
	clear:right;
}

h2{
	color:#000000;
	background-color:inherit;
	font-size:1.4em;
	font-weight:100;
}

h3{
	color:#000000;
	background-color:inherit;
	font-size:1.1em;
	font-weight:100;
}

a,a:visited{
	color:#3966C4;
	background-color:inherit;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
hr{
			margin:0px;
			text-align:left;}

img		{	border:0px;}
kbd		{	padding:0px 1px 0px 1px;
			border-width:1px 2px 2px 1px;
			border-style:solid;}
abbr	{	border-bottom:1px dashed #aaaaaa;
			cursor:help;}
acronym	{	border-bottom:1px dashed #aaaaaa;
			cursor:help;}
dfn		{	font-style:normal;
			border-bottom:1px dashed;
			cursor:help;}
code	{	font-family: courier, monospace;
			padding-left:1px;
			padding-right:1px;}
samp	{	font-family: courier, monospace;
			border:1px solid #cccccc;
			color:#000000;
			background-color:#ccffcc;
			padding-left:1px;
			padding-right:1px;}
blockquote{
			color:#000000;
			background-color:#eeeeee;
			border:1px solid #888888;
			padding:5px;}
table	{	border:1px solid #777777;}
th		{	font-weight:bold;
			padding:1px 3px 1px 3px;
			text-align:left;
			background-color:#f1f1f1;
			color:#000000;
			background-repeat:repeat-x;
			background-position:top left;
			border-bottom:1px solid #666666;}
td		{	border-color: #eeeeee #cccccc #cccccc #eeeeee;
			border-style:solid;
			border-width:1px;
			padding:1px 3px 1px 3px;
			text-align:left;}
ul		{	margin-top:0px;
			margin-bottom:0px;
			margin-left:10px;
			padding-left:0px;
			list-style-type:none;}
li		{	padding-left:14px;
			background-image:url("/images/template/bullet.gif");
			background-repeat:no-repeat;
			background-position:0em 0.5em;
			padding-top:0.2em;
			padding-bottom:0.2em;
			list-style-type:none;}
select,input,textarea{
			font-family:Arial,Verdana,sans-serif;
			font-size:0.9em;}


/*CLASSES USED BY THE EDITOR*/
img.vertical_middle{	vertical-align:middle;}
p.blockbutton		{	width:10em;
						border:1px solid #999999;}
p.blockbutton a		{	color:#ffffff;
						background-color: #3c5dac;
						display:block;
						font-weight:bold;
						padding:5px;
						margin:1px;}
p.blockbutton a:hover{	color:#ffffff;
						background-color:#6281c8;}
div.left{text-align:left;}
div.right{text-align:right;}
div.center{text-align:center;}

p.left				{	text-align:left;}
p.center			{	text-align:center;}
p.right				{	text-align:right;}
span.underline		{	text-decoration:underline;}
span.strikethrough	{	text-decoration:line-through;}
span.highlight		{	color:green;
						background-color:inherit;
						text-decoration:underline;
						font-weight:bold;}
span.smalltext		{	font-size:0.85em;}
span.bigtext		{	font-size:1.3em;}
span.biggertext		{	font-size:1.7em;}
hr.clearall			{	clear:both;}

ul.square 			{	list-style-type:square;}
ul.circle			{	list-style-type:circle;}
ul.disc				{	list-style-type:disc;}
ol.lower-alpha		{	list-style-type:lower-alpha;}
ol.upper-alpha		{	list-style-type:upper-alpha;}
ol.lower-roman		{	list-style-type:lower-roman;}
ol.upper-roman		{	list-style-type:upper-roman;}
ol.numeric			{	list-style-type:decimal;}
ol.numeric_zeropad	{	list-style-type:decimal-leading-zero;}

li.alpha			{	list-style-type:lower-alpha;}
li.square			{	list-style-type:square;}
li.circle			{	list-style-type:circle;}
li.disc				{	list-style-type:disc;}
li.lower-alpha		{	list-style-type:lower-alpha;}
li.upper-alpha		{	list-style-type:upper-alpha;}
li.lower-roman		{	list-style-type:lower-roman;}
li.upper-roman		{	list-style-type:upper-roman;}
li.numeric			{	list-style-type:decimal;}
li.numeric_zeropad	{	list-style-type:decimal-leading-zero;}
li.alpha			{	list-style-type:lower-alpha;}