html { height: 100%;}
body 
{
   
    behaviour: url(csshover.htc);
    margin: 0;
    padding: 0;
    height:100%;
    background-color: #E6E6E6;
	
}

a, a.active, a.visited{ text-decoration: none;
     font-family: Verdana, Helvetica, Arial, Sans-Serif;
    padding-left: 10px;
     
  }
  .usefullink 
  {
      color: #333333;
      font-size: 0.6em;
  }
p { 
	line-height:1.45; 
	margin:0 0 1em 0;
}
.centredpara
{
    text-align:center;
    position:relative;
}
H2 
{
    font-family:  Verdana,Arial, Helvetica, Sans-Serif;
    font-size: 1.5em;
    font-weight:lighter;
    color: #660000;
    
}
.page
{
    position:relative;
    top:-20px;
    left:auto;
    width:800px;
    height:1000px;
    margin-left:auto;
    margin-right:auto;
   background-color:#ffffff;
  
    /* min-height:100%;  /* real browsers */
	/*height:auto !important; /* real browsers */
	/*height:100%;  IE6: treaded as min-height*/ 
	

}

.header
{
    background-image:  url(images/IDA2.gif);
    background-repeat: no-repeat;
    position:relative;
    top:20px;
    left: 0px;
    width:100%;
    height:120px;
    margin-left:auto;
    margin-right:auto;  
    
}
div#logo
{
    background-image: url(images/IDA_logo.gif);
    background-repeat: no-repeat;
    position:absolute;
    top: 0px;
    left:75%;
    height: 150px;
    width:100px;
    margin-left:auto;
    margin-right:auto;  
    
}
div#topleftimage
{
    position:absolute;
    top:120px;
    left: 0px;
    height: 200px;
    width: 200px;
    background-image: url(images/RachelSilm_Cascador.jpg);
    background-repeat: no-repeat;
    
}
div#toprightimage
{
    position:relative;
    top:0px;
    left:300px;
    height: 100px;
    width: 300px;
    
}
div#toprighttext
{
    position:relative;
    top:80px;
    left: 20px;
    height: 60px;
    width: 260px;
}
div#topcentreimage
{
    position:relative;
    top:0px;
    left:200px;
    height:70px;
    width:300px;
    background-image: url(images/siec.jpg);
    background-position: top;
    background-repeat: no-repeat;
}
div#topcentretext
{
    position:relative;
    top:80px;
    left: 20px;
    height: 60px;
    width: 300px;
   }
div#container {
	position:relative; /* needed for footer positioning*/
	top:60px;
	left:-200px;
	margin:0 auto; /* center, not in IE5 */
	width:800px;
	
	min-height:600px; /* real browsers */
	height:600px; /* real browsers */
	
	
}
#content
{
    margin-left:auto;
    margin-right:auto;
    position:absolute;
    top: 300px;
    left:0px;
    width:800px;
    z-index:1;
    min-height: 400px;
    padding-bottom:40px;
    
    
}
div#leftimage 
{
    position:relative;
    background-image:url(images/MPMountbatten.jpg);
    background-repeat:no-repeat;
    top:0px;
    left:0px;
    float:left;
    width:300px;
    height:360px;
}
div#leftimagecaption
{
    position:relative;
    top:340px;
    left:0px;
    width:300px;
    height:40px;
    text-align:center;
}
div#rightimagecaption
{
    position:relative;
    top:0px;
    left:0px;
    width:450px;
    height:15px;
    text-align:left;
    color: #333333;
    font-family: Verdana,Arial, Helvetica, San-Serif;
    font-style: italic;
    font-size: 0.6em;
}
div#Shannonsphotos
{
    position:relative;
    top:10px;
    left:10px;
    height: 150px;
    width: 150px;
    text-align:left;
    
    background-image: url(images/shannonsphotoslogo.jpg);
    background-repeat: no-repeat;
    
}
div#Shannonsphotostext
{
    position:relative;
    top: 0px;
    left:150px;
    height: 100px;
    width: 100px;
    font-family: Verdana,Arial, Helvetica, San-Serif;
    font-size: 0.7em;
    color: #666666;
}
div#nbleftcolumn
{
    position:absolute;
    top:0px;
    left: 10px;
    width: 290px;
    height:700px;
    text-align:left;
    
    
}

div#nbcentrecolumn
{
    position:absolute;
    top:20px;
    left: 320px;
    width: 250px;
    height:700px;
    text-align:left;
    margin-right: 0px;
}
div#nbrightcolumn
{
    position:absolute;
    top:20px;
    left: 590px;
    width: 210px;
    height:700px;
    text-align:left;
    margin-right: 0px;
}
div#HOTYleftimage 
{
    position:relative;
    top:20px;
    left:0px;
    float:left;
    width:200px;
    height:380px;
}
div#HOTYleftcolumn
{
    position:absolute;
    top:20px;
    left: 220px;
    padding-right: 10px;
    width: 280px;
    height:600px;
    text-align:left;
}
div#HOTYrightcolumn
{
    position:absolute;
    top:20px;
    left: 520px;
    width: 275px;
    height:600px;
    text-align:left;
}
div#POTYleftimage 
{
    position:relative;
    top:20px;
    left:0px;
    float:left;
    width:200px;
    height:380px;
}
div#POTYleftcolumn
{
    position:absolute;
    top:20px;
    left: 220px;
    padding-right: 10px;
    width: 280px;
    height:600px;
    text-align:left;
}
div#POTYrightcolumn
{
    position:absolute;
    top:20px;
    left: 520px;
    width: 280px;
    height:600px;
    text-align:left;
}
div#HOTYphotosleftimage 
{
    position:relative;
    
    top:0px;
    left:0px;
    float:left;
    width:200px;
    height:600px;
}
div#centrecolumn
{
    position:relative;
    top: 0px;
    left: 200px;
   margin: 0 0 0 20px;
    padding: 0 10px 0 10px;
    width: 300px;
    height:600px;
    text-align:left;
}
div #centretopimage
{
    position:relative;
    top:100px;
    left:0px;
    height:170px;
    width:300px;
    background-image: url(images/shannonsphotoslogo.jpg);
    background-repeat: no-repeat;
    background-position: top;
   
    
}
div#centretoptext
{
    position:relative;
    top:-200px;
    left: 20px;
    height: 260px;
    width: 260px;
}
div #centrebottomimage
{
    position:relative;
    top:200px;
    left:0px;
    height:200px;
    width:300px;
    background-image: url(images/newgradingsystem.gif);
    background-repeat: no-repeat;
    background-position: top;
   
}
div#centrebottomtext
{
    position:relative;
    top:050px;
    left: 20px;
    height: 60px;
    width: 260px;
}
div#leftcolumn
{
    position:absolute;
    top:0px;
    left: 0px;
    padding: 0 10px 0 10px;
    width: 190px;
    height:600px;
    text-align:left;
    
}
div#bottomleftcolumn
{
    height: 250px;
    width: 250px;
}
div#rightcolumn
{
    position:relative;
    top:-600px;
    left: 500px;
   margin: 0 0 0 20px;
    padding: 0 10px 0 10px;
    width: 250px;
    height:600px;
    text-align:left;
     background-image: url(images/links.gif);
    background-position:  top;
    background-repeat: no-repeat;
   
    
}

div#links
{
    
    position:relative;
    left: 40px;
    top: 10px;
    height: 300px;
    width: 200px;
    
}
div#committee
{
     position:relative;
    top:-60px;
    left:350px;
    height: 100px;
    width: 240px;
    
   
}
div#competitioninfo
{
    height:600px;
    width:300px;
    position:relative;
    top:-550px;
    left:200px;
}
div#rightmostcolumn
{
    position:absolute;
    top:20px; /*-500px*/
    left: 500px;
   margin: 0 0 0 20px;
    padding: 0 10px 0 10px;
    width: 200px;
    height:600px;
    text-align:left;
}
    
div#bottomleft
{
    position:relative;
    top:0px;
    left:15px;
    width:290px;
    height:127px;
    /*border-top: dotted 1px #666666;*/
    padding:10px 0px 10px 0px;
    
}
div#bottomcentre
{
     position:absolute;
    top:380px;
    left:310px;
    width:290px;
    height:120px;
     border-top: dotted 1px #666666;
     padding-top:10px;
    
     
}
div#bottomright
{
    position:absolute;
    top:380px;
    left:610px;
    width:180px;
    height:120px;
     border-top: dotted 1px #666666;
     padding:10px;
    
}
div#nbleftcolumn
{
    position:absolute;
    top:0px;
    left: 10px;
    width: 290px;
    height:500px;
    text-align:left;
}

div#nbrightcolumn
{
    position:absolute;
    top:-50px;
    left: 310px;
    width: 290px;
    height:500px;
    text-align:left;
}
div#HOTYphotosleftcolumn
{
    position:absolute;
    top:0px;
    left: 200px;
    width: 290px;
    height:500px;
    text-align:left;
}
div#HOTYphotosrightcolumn
{
    position:absolute;
    top:0px;
    left: 320px;
    width: 290px;
    height:500px;
    text-align:left;
}
div#ribbonimage
{
    position:absolute;
    top:170px;
    left:100px;
    background-image: url(images/blueribbon.jpg);
    background-repeat:no-repeat;
    height: 80px;
    width:300px;
}
div#compleftcolumn
{
    position:absolute;
    top:30px;
    left:0px;
    width:290px;
    height:350px;
    border-bottom: dotted 1px #666666;
    margin-right:10px;
}
div#compcentrecolumn
{
    position:absolute;
    top:30px;
    left:310px;
    width:280px;
    height:350px;
    border-bottom: dotted 1px #666666;
    margin-right:10px;
}
div#comprightcolumn
{
    position:absolute;
    top:30px;
    left:600px;
    width:190px;
    height:350px;
    border-bottom: dotted 1px #666666;
   
}
div#compbottomcentre
{
     position:absolute;
    top:380px;
    left:310px;
    width:290px;
    height:120px;
     text-align:left;
     padding:10px 0px 10px 0px;
     
}
div#compbottomright
{
     position:absolute;
    top:380px;
    left:610px;
    width:290px;
    height:120px;
     text-align:left;
     padding:10px 0px 10px 0px;
     
}
div#memberleftcolumn
{
    position:absolute;
    top:0px;
    left:0px;
    width:320px;
    height:450px;
    
   
}
div#memberrightcolumn
{
     position:absolute;
    top:0px;
    left:400px;
    width:380px;
    height:500px;
   
    
}
div#YRleftimage
{
    position:absolute;
    top:0px;
    left:0px;
    width:205px;
    height:500px;
    
}
div#YRleftcolumn
{
    position:absolute;
    top:0px;
    left:220px;
    width:270px;
    height:450px;
    
   
}
div#YRrightcolumn
{
     position:absolute;
    top:0px;
    left:510px;
    width:280px;
    height:450px;
   
    
}


div#header {
	padding:1em;
	
	
}
	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}

div#indexcontainer {
	position:relative; /* needed for footer positioning*/
	
	margin:0 auto; /* center, not in IE5 */
	width:800px;
	
	min-height:500px; /* real browsers */
	height:500px; /* real browsers */
	height:500px; /* IE6: treated as min-height*/
	

	
}

div#indexcontent 
{
    
    background-repeat: no-repeat;
    background-position:  top right;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    top:30px;
    float:left;
    width:800px;
    z-index:1;
    min-height: 500px;
    height:500px;
    
}

div#indexfooter
{
    
	
	height:40px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background:#000;
	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.6em;
	color: #333;
	position:relative;
	top:25px;
	
}




/*#menu {
width: 100%;
height:20px;
margin-left: auto;
margin-right:auto;
z-index: 500;
background-color:#333333;
   border-style: solid;
   border-width: thin;
    border: solid 0.5px #ccc auto;
    color: gray;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
   
    }*/
#menu {
width: 180px;
height:270px;
position:relative;
top:30px;
left:0px;
margin: 0 auto 0 auto;
z-index: 500;
font-family: Verdana,Helvetica, Arial, Sans-Serif;

}
#menu ul {
list-style: none;
margin: 0;
padding: 0;

left:0px;
width: 12em;
float: left;
z-index:500;
}
#menu a, #menu h2 {
font:  0.8em Verdana,Helvetica, Arial, sans-serif;
line-height: 1.8em;
letter-spacing: 1.2;
display: block;
margin: 0;
padding: 2px 3px;
color: #666666;
border-bottom: dotted 1px #666666;

}

#menu h2 {
color: #666666;
text-transform: uppercase;
}

#menu a {
color: #666666;
text-decoration: none;
}

#menu a:hover {
color: #660000;

}
#menu li {position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
text-align: left;

}
#menu ul ul {
position: absolute;
z-index: 500;
text-align: left;
color:#000000;
}

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;
    z-index:600;
 }



div#content p {
		text-align:justify;
		padding:0 1em;
	}
	


div#footer {
	
	position:relative;
	top:20px;
	left:-100px;
	height:150px;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	
	font-family: Verdana,Arial, helvetica, sans-serif;
	font-size: 0.6em;
	color: #333;
	
}
	div#footer p {
		padding:1em;
		margin:0;
	}
div#HOTYfooter {
	
	
	height:50px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	
	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.6em;
	color: #333;
	position:absolute;
	top:770px;
	left:0px;
}
div#POTYfooter {
	
	
	height:50px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	
	
	font-family:  arial, helvetica, sans-serif;
	font-size: 0.6em;
	color: #333;
	position:absolute;
	top:600px;
	left:0px;
}




div#siec
{
    float:right;
    height:100px;
    width:300px;
   
}
.normaltext
{
	font-family:Arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: #666666;
	text-align: left;
	position:relative;
	
	left:0px;
}
.italictext
{
    
	font-family:  arial, helvetica, sans-serif;
	font-size: 0.9em;
	color: #666666;
	text-align: left;
	position:relative;
	font-style:italic;
}
.redtext
{
	font-family: Arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: #660000;
	font-weight:bolder;
	position:relative;
	top:0px;
	padding:5px 0px 5px 0px;
	left:0px;
	text-align:left;
	
}
.centredredtext
{
    font-family: Arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: #660000;
	font-weight:bolder;
	position:relative;
	top:0px;
	padding:5px 0px 5px 0px;
	left:0px;
	text-align: center;
}
.contact
{
    font-family: Arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: #666666;
	text-align: left;
	position:relative;
	
	left:235px;
    top: 0px;
}
.privacy
{
    font-family:  arial, helvetica, sans-serif;
	position:relative;
	top:10px;
	color: #333;
	text-align: center;
	text-decoration:none;
	
	
}
.copyright 
{
    font-family:  arial, helvetica, sans-serif;
    font-size:0.8em;
	color: #cccc99;
	border-style: none;
	text-decoration:none;
	
	
}
div#site
{
     position:absolute;
     top: 635px;
     left: 600px;
     text-align:right;
      color: #CCCCCC;
    
	
}
.caption
{
    text-align: center;
    font-family:  arial, helvetica, sans-serif;
    font-size:0.6em;
	color: #333;
	text-decoration:none;
	
	
}
.italicheader
{
    text-align: left;
    font-family:  arial, helvetica, sans-serif;
    font-size:0.8em;
    font-style: italic;
    font-weight: bolder;
	color: #666666;
	text-decoration:none;
	padding: 10px;
}
.indexlinkbutton 
{
    background-color:#333333;
   border-style: solid;
   border-width: thin;
    border: solid 0.5px #ccc auto;
    color: gray;
    font-family:  Helvetica, Arial, Sans-Serif;
    font-size: 0.7em;
    width: 80px;
   
    padding: 5px 5px 5px 5px;
   margin-left:20px;
    text-align: center;
    position:relative;
    top:30px;
    float:right;
}