/*
SHNCstyle.css 		Copyright: mickeywebdesign.com
EditLog:
05Nov09: Forms class 'redhash'
11Sep09: Altered .noborder specification
22May09: Changed logo location, restyled with logo colours
*/

/*	General Specifications		*/
* {
	font-family: "Trebuchet MS";
	color: #5c3900;		/*  dark brown	*/
}

body {
    margin: 0;
    padding: 5px;  
    background-color: #fff5e8; 		/*	very pale brown	*/
	font-size: 10pt;
	}
h1, h2, h3, h4, h5 {
	margin: 10px;
	color: #c67d4e;		/* brown from logo */
	}     
p {
	margin: 10px;
	}
em {
	font-weight: bold;
	color: #00a1b1;		/* green from logo 	*/
	}
a {
	color: #00a1b1;		/* green from logo	*/
	}
a:hover, a:active {
	background: yellow;
	}		     
a:visited {
	color: purple;
	}
ul {
	color: blue;
	list-style-type: square;
	background-color: #fff5e8;
	}
li {
	margin-left: 10px;
	}    
img {
	border: 1px solid black;
	margin: 5px;
	padding: 2px;
	}

th {
	border: thin solid darkblue;
	background-color: #00a1b1;		/* 	green from logo	*/
	text-align: center;
	font-family: arial;
	color: ivory;
	font-weight: bold;
	}				
td {	
	font-family: arial;
	font-size: 14px;
	color: #5c3900;		/*  dark brown	*/
	}

/*	SHNClogo	 */
div#SHNCLogo {	
	position: absolute;
	width: 150px;
	height: 140px;
	top: 80px;
	left: 10px;
	}

/* 	Main SHNC heading atop each page */
h1 {
	margin: 5px;	
	font-size: 36pt;
	border: 1px solid black;
	background: ivory;
	text-align: center;
	}

/*	SHNC Contacts - part of standard heading */
div#contact {	
	float: right;
	padding: 5px;
	margin: 5px;
	background: ivory;
	border: 1px solid black;
	text-align: right;
	}
		
p#contact {
	font-size: 9pt
	}
			
h2#contact {
	font-size: 14pt;
	margin: 2px ;
	}

/*	menu on every page, left hand side */
div#menucol {
    	float: left;   
    	background: ivory;
    	font: 14px arial;
    	color: black;
    	border: 1px solid black;
	width: 180px ;
	padding-left: 1px;
    	}
div#menucol a {
	color: #00a1b1;		/*	green from logo 	*/
	}
div#menucol a:visited {
	color: #c67d4e;
	}    
b#menucol {
	background: #00a1b1;	/*	green from logo		*/
	color: ivory;
	}

/*	styles layout of page content */
div#content {
	position: absolute ;
	left: 200px ;   
     }
div#dummyclear {
	clear: both;
	}

/* title of this particular page	 */
h1#pageheading {
	font-size: 24pt;
	color: ivory;
	background: #c67d4e;
	}
/* major subheadings on the page & major heading on mini-windows	*/		
h3 {
	font-size: 16pt;
	border: 1px solid black;
	background: ivory;
	padding: 5px;
	}
/* minor subheadings on the page */		
h4 {
	font-size: 12pt;
	border: 1px solid black;
	background: ivory;
	padding: 5px;
	}		
h5 {
	font-size: 11pt;
	font-weight: bold;
	}

/*	footer box, bottom of every page */
div#footer {
	font: 12px arial;
    	border: 1px solid black;
	margin: 5px; 
	text-align: center;
	background: ivory;
     	}
		
/* omits standard border from images as required */
.noborder {
	border-style: none;
	}
	


/*	LOCAL STYLINGS		*/		
/*	crediting photographs */		
p#credit {
	border:  1px solid black;
	font-family: arial;
	font-size: 9pt;
	padding: 5px;
	margin: 5px; 
	text-align: center;
	}

/*	XMAS BOX - used for Christmas closure message */
	
div#xmas	{
	background: lightgreen;	/*	Christmas colour	*/
	/* background: ivory;	/*	Remove for Christmas	*/
	color: red;
	font-weight: bold;
	border-style: outset ;
	border-width: 8px ;
	border-color: red ;
	}
p#xmas	{
	font-size: 9pt;
	}			
h2#xmas	{
	font-size: 14pt;
	/*	color: red;		/*	Christmas colour */
	color: #5c3900;		/*  dark brown	*/
	margin: 0px;
	}

/*	tables containing numerical data */
table#realtable {
	width: 80%;
	border: thin solid black;
	background-color: lemonchiffon;
	text-align: center;
	padding: 2px;
	margin: 2px;
	}

/* 	icon images as links */
a#click {
	border: 3px solid yellow;
	border-style: outset;
	}
a#click:visited {
	border: 3px solid purple;
	border-style: outset;
	}
a#click:hover, a#click:active {
	border: 3px solid yellow;
	border-style: inset;
	}
	
/* forms */	
fieldset {
    font-size: 0.8em;
    background: #c67d4e;		/* brown from logo */
    border: 5px outset;
    margin-bottom: 2em;
    margin-top: 2em;
    margin-left: 1em;
    margin-right: 1em;
    padding: 2em 1em;
}

fieldset legend {
    background: #DED983;
    color: black;
    padding: .2em .3em;
    font-size: 1.2em;
    border: 5px outset;
    position: relative;
    margin-bottom: -1em;
    margin-left: 2em;
    margin-top: -3em;
}

.redhash	{
	color:red;
	background:yellow;
	font-weight: bold;
	font-size:1.5em;
}

/*	mini-windows - Uncertain Usage  */     
body#mini {
	background-color: floralwhite;
	}

/* Specialised Menu - Uncertain Usage */
div#menubox {
    	background: lightcyan;
    	color: black;
    	border: 1px solid black;
    	margin: 10px;
	}
div#menubox td {		
	font: 14px arial;
	}

/* form moods */
.neutral {
    background-color: white ; /* blends with image */
    padding: 5px;
}

.error  {
    background-color: #f9c7c2 ; /* pale red */
    padding: 5px;
}

.good  {
    background-color: #eaf3da ; /* pale green */
    padding: 5px;
}
	
/*	styling for The Surry articles */	
div#surry {
	padding: 5px;
	margin: 10px;
	border: 1px solid black;
	background-color: cornsilk;
	}

p#surry {
	font-family: arial;
	font-size: 10pt;
	color: black;
	}

h1#surry, h2#surry, h3#surry, h4#surry, h5#surry {
	background: cornsilk;
	padding: 5px;
	color: black;	
	font-family: arial;
	border: 0;	
	}	
/*	main page heading */
h1#surry {
	font-size: 24pt;
	border: 1px solid black;
	}

/*	article heading */		
h2#surry {
	font-style: italic;
	font-size: 22pt;
	}

/*	article sub-heading */		
h3#surry {
	font-style: italic;
	font-size: 16pt;
	}
		
/*	author credit */
h5#surry {
	color: cornsilk;
	background: gray;
	font-size: 11pt;
	border: 1px solid black;		
	padding: 5px;
	margin: 10px;
	text-align: center;
	}
ul#surry {
	background: cornsilk;
	color: black;
	margin: 10px;
	}