/*version 03 - 13/04/2010*/

/* To Do
done - Change 'images credits' to 'image credits' in astromain.php footer
done - GlobalEnquiry.css should be incorporated into the Section.css file
done - Put line break into mainblock text in astromain.php
done - 'test' option for online forms
done - authentication password kept in single file (means that only one change required)
done - sort out radio button text... seems to be playing silly wotsits! 
done - why does photo drop-down box appear yellow... resolve colours again! (single comma!)
done - should have max width of text boxes. Easier to read... eg photo section: 500px
done - make the 'test' 'test' form send email only to me
done - photo frontpage - sort out left margin of main text and maybe widen to 550px! (endless fiddling!!!)
done - set up gallery look and feel, plus find a way to link to specific albums
done - update astropanther.php
done - new more compact layout
 - make the 'where we meet' page a commonfiles/location.inc file that can be reference by all section pages
 - wait for PHP v5 to be installed by namehog so that filter_var is supported by PHP
 - proper section heading bracket image ... need photoshop and careful transparency
 - Automatic php sorting and display of relevant meetings. What kind of array should contain info?
*/
 
/*css reset*/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}

/*css reset*/
ol {
	margin-left: 1.4em;
	list-style: decimal;
}

/*css reset*/
ul {
	margin-left: 1.4em;
	list-style: square;
}

/*css reset*/
img {
	border: 0;
}

/*end of css reset section*/
/*end of css reset section*/
/*end of css reset section*/
/*end of css reset section*/

/*Want the page to be divided into:
 - banner (includes NNHS and section/NNHS name: controlled by html div's)
 - Menu block - currently assumed to be horizontal between banner and main central block
 - left hand block - should be empty (i.e. available for other uses as needs arise)
 - right hand block - should be empty (i.e. available for other uses as needs arise)
 - main central block (includes text and pictures, etc...)
 - Additional block that can be used as necessary
 - footer block (date, credit, etc...)

 Page should be 1024 wide and auto height.
 Left and right blocks from top to bottom, each 150px wide
 Banner should be 200px maximum (see how this looks)
 Menu block should be 50px high (try and see)
 Main central block height should be controlled by specific section css.
 Additional block height also controlled by specific section css
 Footer should be 100px maximum (again, try and see)
*/

body {
	width: 1024px;
}

/*debug block positioning*/

#leftblock, #rightblock, #bannerblock, #menublock, #mainblock, #mainadditionalblock,
#footerblock, #chieftanblockpresident, #chieftanblocksecretary, .mainimagewithcaption,
.mainimagewithcaptionoption1 {
	/*outline: 1px dotted red;*/
	/*background-color: grey;*/

}

#leftblock {
	/*dimension-related*/
	width: 149px;
	top: 0px;
	left: 0px;
	height: 500px;
	position: absolute;
	
	/*border, padding and margins*/
	
	/*text-related*/
	color: red; 
}

#rightblock {
	/*dimension-related*/
	width: 149px;
	top: 0px;
	left: 875px;
	height: 500px;
	position: absolute;
	
	/*border, padding and margins*/
	
	/*text-related*/
	color: red; 
}


#bannerblock {
	/*dimension-related*/
	width: 724px;
	top: 0px;
	left: 150px;
	height: 99px;
	position: absolute;
	
	/*border, padding and margins*/
	
	/*text-related*/
	color: red; 
}


#chieftanblockpresident {
	/*dimension-related*/
	width: 362px;
	top: 100px;
	left: 150px;
	height: 49px;
	position: absolute;
	text-align: center;
	
	/*border, padding and margins*/
	
	/*text-related*/
	line-height: 1.4em;
	color: red; 
}


#chieftanblocksecretary {
	/*dimension-related*/
	width: 362px;
	top: 100px;
	left: 512px;
	height: 49px;
	position: absolute;
	text-align: center;
	
	/*border, padding and margins*/
	
	/*text-related*/
	line-height: 1.4em;
	color: red; 
	
}

.chieftan {
	text-align: center;
	padding-top: 4px;
    font-size: 1em;
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
}

.name{
    font-size: 1em;
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
}

 /*------START MENU EXPERIMENT-----*/

#menublock {
	/*dimension-related*/
	width: 724px;
	top: 150px;
	left: 150px;
	height: 49px;
	position: absolute;
	color: red; 
	font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
	font-size: 1.0em;
	z-index: 500;
	float: left;
}

#menu {
	margin-top: 10px;
	margin-left: 0;
    text-align: center;
	font-size: 1em;
	z-index: 500;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 120px;
	float: left;
}
#menu a, #menu h2 {
	display: block;
	border-width: 3px;
	border-style: groove;
	border-color: #ccc #888 #555 #bbb;
	padding: 3px 3px;
}
#menu h2 {
	color: #FFCC66;
	background: #000;
	text-transform: uppercase;
}
#menu a {
	color: #FFCC66;
	background: #222;
	/*background: #efefef;*/
	text-decoration: none;
}
	
#menu a:hover {
	color: #FFFF66;
	background: #222;
}
#menu li {position: relative;}
	
#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	}
#menu ul ul {
	position: absolute;
	z-index: 500;
	}
div#menu ul ul {
	display: none;
	}
div#menu ul li:hover ul
	{display: block;}
div#menu ul ul,
	div#menu ul li:hover ul ul,
	div#menu ul ul li:hover ul ul
	{display: none;}
	
div#menu ul li:hover ul,
	div#menu ul ul li:hover ul,
	div#menu ul ul ul li:hover ul
	{display: block;}
	
/*<!--[if IE]>*/
	body {
		behavior: url(csshover3.htc);
		font-size: 100%;
	}
	
	#menu ul li {float: left; width: 100%;}
	#menu ul li a {height: 1%;} 
	
	#menu a, #menu h2 {
		font: bold 0.7em/1.4em arial, helvetica, sans-serif;
		}
		
/*<![endif]-->*/

/*------END MENU EXPERIMENT-----*/



#mainblock {
	/*dimension-related*/
	width: 724px;
	top: 200px;
	left: 150px;
	height: 389px;
	position: absolute;
	
	/*border, padding and margins*/
	
	/*text-related*/
	color: red; 
}

.maintext {
	margin: 15px;
    font-size: 1em;
    /*font-family:  "Palatino Linotype", Georgia, "Times New Roman", Times, serif;*/
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
}

.maintext1 {
	margin: 15px;
    font-size: 1em;
    /*font-family:  "Palatino Linotype", Georgia, "Times New Roman", Times, serif;*/
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
}


.maintextcenter {
	margin: 15px;
    font-size: 1em;
    /*font-family:  "Palatino Linotype", Georgia, "Times New Roman", Times, serif;*/
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
	text-align:center;
}

.maintextcentercaption {
	margin-top: -5px;
    font-size: 0.75em;
    /*font-family:  "Palatino Linotype", Georgia, "Times New Roman", Times, serif;*/
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
	text-align:center;
}

.maintextcentercaptionoption1 {
	margin-top: -5px;
    font-size: 1.4em;
    /*font-family:  "Palatino Linotype", Georgia, "Times New Roman", Times, serif;*/
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
	text-align:center;
}


.mainimage {
	margin : 15px;
	float: right;
	border-style: outset;
	border-width: 3px;
}

.mainimageoption1  {
	margin : 15px;
	float: none; 
	margin-right: auto; 
	margin-left: auto; 
	display:block;	
	/*border-style: outset;
	border-width: 3px;*/
}

.mainimagewithcaption {
	margin : 15px;
	/*float: right;*/
	/*border-style: outset;*/
	/*border-width: 3px;*/
}

.mainimagewithcaptionoption1 {
	margin : 15px;
	width:241px; 
	height: 240px;
	margin: 0 auto; 
	float: left;
}


#mainadditionalblock {
	/*dimension-related*/
	width: 724px;
	top: 600px;
	left: 150px;
	height: 199px;
	position: absolute;
	text-align: center;
	
	/*border, padding and margins*/
	
	/*text-related*/
	color: red; 
}

.additionalheadline {
	padding-top: 10px;
    font-size: 1.2em;
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
}

.additionaltext {
	padding-top: 5px;
    font-size: 1em;
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
}


a.subtle {
    text-decoration: underline;
}
a.subtle:link {
}
a.subtle:visited {
}
a.subtle:hover {
}
a.subtle:active {
}


#footerblock {
	/*dimension-related*/
	width: 724px;
	top: 849px;
	left: 150px;
	height: 99px;
	position: absolute;
	
	/*border, padding and margins*/
	
	/*text-related*/
	color: red; 
}

.footertext {
    text-align: left;
    font-size: 0.75em;
    /*font-style: italic;*/
}


.counterimage {
	padding-top:20px;
	padding-bottom:20px;
    display: block;
	margin : 0 auto;
    text-align: center;
}


#NNHSHeader {
	padding-top:20px;
    text-align: center;
    font-size: 1em;
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
	line-height: auto;
}

#NNHSSection {
	padding-top:10px;
    text-align: center;
    font-weight: bold;
    font-size: 3.7em;
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
	line-height: auto;
}



#menujava
{	margin-top: 10px;
	margin-left:0;
	z-index: 500}

#menujava li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#menujava li a
{	display: block;
	border-width: 3px;
	border-style: groove;
	border-color: #ccc #888 #555 #bbb;
	padding: 4px 0 3px 0;
	font-weight: bold;
	text-decoration: none
}

#menujava li a:hover
{	background: #222}

#menujava div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	border: 1px solid #5970B2}

	#menujava div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		/*white-space: nowrap;*/
		text-align: center;
		text-decoration: none;
		text-transform: none;
		font-variant: normal;
		font-weight: normal;
	}

	#menujava div a:hover
	{	background: #000;
		color: #FFFF66}