/* CSS table for Dacorum Sub-Aqua Club www.dacorumsac.org.uk */
/* please do not copy or change this file without permission from DSAC */

H1	{ color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif, 'MS sans serif';
	font-size: 14pt 
	}
H2	{ color: #000000;
	font-family:    
	Verdana, Arial, Helvetica, sans-serif, 'MS sans serif';  
	font-size: 13pt 
	}
H3	{ color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif, 'MS sans serif';   
	font-size: 12pt
	}
H4	{ color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif, 'MS sans serif'; 
	font-size: 11pt
	}
TD	{  color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif, 'MS sans serif';
	font-size: 11pt
	}
P	{  color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif, 'MS sans serif';
	font-size: 10pt
	}
UL	{  color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif, 'MS sans serif';  
	font-size: 10pt
	}
LI	{  color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif, 'MS sans serif';
	font-size: 10pt 
	}



hr	{
	height: 3px;
	background-color: blue;
	}



BODY   {background-image:url(../Images/dsacV.GIF);
	background-repeat:repeat-y; 
	padding-left: 40px;
	}               




a:link         {color:black;
		background-color: #ffffff
		}
a:visited      {color:blue;
		background-color: #ffffff
		}
a:active       {color:red;
		background-color: #ffffff
		}
a:hover        {color:red;
		background-color: #ffffff
		}



/* Menu format----------------------------------------------- */
.menutitle1{	
	cursor:pointer;	
	margin-bottom: 5px;
	background-image:url(../Images/menubg.JPG);
	color:#000000;
	width:160px;
	padding:2px;	
	vertical-align: top;
	text-align:center;	
	font-size: 10pt;
	font-weight:bold;	
	/*/*/border:1px solid #000000;
	/* */
	}
.menutitle1 a:visited{	
	color:#000000;
	background-image:url(../Images/menubg.JPG);
	vertical-align: top;
	text-align:center;	
	font-size: 10pt;
	font-weight:bold;	
	text-decoration: none;
	}
.menutitle1 a:link{	
	color:#000000;
	background-image:url(../Images/menubg.JPG);
	vertical-align: top;
	text-align:center;	
	font-size: 10pt;
	font-weight:bold;	
	text-decoration: none;
	}
.menutitle2{
	cursor:pointer;	
	margin-bottom: 5px;
	background-image:url(../Images/menubg.JPG);
	color:#000000;
	width:155px;
	padding:2px;
	vertical-align: top;
	text-align:center;
	font-size: 10pt;
	font-weight:bold;
	/*/*/border:1px solid #000000;/* */
	}
.menutitle2 a:visited{	
	color:#000000;
	background-image:url(../Images/menubg.JPG);
	vertical-align: top;
	text-align:center;	
	font-size: 10pt;
	font-weight:bold;	
	text-decoration: none;
	}
.menutitle2 a:link{	
	color:#000000;
	background-image:url(../Images/menubg.JPG);
	vertical-align: top;
	text-align:center;	
	font-size: 10pt;
	font-weight:bold;	
	text-decoration: none;
	}
.menutitle3{
	cursor:pointer;	
	margin-bottom: 5px;
	background-image:url(../Images/menubg.JPG);
	color:#000000;
	width:150px;
	padding:2px;	
	vertical-align: top;	
	text-align:center;
	font-size: 10pt;
	font-weight:bold;
	/*/*/border:1px solid #000000;/* */
	}
.menutitle3 a:visited{	
	color:#000000;
	background-image:url(../Images/menubg.JPG);
	vertical-align: top;
	text-align:center;	
	font-size: 10pt;
	font-weight:bold;	
	text-decoration: none;
	}
.menutitle3 a:link{	
	color:#000000;
	background-image:url(../Images/menubg.JPG);
	vertical-align: top;
	text-align:center;	
	font-size: 10pt;
	font-weight:bold;	
	text-decoration: none;
	}
.menutitle4{	
	cursor:pointer;	
	margin-bottom: 5px;
	background-image:url(../Images/menubg.JPG);	
	color:#000000;	
	width:145px;	
	padding:2px;	
	vertical-align: top;
	text-align:center;
	font-size: 10pt;
	font-weight:bold;
	/*/*/border:1px solid #000000;/* */
	}
.menutitle4 a:visited{	
	color:#000000;
	background-image:url(../Images/menubg.JPG);
	vertical-align: top;
	text-align:center;	
	font-size: 10pt;
	font-weight:bold;	
	text-decoration: none;
	}
.menutitle4 a:link{	
	color:#000000;
	background-image:url(../Images/menubg.JPG);
	vertical-align: top;
	text-align:center;	
	font-size: 10pt;
	font-weight:bold;	
	text-decoration: none;
	}
.menutitle5{
	cursor:pointer;	margin-bottom: 5px;
	background-image:url(../Images/menubg.JPG);
	color:#000000;	
	width:140px;
	padding:2px;	
	vertical-align: top;	
	text-align:center;
	font-size: 10pt;	
	font-weight:bold;
	/*/*/border:1px solid #000000;/* */
	}
.menutitle5 a:visited{	
	color:#000000;
	background-image:url(../Images/menubg.JPG);
	vertical-align: top;
	text-align:center;	
	font-size: 10pt;
	font-weight:bold;	
	text-decoration: none;
	}
.menutitle5 a:link{	
	color:#000000;
	background-image:url(../Images/menubg.JPG);
	vertical-align: top;
	text-align:center;	
	font-size: 10pt;
	font-weight:bold;	
	text-decoration: none;
	}
.menutitle6{
	cursor:pointer;
	margin-bottom: 5px;
	background-image:url(../Images/menubg.JPG);
	color:#000000;	
	width:135px;
	padding:2px;	
	vertical-align: top;
	text-align:center;
	font-size: 10pt;	
	font-weight:bold;	
	/*/*/border:1px solid #000000;/* */
	}
.menutitle6 a:visited{	
	color:#000000;
	background-image:url(../Images/menubg.JPG);
	vertical-align: top;
	text-align:center;	
	font-size: 10pt;
	font-weight:bold;	
	text-decoration: none;
	}
.menutitle6 a:link{	
	color:#000000;
	background-image:url(../Images/menubg.JPG);
	vertical-align: top;
	text-align:center;	
	font-size: 10pt;
	font-weight:bold;	
	text-decoration: none;
	}
.menutitle7{
	cursor:pointer;
	margin-bottom: 5px;
	background-image:url(../Images/menubg.JPG);
	color:#000000;	
	width:130px;
	padding:2px;	
	vertical-align: top;
	text-align:center;
	font-size: 10pt;	
	font-weight:bold;	
	/*/*/border:1px solid #000000;/* */
	}
.menutitle7 a:visited{	
	color:#000000;
	background-image:url(../Images/menubg.JPG);
	vertical-align: top;
	text-align:center;	
	font-size: 10pt;
	font-weight:bold;	
	text-decoration: none;
	}
.menutitle7 a:link{	
	color:#000000;
	background-image:url(../Images/menubg.JPG);
	vertical-align: top;
	text-align:center;	
	font-size: 10pt;
	font-weight:bold;	
	text-decoration: none;
	}

.menutitle8{
	cursor:pointer;	
	margin-bottom: 5px;
	background-image:url(../Images/menubg.JPG);
	color:#000000;
	width:125px;
	padding:2px;	
	vertical-align: top;	
	text-align:center;
	font-size: 10pt;
	font-weight:bold;
	/*/*/border:1px solid #000000;/* */
	}
.menutitle8 a:visited{	
	color:#000000;
	background-image:url(../Images/menubg.JPG);
	vertical-align: top;
	text-align:center;	
	font-size: 10pt;
	font-weight:bold;	
	text-decoration: none;
	}
.menutitle8 a:link{	
	color:#000000;
	background-image:url(../Images/menubg.JPG);
	vertical-align: top;
	text-align:center;	
	font-size: 10pt;
	font-weight:bold;	
	text-decoration: none;
	}


.submenu{
	margin-bottom: 0.5em;
	font-size: 10pt;
	}
	
	
	
div.middle {
		width: 272px;
		background-image: url(Images/middle.gif);
		background-repeat: repeat-y;
		}

div.top {
		background-image: url(Images/top.gif);
		background-position: top left;
		background-repeat: no-repeat;
		}

div.bottom {
		background-image: url(Images/bottom.gif);
		background-position: bottom left;
		background-repeat: no-repeat;
		padding: 15px 30px 30px 15px;
		}

/* http://onlinetools.org/tools/domcollapse/ */

		h3 img{border:none;padding-right:.5em;}

		.trigger{
			cursor:pointer;
		}		
		.trigger:hover{
			cursor:pointer;
			background:#ddf;
		}		
		.expanded{
			background:#eef;
			cursor:pointer;
		}
		.expanded:hover{
			background:#eef;
			cursor:pointer;
		}
		.show{
     position:static;
     display: table;
		}
		.hide{
			position:absolute;
			left:-999em;
			height:1px;
			width:50px;
			overflow:hidden;
		}


/* Generated via www.cssmenubuilder.com */

.breadcrumb
		{position:relative;
		height:30px;
		width:100%;}
.breadcrumb ul
		{position:relative;
		margin:0 5px 0 5px;
		padding:0;
		height:30px;
		background:url('breadcrumbImage.png') 0px -30px repeat-x; }
.breadcrumb ul li
		{padding:0;
		margin:0;
		list-style:none;
		float:left;
		height:30px display:inline;}
.breadcrumb ul li
		a{font:12px Arial, Helvetica, sans-serif; color:rgb(255,255,255);
		text-decoration:none; line-height:30px;
		display:block;
		background:url('breadcrumbImage.png') 100% -60px no-repeat;
		padding:0 17px 0 15px; }
.breadcrumb ul li a:hover 
		{text-decoration:underline;
		color:rbg(255,255,255);}
.breadcrumb ul li a.active
		{background:none;
		color:rgb(51,67,107);}
.breadcrumb ul li a.active:hover 
		{text-decoration:none;}
.breadcrumb .left
		{position:absolute;
		top:0px;
		left:0px;
		width:10px;
		height:30px;
		display:block;
		z-index:1;
		background:url('breadcrumbImage.png') 0% 0px no-repeat;}
.breadcrumb .right
		{position:absolute;
		top:0px;
		right:0px;
		width:10px;
		height:30px;
		display:block;
		z-index:1;
		background:url('breadcrumbImage.png') 100% -90px no-repeat; }