/* Colour palette */

/*	#000033; /*very dark blue*/
/*	#223440; /*dark blue*/
/*	#466273; /*medium dark blue*/
/*	#6F91A6; /*medium blue*/
/*	#A0C3D9; /*light blue*/
/*	#D8D9D0; /*grey*/





/* Edited with EditCSS */
/**** LINK-tag style sheet style.css ****/

/* Define body style */
body {
	font: 80%/150% "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	background:url(images/png/png/bg.png) fixed repeat; 
	text-align: center; /* Forces IE 5 to center block-level content */
  }



/* =IR
  - Phark 
  ---------------------------------------------------------- */

h1, #masthead p {
	margin: 0;
	padding: 0;
	text-indent: -2000em;
	line-height: 0%;
	height: 0;
	font-size: 0;
}

/* Define container in which everything will sit. */
#container {
	width: 980px;
      /*min-width:670px;*/
	border:3px solid #000033; /*Dark blue*/
      margin: 0 auto;
	background:white url(images/png/logobottomleft.png) no-repeat left bottom; 
	text-align: left;
  }

/* Define header - the big title at the top*/
h1 {
	/*background: url(images/png/logo.png) no-repeat right top;*/	
	margin: 0;
	letter-spacing:2px;
	padding:0;
	color:#000033; /*Dark blue*/
	font-style:italic;
	text-decoration:none;
	position: absolute;
	height: 125px;
	top: 0;
	left: 0;
	width: 100%;
  } 

h1 a:link, h1 a:visited {display:block;
	height: 100px;/* Not needed due to image replacement. Text-decoration:none; #000033; /*Dark blue*/}
/*#masthead a:hover (text-decoration:underline;}*/
	
	#masthead {
			background: url(images/png/banner.png) no-repeat left top;
			position: relative;
			height: 140px;
			padding: 0;
	}
	


/* Define the footer */
#footer p {
	font-size:80%;
	text-align:center;
	font-family:Tahoma, Verdana, sans-serif;
	padding: 26px 0 0 0;
	margin:0;
	color: #fff;
  }

#footer {
	clear:both; /*Ensures footer always appears below both columns*/
	height: 78px;
	background:url(images/png/footer.png) no-repeat left bottom; /*dark blue*/ 
	font-family:Tahoma, Verdana, sans-serif;
	margin: 0;
  }




/* Define header styles*/
h2 {
	font-size:140%;
	padding: 0;
	color:#000033; /*dark blue*/
	margin-top: 0;
  }

h3 {
	font-size:110%;
	font-weight:bold;
	border-top:1px #A0C3D9 dotted; /*light blue*/
  }

h2, h3 {
	font-family:Tahoma, Verdana, sans-serif;
  }



/* Define paragraph styles */
p {
	font-size:100%;
	color:black;
  }

.reducefont {font-size:90%;}


/*Define floating screenshot*/
#screenshot {
	background:none;
	/*background:url(images/transpback.gif) fixed repeat;*/
	border:#AABFFF solid 3px; /*summer blue*/
	width:188px;
	height:159px;
	padding:0;
	margin:0;
	position:fixed;
	top:10px;
	left:10px;
  }

.screenshot_adjust {
	position:relative;
	top:-13px;
  }

/*Define floating picture of logo*/
.img_float {
	float:right;
	margin:0;
	position:relative;
	top:-80px;
  }

/*Define floating logo*/
.logo_float {
	float:left;
	margin:0;
	position:relative;
	top:-47px;
	margin:5px;
	width:53px;
	height:45px;
  }


/* Define blockquote*/
blockquote {
	margin:0 20px 0 30px;
	/*padding:0 10px 0 10px;
	border-left:2px dotted #FFCCFF;
	border-right:2px dotted red;*/
	font-style:italic;
	color:black;
	line-height:120%;

  }


/* Define style for the nav bar (under the header) */

#navbar ul {
	padding:6px 0;
	margin:0 0 10px 0;/*leaves a gap below the header before and after the navbar*/
	font-size: 1em;
	font-family: Tahoma, Verdana, sans-serif;
	border-bottom:2px solid #000033; /*Dark blue*/
	width:100%;
	background:#D8D9D0; /*grey*/
    }


#navbar li {
	list-style:none;
	display:inline;
	margin:0 -6px 0 0;
	line-height:145%;
    }

#navbar ul li a {
	padding: 0.6em 2.2em;
	background:#D8D9D0; /*grey*/
	color: White;
	text-decoration: none;
	/*border:2px solid #0000FF;*/ /*Dark blue*/
    }

/* Don't forget the focus pseudo-selector as well for keyboard only users */

#navbar ul li a:hover, #navbar ul li a:focus #navbar ul li#buttondown a:hover, #navbar ul li#buttondown a:focus {
	background-color:#D8D9D0; /*grey*/
	/*color:#68A787;*/ /*Forest green*/
	text-decoration:underline;
  }	

/*Define the navbar button in the 'on' state */
#navbar ul li#buttondown a {
	background-color:#003399; /*summer blue*/
  }




/* Define the main content block */
#maincolumn {

	background:url(images/png/transpback.png) fixed repeat;
	margin: 0 320px 10px 10px;
	border-right:8px solid white; 
	padding:12px 17px 1px 10px; /* Indents all text a little bit */
	text-align: left;
    }


#maincolumnundomargin {

	background:url(images/png/transpback.png) fixed repeat;
	margin: 0 10px 10px 10px;
	border:none; 
	padding:12px 17px 1px 10px; /* Indents all text a little bit */
	text-align: left;
    }


/* Define sidebar */
#sidebar {
	width:300px;
	_width: 33%; /* Counters IE dodgy box model and lack of calculation for the padding into the width */
	clear:both;
	float:right;
	position:relative;
	border-left:1px solid #6F91A6; /*medium blue*/
	/*border:1px solid #eee;*/
	margin: 0 2px 0 0px;
	line-height:130%;
	padding: 0 6px;
    }

/*Define the look of the table*/
table {
	width:100%;
	border:0;
	border-collapse:collapse;
	font-size:0.90em;
	font-family:Tahoma, Verdana, sans-serif;	
}

#linktable td, th {padding:3px 0px 3px 3px;}

#linktable th {

	text-align:left;
	cursor:pointer;
	border-bottom:1px solid #223440; /*dark blue*/
  }


#linktable td {border-bottom:1px solid #A0C3D9; /*light blue*/}
#linktable td a:link, #linktable td a:visited, #linktable td a:hover {display:block; padding:2px 0 2px 2px;}
#linktable td a:hover {background-color:#223440; /*dark blue*/;color:white; }



#screentable td, #screentable th {border-collapse:collapse; padding:5px 5px 0 5px; background:none;}

#screentable img { height: 99px; width: 141px;}
#screentable a:link img, #screentable a:visited img  { border: none; border-bottom:5px solid #EFEFEF /* light grey */;}
#screentable a:hover img {border-bottom:5px solid #223440; /*dark blue*/}

.screentablebottbord {border-bottom:1px solid #A0C3D9; /*light blue*/}



#repostable td, th {padding:3px 0 3px 3px;}

#repostable th {
	text-align:left;
	cursor:pointer;
	border-bottom:1px solid #223440; /*dark blue*/
  }


#repostable td {border-bottom:1px solid #A0C3D9; /*light blue*/}
#repostable td a:link, #repostable td a:visited {display:block; padding:2px 0 2px 20px;}
#repostable td a:hover {display:block; background-color:#223440; /*dark blue*/color:white; }
.repostableminwidth {width:170px;}

#screentabledfes img {border: none; height: 89px; width: 126px;}
#screentabledfes td, th {border-collapse:collapse; padding:5px 5px 0 5px; background:none;}
#screentabledfes a:hover {border-bottom:5px solid #223440; /*dark blue*/}




#sidebar, #maincolumn {min-height:450px;
	_height: 459px; /* IE hack, not good practice (Get me to explain it to you) - should be placed in a conditional comment*/ 
}

#sidebar h3, #screenshot h3 {
	background:#223440; /*dark blue*/
	color:#fff;
	padding: 3px;
	font-weight: normal;
	font-size: 90%;
	margin: 0;
	border-top:0;
	border-bottom:2px solid #A0C3D9; /*light blue*/
    }

ol {list-style-type: upper-roman;}


/*Define the entry button on the repository page*/
#enterbutton {
	text-align:center;
	font-size:1.1em;
	line-height:180%;
	
  }
#enterbutton a:link {
	border:2px solid #000033;
	background-color:#A0C3D9; /*light blue*/
	color:white;
	padding:7px;
  }

#enterbutton a:hover {background-color:#000033;}

.odd {background-color: #A0C3D9; /*light blue*/}

.even {}


/* Redundant as the sidebar inherits the color from the body rule .sidebartext p {color:black;} */


/* Define link colours*/
a:link, a:visited {color:#223440; /*dark blue*/}
a:hover {text-decoration:underline;}
/*a:active {color:blue;}*/


.pdfLink {background: url(images/pdf.gif) no-repeat 0 .5em; }
.docLink {background: url(images/doc.gif) no-repeat 0 .5em; }
.zipLink {background: url(images/zip.gif) no-repeat 0 .5em; }
.xlsLink {background: url(images/xls.gif) no-repeat 0 .5em; }
.pptLink {background: url(images/ppt.gif) no-repeat 0 .5em; }
.vidLink {background: url(images/vid.gif) no-repeat 0 .3em; }
.iwbLink {background: url(images/iwb.gif) no-repeat 0 .5em; }
.gifLink {background: url(images/gif.gif) no-repeat 0 .5em; }

form {
background:	url(cssplay/bg.png) center top no-repeat;
width:469px; 
/*height: 754px;*/
padding:5px;
margin:0 0;
/*font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;	
font-size: 76%;	*/
}

form fieldset {
width:430px; 
display:block; 
border:1px dotted #fff; 
padding:5px; 
margin-bottom:0.5em; 
margin-left: 13px;
line-height:1.2em;
}

form fieldset#opt {
/*background:#ff6705;*/
}

form legend {
font-size:1.1em; 
font-weight:bold; 
color: #4d89ff;
margin: 0 0 5px 10px; 
height: 24px;
line-height: 24px;
width:auto; 
border: 1px solid #137C41;
padding: 0 5px;
background: url(cssplay/legend_bg.gif);
}

form label {
clear:left; 
display:block; 
float:left; 
width:100px; 
text-align:right; 
padding:10px 10px 0 0; 
color: #000033; 
margin-bottom:0.5em;
}

form input {
border:1px solid #000033; 
padding:0 2px;; 
margin-bottom:0.3em;
width:300px; 
height: 30px;
}

form select {
margin-left:0.5em;
}

form textarea {
width:410px; 
height:auto;
border:1px solid #000033; 
padding:0.5em; 
overflow:auto; 
}

form option {
background:#003399; 
color:#fff;
}

form optgroup {
background: #4D89FF; 
color:#FFF; 
}

form optgroup option {
background:#C5D9FF; 
color:#000033;
}

form#two #button1 {
color:#000033; 
font-weight: bold;
background: url(cssplay/btn_bg.jpg);
display: inline;
border: none;
width:89px; 
height: 27px;
line-height: 27px;
text-align: center;
margin-left: 11.5em
}

form#two #button2 {
color:#003399; 
font-weight: bold;
background: url(cssplay/btn_bg.jpg);
display: inline;
border: none;
width:89px; 
height: 27px;
line-height: 27px;
text-align: center;
}

form#two #button1:hover, form#two #button2:hover {
color:white;
background-color:#003399; /*summer blue*/
}
p {
margin: 4px 0;
}