/*CSS - http://www.bathlockandkey.co.uk/ http://www.bathlockandkey.co.uk/ http://www.networkoffice.co.uk/Site_files/htcd.org/CSS/main.css*/
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

#Site_Wrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	Position: relative;
}

a {
	/*text-decoration: none;*/
	/*color:  #333333;*/
	color: #7e2e16; outline: none medium; }
a:visited {
	/*color:  #333333;*/
	}
a:hover {
	/*color: #333333;*/
	color: #ae0000; text-decoration: underline; }
a:active {  
	/*color:  #333333;*/
	}


strong, b { color: #210105; font-weight: bold; }
p { color: #5a4544; font-family: verdana, lucida, arial, helvetica, sans-serif; font-size: 0.8em; line-height: 1.5; margin-top: 0.5em; margin-bottom: 1em; }

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 { font-size: 0.7em; line-height: 44px; margin-top: 0; margin-bottom: 0; font-family:  georgia, Arial, Helvetica, sans-serif; color: #741f28; font-weight: 700; text-decoration: none; left: 2em; }
h2 { font-size: 1em; line-height: 1.2em; margin-top: 0; margin-bottom: 5px; font-family: georgia, Arial, Helvetica, sans-serif; color: #827051; font-weight: bold; }
h3 {
	font-size: 0.9em;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #827051;
	}
h4 {
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 0;
	color: #515357;
	font-family: Arial, Helvetica, sans-serif;
	}
h4:link , h4:visited  , h4:hover , h4:active{
	color: #7e2e16;
	}
h5 { font-size: 0.9em; margin-top: 1em; margin-bottom: 0; font-family: Arial, Helvetica, sans-serif; color: #a5a5a5; line-height: 1.5; }
h6 {
	font-size: 0.8em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #dee2db;
	}

ul {
	list-style-type: none;
	margin: 0.25em 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
}

hr {
	border: 0;
	color: #FFFFF0;
	background-color: #FFFFFF;
	height: 1px;
	width: 100%;
	text-align: center;
}
/*Masthead*/

#masthead { background-image: url(blk-banner.jpg); margin: 0; padding: 0 5px 5px; background-position: left top; background-repeat: no-repeat; height: 100%; }

#TopLine {
	float: left;
}
#Navbox { position: absolute; top: 5.75em; height: 3em; width: 800px; z-index: 20; }

#masthead h1 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.5em; 
	color: #cfd5cf; 
	position: relative; 
	left: 7.75em; 
	margin: 0; 
	float: left; 
	padding: 40px 0 0; 

}

#masthead .logo { float: left; }

#left  {
	background-image:  url(../../Global_Images/Telephone.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding-bottom: 0px;
	margin: 0px;
}
#left .helpdesk { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #cfd5cf; line-height: 1.3em; text-align: right; padding-top: 15px; margin-bottom: -1.6em; padding-right: 33px; margin-top: 0; }

#left .phonenumber { font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; margin-bottom: -2em; color: #cfd5cf; font-weight: 100; text-align: right; margin-top: 1em; padding-right: 1em; }

#left form { display: block; text-align: right; visibility: hidden; margin-top: 2.6em; padding-bottom: 5px; margin-bottom: 0; }
#left input.btn { display: block; width: 6em; background-color: #d3dce7; border: solid 2px #a5a5a5; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; height: 1.7em; visibility: hidden; }
#left input.txt { display: block; width: 20%; border: solid 2px #81a6d5; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; height: 1.25em; visibility: hidden; margin: 0; }
#topbar {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 100px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 70px;
	}
html>body #topbar {
	height: 85px; /* ie5win fudge ends */
	}
/* styles for the drop down navigation  */
#nav, #nav ul {
	float: right;    /* floats the top level headings out to the left. Change this if you want a vertical menu */
	list-style: none;  /* removes any bullet points  */
	line-height: 1;  /* makes sure 2nd level drop downs line up */
	padding: 0;  /* Aligns origional list to left */
	background: black ;  /* Sets background colour to top level items and drop downs */
	font-weight: normal;  /* Font weight for top level items */
	width: auto;  /* Width of entire navigation bar */
	margin: 0 0 4px;  /* Gap between nav menu and content beneath it */
	font-size: 1em; /* Sets size of font for all ul elements */
	height: 1em;
}


#nav a {
	display: block;  /*  */
	width: 10.5em;   /* Top level list width (Text width) */
	w\idth: auto;  /* Top level list width  IE BOX model hack*/
	text-decoration: none;  /*  removes underlines from all links*/
	padding: 0.25em 0.5em;  /* Controls padding of all links in navigation */
	font-family: Verdana, Arial, "Arial Narrow", sans-serif;  /* font of all links in navigation */
	font-size: 0.6em;  /* font size of all link in navigation */
	font-weight: normal;  /* Font weight for all linked items */
	height: auto;
	color: #cfd5cf;
}

#nav a.daddy {
	background: url(rightarrow.gif) center right no-repeat;  /* Adds arrow to second level drop downs to signify there is a third */
}

#nav li { float: left;  /* Aligns top level tabs to left */
	width: 7em;  /* Width of top level items (hack to make opera to behave) */
	padding: 0;  /* padding below navigation bar (leave at 0 I think) */
	border-left: 1px solid #827050; border-right-color: #827050; border-bottom-color: black; /* Right border colour*/
}

/* Drop down bits  */
#nav li ul { left: -999em; width: 7.9em; w\idth: 7.1em; position: absolute; height: auto; font-weight: normal; visibility: visible; border-color: #999999; }

#nav li li { width: 7em ; /* Width of drop downs (fiddle with this a bit to get borders to work)*/
	border-right: 1px solid #000; border-bottom: 1px solid #827050; border-left: 1px solid #000;  /* border colour and deign within drop downs */
}

#nav li ul a {
	width: 10em;  /*  Text width on drop downs */
	w\idth: 7em;
}

#nav li ul ul { margin: -0.9em 0 0 7em;  /* lines up 3rd level drop down */
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;  /* hides the 3rd level drop down */
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;  /* displays all drop downs after roll over */
}

#nav li:hover, #nav li.sfhover {
	/*background: #931A31;   Red background colour of drop downs when hovered over */
	background: #827050;   /*Orange background colour of drop downs when hovered over */

}	
#nav li a:hover{
	color : white;	/* Colour of drop down text colour when hovered over*/
}

/*Left & Right columns*/
#leftbar {
	position: absolute;
	top: 7.8em;
	left: 0;
	margin: 1em 5px 5px;
	padding: 0;
	width: 150px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px;
	}
html>body #leftbar {
	width: 160px; /* ie5win fudge ends */
	}
#rightbar {
	position: absolute;
	top: 7.8em;
	right: 15px; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 1em 0 5px;
	padding: 0;
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px;
	}
html>body #rightbar {
	width: 160px; /* ie5win fudge ends */
}
/*Main content
*/
#middlebar { position: relative; margin: 20px 100px 5px 275px; border-left: 1px dotted #b59ea1; }	
	
#Content { padding: 0 13px 5px 1em; position: relative; margin: 3px 12px 6px 3px; right: 0; top: 0; z-index: 5; list-style-position: inside; }

#Content ul{
	list-style-type: disc;
}

#Content img{ clear: left; position: relative; float: left; margin-top: 0; margin-right: 5px; margin-bottom: 5px; }

#Content .right{
	margin: 0 5px 5px;
	position: relative;
}

#PageTitle { margin: 0; padding: 15px 0 0 18px; width: 415px; }
#PageTitle h1{
	font-size: 1.5em;
	line-height: 1em;
	padding-bottom: 1em;
	padding-top: 0.5em;
}
#PageTitle h6 {
	font-size: 0.6em;
	line-height: 1em;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
}
#PageTitle img {
	position: relative;
	left: 0px;
	top: 0px;
	margin-left: -10px;
	margin-bottom: -5px;
}

.infoboximg {
	float: left;
	clear: none;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: -170px;
	z-index: 10;
	}
/*News*/
.news_img {
	padding: 10px;
	z-index: 1;
	position: relative;
	float: right;
}
.date {
	font-size: 0.6em;
	padding: 0;
	margin-top: 0em;
	margin-bottom: -0.5em;
}

.Cs_img {
	z-index: 1;
	position: relative;
	float: left;
	margin-left: -10px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 10px;
	top: 0px;
	margin-top: -10px;
	padding-top: 5px;
}

.event_table {
	color: #FFFFF0;
	border: 1px solid #FFFFFF;
	margin-left: -3em;
}
.event_table td, .event_table th {
	color: #FFFFFF;
	border: 1px solid #FFFFF0;
	padding: 2px;
} 

.Square_img {
	float: left;
	padding-right: 5px;
	padding-left: 0px;
	padding-top: 5px;
}

.layouttable {
	border: 0px solid #FFFFFF;
}

.layouttable td, .layouttable th {
	border: 2px solid #FFFFF0;
	border-collapse:collapse;
}

.boxmargin {
	margin: 5px;
}
/*NavBox
*/
.NavBox { margin-top: 0; margin-bottom: 2px; width: 165px; padding: 2px 0; }

.NavBox a { color: #fff; background-color: #fffff0; text-decoration: none; }

.NavBox a:visited { color: #fff; text-decoration: none; }

.NavBox a:hover, .NavBox a:active { color: #fffff0; text-decoration: none; }

.NavBox h1 { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #e9ebe1; font-weight: bold; margin-bottom: 0; margin-top: -0.85em; padding: 4px 5px 0 10px; line-height: 3em; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center top; }

.NavBox h2 { font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; color: #996; line-height: 1.4em; margin: 0; padding: 2px 5px 0 10px; }

.NavBox h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #575555;
	margin-bottom: 0.25em;
	margin-top: 0;
	padding: 2px 5em 0 10px;
	font-weight: bold;
}
.NavBox p {
	list-style-type: none;
	margin: 10px 0px 0px 0px;
	padding: 2px 5px 0px 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.6em;
}

.NavBox img {  }
/*NavBoxBlue*/
.NavBoxBlue { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; margin-top: 0; margin-bottom: 5px; width: 165px; padding-top: 10px; padding-bottom: 15px;
}

.NavBoxBlue a { color: #531e0e; text-decoration: none; }

.NavBoxBlue a:visited { color: #5b3b3f; text-decoration: none; }

.NavBoxBlue a:hover, .NavBox a:active { color: #996; text-decoration: none; }

.NavBoxBlue h1 { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #600; font-weight: 900; margin-bottom: 0; margin-top: -0.85em; padding: 2px 5px 0 10px; line-height: 1; text-decoration: none; }

.NavBoxBlue h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #5b3b3f;
	margin-bottom: 0;
	margin-top: 0;
	padding: 2px 5px 0 10px;
}
.NavBoxBlue h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
	margin-bottom: 0.25em;
	margin-top: 0px;
	padding: 2px 5px 0px 10px;
	font-weight: bold;
}
.NavBoxBlue p {

	list-style-type: none;
	margin: 0px;
	padding: 2px 5px 0px 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.6em;
}
.NavBoxBlue img {
	float: right;
	padding: 0px 10px 2px 2px;
}
.list_with_dots {

	list-style-type: circle;
	margin: 0.25em 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.5em;
}
.index_table {
	color: #5b3b3f;
	border: solid 0 #ffffff;
	width: 100%;
}
.index_table td, .index_table th { color: #e7e4de; padding: 10px; background-color: #ede4d2; vertical-align: text-top; border-style: solid; border-width: 1px; }
.index_table h1 {
	text-align: center;
	font-size: 0.9em;
	margin-top: -10px;
	margin-bottom: 0px;
}
.index_table h1 a , .index_table h1 a:visited , .index_table h1 a:active , .index_table h1 a:hover {
	color: #931A31;
}
.index_table td {
	width: 33%;
}
.index_table h2 {
	text-align: left;
	font-size: 0.8em;
}
.index_table h2 a , .index_table h2 a:visited , .index_table h2 a:active , .index_table h2 a:hover {
	color: #575555;
}
.index_table p {
	text-align: left;
	font-size: 0.7em;
	color: #000000;
	margin-bottom: 0px;
}
.index_table ul , .index_table li {
	text-align: left;
	font-size: 0.9em;
	color: #000000;
	margin-bottom: 0px;
}
.index_table ul ul {
	border-bottom: 1px dotted #b59ea1;
 	padding-bottom: 10px;
	margin-bottom: 10px;
}
#Short_Nav ul, #Short_Nav li {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 1em;
}

/*http://www.htcd.org/Assets/Calendar/ipopeng.htm
http://www.htcd.org/Assets/Calendar/contrast.css*/

/*===== CSS theme file for CalendarXP 8.0 (Totally configurable) =====*/
/* NOTE: Better use numbered color values instead of literal ones, because opera has problem with the latter in certain cases. */

/* Calendar Day Header - the cells showing "Sunday", "Monday" .... */
.CalHead {cursor:default; text-align:center; font:8.5pt verdana; color:#000000; border-bottom:1px solid #808080;}
/* Day Cell - the calendar cell of each day */
.CalCell {cursor:pointer; text-align:center;}
/* Day Number Anchor style */
.CellAnchor {text-decoration:none; font:bold 7pt verdana;}

/* WeekNo Header - the top header cell of the week number column */
.WeekHead {cursor:default; text-align:center; font:8.5pt verdana; color:#000000;}
/* WeekNo Column Cell - the cells of the week number column */
.WeekCol {cursor:default; text-align:center; font:8pt verdana;}

/* Month navigators - the "<" or ">" used to move to previous or next month */
.MonthNav {vertical-align:baseline;}
A.MonthNav:hover {color:yellow}
A.MonthNav:active {color:red}

/* styles for the 3 calendar sections (actually 3 table TDs) */
.CalTop {text-align:center;}
.CalMiddle {}
.CalBottom {text-align:center;}

/* Calendar title - showing year and month. when giDCStyle=0, it's the style of the year/month dropdowns; giDCStyle>0, it's the style to show gsCalTitle.  */
.CalTitle {text-align:center; font:8pt verdana; cursor:default; color:white; background-color:gray; border:1px solid black; width:68%;}

/* The style of internal floating div/layer tags, which are usually used to create the artificial dropdown selectors. */
.FreeDiv {border:1px solid #808080;}

/* The style of the outer TABLE tag which is the outer calendar panel. */
#outerTable {border:2px solid black;}
/* The style of the inner DIV tag that holds the inner panel of all calendar cells. */
#innerDiv {}
/*===== Above CSS styles are commonly used in the script engine =====*/

/*====== Following are additional per-theme styles, e.g. the inner dropdown selectors and today etc. You may have your own defined. ======*/
.Today {font:8pt arial; color:black;}
A.Today:hover {color:orange;}
A.Today:active {color:red;}
.BottomDiv {border-top:1px solid #696969; border-top-width:1px; height:16px;}

.PopAnchor {text-decoration:none; color:white;}
A.PopAnchor:hover {color:yellow;}
A.PopAnchor:active {color:red;}
.PopMenu {background:blue; text-align:center; cursor:pointer;}
.PopMenuItem {text-decoration:none; text-align:center; font:8pt arial; color:green;}