/*
SHNCstyle.css 		[C]mickeywebdesign.com

Edit Log: E:\My Documents\Webs\SHNC\Log.doc     E:\My Documents\Webs\SHNC\Structure.xls
15Jan12:    Styling for new log and colour palette
16Sep11:    div.newsflash
15Jun11:	div.filmstrip
02Jun11:    Recoded .surry styling for Blokes musings
26Nov10:    Added class 'textbox'
05Nov09:    Forms class 'redhash'
11Sep09:    Altered .noborder specification
22May09:    Changed logo location, restyled with logo colours
*/

/*	General Specifications		*/
* {
	font-family: "Trebuchet MS";
	color: black;		/*  dark brown	*/
}
	
body {
	margin: 0;
	font-size: 10pt;
	background-image: url('../images/Logo2011Xtn.gif');
	background-repeat:repeat-x;
	}
p {
	margin: 10px;
	}
em {
	font-weight: bold;
	}
a {
	color: #467C6A;	
	}
a:hover, a:active {
	background: #026852;
	color: white;
	}		     
a:visited {
	color: gray;
	}
ul {
	color: blue;
	list-style-type: square;
	}
li {
	margin-left: 10px;
	}    
img {
	border: 1px solid black;
	margin: 5px;
	padding: 2px;
	}

th {
	border: thin solid darkblue;
	background-color: #026852;
	text-align: center;
	font-family: arial;
	color: ivory;
	font-weight: bold;
	font-size: 12px;
	}				
td {	
	font-family: arial;
	font-size: 12px;
	color: #5c3900;		/*  dark brown	*/
	}

/*	SHNClogo	 */
div#SHNCLogo {	
	position: absolute;
	top: 0px;
	left: -7px;
}

hr	{
	color: white;
}

h1,h2,h3,h4,h5,h6 {
	color: white;
	background: #64A5C3;
	padding-left: 10px;
	margin: 10px;
	}
	
h1	{ visibility: hidden;}
	
h1#pageheading 	{
	visibility: visible;
	font-size: 24pt;
	color: white;
	}

h3 {
	font-size: 16pt;
	padding: 5px;
	}
h4 {
	font-size: 12pt;
	padding: 5px;
	}		
h5 {
	font-size: 11pt;
	}

/*	SHNC Contacts - part of standard heading */
div.contact {	
	float: right;
	padding: 5px;
	margin: 15px;
	background: #467C6A; /* #E7FFF9; */
	text-align: right;
	}
		
div.contact p {
	font-size: 9pt; 
	color: white;
	}
			
div.contact h2 {
	font-size: 14pt;
	margin: 2px ;
	color: white;
	background: #467C6A;
	}

div.contact a {
	color: white;
	font-weight: bold;
}

div#menucol {
    	float: left;   
    	background: #467C6A; /* #E7FFF9; */
    	font: 14px arial;
    	color: black;
	width: 180px ;
	padding-left: 1px;
    	}
div#menucol a {
	color: white ; /* #026852; */
	}
div#menucol a:visited {
	/* color: #c67d4e; */
	color: #6FA99A;
	}
div#menucol a:hover {
	/* color: #c67d4e; */
	color: black;
	background: #FEC462;/* #6FA99A; */
	}
b#menucol {
	color: white;
	}

div#content {
	position: absolute ;
	left: 200px ;   
     }
div#dummyclear {
	clear: both;
	}

div#footer {
	color: white;
	font: 12px arial;
	margin: 5px; 
	text-align: center;
	background: #467C6A;
     	}
	
div#footer a{
	color: white;
	font-weight: bold;
}
		
/* 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;
	border-collapse: collapse;
	background-color: #E7FFF9;
	text-align: center;
	padding: 2px;
	margin: 12px;
	}
	
table#realtable td 	{
	color: black;
	border: thin solid black;
	background-color: #8BB8AB;
}

table#realtable th	{
	color: white;
	border: thin solid black;
	background-color: #467C6A;
}

/* 	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: #FEC462;
    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;
}

div.surry {
	padding: 5px;
	margin: 10px;
	border: 1px solid black;
	background-color: cornsilk;
	}

div.surry p, div.surry ul, div.surry li {
	font-family: arial;
	font-size: 10pt;
	color: black;
	}

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

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

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

div.surry table {
	margin: 25px;
	border:1px solid black;
	border-collapse: collapse;
}

div.surry th, div.surry td {
	border:1px solid black;
	border-collapse: collapse;
}

div.filmstrip table, div.filmstrip th, div.filmstrip td{
	border: none;
}

	
ul#surry {
	background: cornsilk;
	color: black;
	margin: 10px;
	}
	
/*	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;
	}
*/
	
.textbox	{
	margin: 15px;
	border: 2px inset;
	background-color: white;
}

div.newsflash  {
    margin: 25px;
    width: 500px;
    border: 2px outset;
	background-color: white;
    color: black;
    font-family: "Palatino Linotype";
}

div.newsflash h3{
    font-family: "Palatino Linotype";
    color: black;
    border: none;
}

div.newsflash p{
    font-family: "Palatino Linotype";
    font-size: larger;
    color: black;
}