/*NNHS-specific formating*/

/* To Do:
 - why does text move in firefox? Can only be due to inline-ness with image. Maybe better to inline with minibox thing??? No idea at the moment, but it works!

*/

body {
	background-color: white;
	background-image: url(nnhsimages/nnhsbackground_05.jpg);
	
}

/*#leftblock, #rightblock {
	background-image: url(nnhsheadingbackground_02.jpg);
	background-repeat: no-repeat;
}*/

#bannerblock {
	/*background-image: url(nnhsimages/nnhsheadingbackground_02.jpg);*/
}

#NNHSHeader { 
	font-size: 1em;

}

#NNHSSection {
	margin-top: 5px;
	font-size: 2.2em;
}

#chieftanblockpresident { /*colours are fixed within divs.*/
	/*background-image: url(nnhsimages/nnhschieftanbackground_01.jpg);*/
	/*margin-top:-1px;*/
}

#chieftanblocksecretary { /*colours are fixed within divs.*/
	/*margin-top:-1px;
	background-image: url(nnhsimages/nnhschieftanbackground_01.jpg);*/
}

.chieftan {/*background colour should match background image if poss.*/
	padding-top:7px;
    color: #FFCC66; 
}

.name{/*background colour should match background image if poss.*/
    color: #FFFF88; 
}

.bgcolor {
}

#menublock {
	margin-left: 2px;
}

.maintext {
	color:#FFFF88;
}

.maintext1 {
	color:#FFFF88;
	text-align:center;
	font-size: 1.75em;
}


.mainimage {
	width: auto;
	height: 280px;
	border-color: #AAA;
}

.mainsubblock {
	margin-top: -15px;
	height: 120px;
}

.imageexpand:link {
	text-decoration: none;
}
.imageexpand:visited {
	text-decoration: none;
}
.imageexpand:hover {
	text-decoration: none;
}
.imageexpand:active {
	text-decoration: none;
}

.minisection {
	width: 90px;
	height: 90px;
	margin: 0;
	/*outline: 1px dotted green;*/
	overflow: hidden;
	float: left;
	}

.minisectionimage {
	width: 90px;
	height: 90px;
	margin: 0;
	/*outline: 1px dotted green;*/
	display: block;
	float: left;
	}


.minisectionimage:hover {
	width: 100px;
	height: 100px;
	margin-top: -5px;
	margin-left: -5px;
	/*outline: 1px dotted green;*/
	}

.minisectionlabel {
	width: 90px;
	height: 13px;
	background-color: #D0D7FE;
	position: absolute;
	margin-top: 75px;
	margin-left: -90px;
	font-weight: bold;
	font-size: 0.6em;
	text-decoration: none;
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
	display:inline;
	text-align: center;
	/*outline: 1px dotted green;*/
	color:#440022;
}

.tablehead {
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
	font-size: 1em;
	color: black;
	font-weight: bold;
	}

.tablehead1 {
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	color:#440022;	
	}

.tableheadlink:link, .tableheadlink:visited, .tableheadlink:hover, .tableheadlink:active  {
	text-decoration: none;
	color:#440022;	
	}


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


.tablebodytitle {
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
	font-weight: bold;
	color:#440022;
	text-align:center;
	font-size: 1.25em;	
	}

.tablebodytitle1 {
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
	font-weight: bold;
	color:#440022;
	/*text-align:center;*/
	font-size: 1em;	
	}
	
.sectionarray {
	width: 90px; height: 18px; margin:0 auto; text-align: center; background-color: #D0D7FE;
	
	display: block;
	border-width: 3px;
	border-style: groove;
	border-color: #ccc #888 #555 #bbb;
	padding: 3px 3px;
}

.sectionarray:hover {
	font-weight: bold;
	background-color: #5B76FD;
}

.selectiondiv {
	width:520px;
	display:block; 
	margin: 0 auto; 
	clear:both; 
}

.posterdiv {
	width: 530px;
	display: block;
	margin: 0 auto;
	clear: both;
	margin-top: 50px;
}

.posterimage {
	width: 520px;
	border: 5px ridge #D0D7FE;
}

#menujava
{	
	font-size: 0.9em;
}


#menujava li a
{	
	width: 114px;
	background: #000;
	color: #FFCC66;
	text-align: center;
}

#menujava li a:hover
{	}

#menujava div
{	
	background: #222;
}

	#menujava div a
	{	
		width:95px;
		background: #222;
		color: #FFCC66;
	}

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



a.subtle {/*changes to style*/
}
a.subtle:link {/*colour only*/
    color: #FFCC66;
}
a.subtle:visited {/*colour only*/
    color: #FFCC66;
}
a.subtle:hover {/*colour only*/
    color: #FFFF66;
}
a.subtle:active {/*colour only*/
    color: #FFCC66;
}

.additionalheadline {
	color:#FFFF88;
}

.additionaltext {
	color:#FFFF88;
}


.footertext {
	color: #FFFF88;
}

/* ---------------------- */
/* ---------------------- */
/* ---------------------- */
/* ---------------------- */
/*Form-specific formating*/

#subForm {/*format for form umbrella*/
	padding-top: 0px;
	font-size: 1em;
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
    color: #FFFF88;
	font-size:  0.95em;
}

#subForm .label { /*form labels*/
	float: left;
	width: 230px;
	margin-right: 10px;
	text-align: right;
	clear: left;
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
    color: #FFFFCC;
}


#sendform {  /*sendform button*/
	margin-left: 240px;
	background-color: #CBD893;
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
	font-size: 1em;
}

#refer { /*select menu for form*/
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
	font-size: 1em;
	margin-top: -2px;
}

#towhom { /*select menu for form*/
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
	font-size: 1em;
	margin-top: -2px;
}


#name, #email, #testtext { /*text box styling*/
	background-color: #FBEF99;
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
	font-size:  1em;
	width: 350px;
	margin-top: -2px;
}

#comments {
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
	font-size:  0.8em;
	width: 450px;
	margin-top: -2px;
}


#subForm p {
	margin-top: 10px;
	margin-bottom: 10px;
}

#label {
    font-family:  Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
	font-size: 1em;
	margin-top: -2px;
}

#name:focus,
#email:focus,
#comments:focus,
#testtext:focus,
#refer:focus
{
	background-color: #FDD041;
}

/*End of Form-specific formating*/

/* ---------------------- */
/* ---------------------- */
/* ---------------------- */
/* ---------------------- */
/*Setting color scheme*/
/*New colour scheme setting*/
#NNHSSection { 
	color:#440022;
}

#NNHSHeader, a.subtle:link, #menujava li a:link, #menujava li a:visited,
a.subtle:visited {
/*NNHS and menu options should be same colour: #NNHSHeader:#menujava li a*/
/*subtle links should be same colour: a.subtle:link, a.subtle:visited*/
	color: #440022;
}

a.subtle:hover {
/*LoVeHAte*/
	color: #5B76FD;
	color: blue;
}

a.subtle:active {
	color: #5B76FD;
}

.chieftan, .name, .maintext, .maintext1, .maintextcenter, .maintextcentercaption, .maintextcentercaptionoption1, .additionalheadline, .additionaltext, .footertext {
/*Colour of main page text*/
	color: #000;
	font-weight: bold;
}

#menujava li a:link, #menujava li a:visited {
	background-color: #5B76FD;
	color:#440022;
	background-color: #D0D7FE;
	/*color: #000;*/
}

#menujava li a:hover, #menujava li a:active  
{
	font-weight: bold;
	background-color: #D0D7FE;
	background-color: #5B76FD;
}

body {
	background-color: black;
}

.bgcolor {
	background-color: none;
}

#subForm .radiobuttontext, #subForm .label {
	color: #440022;
	font-weight: bold;
}

#name, #email, #comments, #refer, #towhom, #testtext, #sendform { /*text box styling*/
	background-color: #D0D7FE;
}

#name:focus,
#email:focus,
#comments:focus,
#testtext:focus,
#refer:focus,
#towhom:focus,
#sendform:focus
{
	background-color: #F0F7FE;
}