/*************        CSS Stying for Haddiscoe.info Web Site               ************/
/************* Copywrite Haddiscoe.info under the ownership of Andy Palmer ************/
/*************     Created by ADP on 14/05/2008                            ************/
/*************     Change by ADP on 20/02/2009 - abbr, acronym added       ************/

/************* General Site Styling ************/

body {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background: #666666 url(images/back_plain.jpg) repeat-y center top;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #3399FF;
}

a {
	font-weight: bold;	
	text-decoration: none;
	color: #33CCFF;
}

a:hover {
	text-decoration: underline;
}

abbr, acronym {
	border-bottom:1px dotted gray;
}

table {
	text-align: center;
	width: 80%;
}


/************* END General Site Styling ************/

/************* Header Styling ************/

#header {
	width: 769px;
	height: 80px;
	margin: 0px auto;
	padding: 10px 0px;
	background: white url(images/header770x100.jpg);
}

#header h1 {
	margin: 0px;
	padding: 7px 0px 0px 0px;
	text-align: center;
	color: #FFFFFF;
	font-size: 3em;
	text-transform: uppercase;
}

#header h2{
	margin: 0px;
	padding: 3px 0px 0px 0px;
	text-align: center;
	color: #FFFFFF;
	font-size: 1em;
	text-transform: uppercase;
}

/************* END Header Styling ************/

/************ Main Menu Styling *******/

#menu {
	width: 769px;
	margin: 0px auto;
	background-color: black;
}

	/* remove the bullets, padding and margins from the lists */
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}

#menu li {
	display: inline;
}

	/* style the links */
#menu a {
	padding: 1px 15px;
	text-transform: uppercase;
	font-size: 12px;
	background:black;
	color: #FFFFFF;
}

	/* style the links hover and active*/
#menu a:hover {
	text-decoration: none;
	color:  #3399FF;
}

#menu a.active {
	background-color: white;
	color:  #3399FF;
}

/************ END Main Menu Styling *******/

/************ SubMenu Styling *******/

#submenu {
	margin: 0px auto;
	font-size: 0.7em;
	/*width: 765px;  max width of 7 button submenu - override using in-line style on HTML page*/
	/*border:1px solid red;  TESTING add a red border to check size*/
}

	/* remove the bullets, padding and margins from the lists */
#submenu ul{
	padding:0px;
	margin:0px;
	list-style: none;
	text-align: center;
}

	/* make the top level links horizontal and position relative so that we can position the sub level */
#submenu li{
	float:left;
	z-index:100;
}

	/* style the links */
#submenu a, #submenu :visited {
	display:block;
	width:106px; /* set block width so 7 buttons can fit across*/
	padding:2px 0px; /*padding around the menu blocks*/
	color:black;
	background:white;
	text-transform: uppercase;
	margin:0px 1px 0px 0px;  /*set right hand gap between blocks*/
	text-align:center;
	border:1px solid gray; /*add a gray border*/
}

	/* style the links hover and active*/
#submenu :hover, #submenu a.active{
	text-decoration: none;
	background:silver;
	color:#3399FF;
}

	/* hide the sub level links */
#submenu ul ul {
	visibility:hidden;
	position:absolute;
	width:106px;  /*sets block width*/
}

	/* make the sub level visible on hover list or link */
#submenu ul li:hover ul, #submenu ul a:hover ul{
	visibility:visible;
}

/************ END SubMenu Styling *******/

/************* Main Content Styling ************/

#content {
	width: 769px;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
}

	/*Bigger First Letter*/
#content h1:first-letter,#content h2:first-letter,#content h3:first-letter,#content h4:first-letter,#content p:first-letter{
	/*font-style: italic;*/
	/*font-weight: bold;*/
	color: #666666;
	font-size: 120%
}

#content p:first-letter{
	color: #3399FF;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
	font-weight: normal;
	padding: 0px 20px 0px 20px;
}

#content p, #content ul, #content ol {
	/*line-height: 150%; ADP*/
	padding: 0px 20px 0px 20px;
}

/************* END Main Content Styling ************/

/************* Footer Styling ************/

#footer {
	clear: both;
	width: 769px;
	margin: 0px auto;
	border-top: 1px solid #666666;
	background: url(images/back-footer.jpg) repeat-y center top;
	font-size: 9px;
	text-align: center;
	color: #333333;
}

/************* Footer Styling ************/