/* CSS Document */

/* general layout */
body{
	font-size:1em;
}

/*
div#fixedwrap {
	width:850px;
}
*/

div#content {
	padding:0;
}

div#pageheading {
	display:inline-block;
}

div#faq_content {
	padding:0.5em;
}

div#toplinks{
	display:block;
}
div#toplinks p#top-links {
	display:inline;
	float:left;
}

.under-top-links {
	display:inline;
	float:left;
	/*position:absolute;*/
}

p.posanchor {
	position: absolute;
	top:-50px;
}
p.posanchor a{
	position: relative;
}



p#top-links a {
	display: block;
	border-top: 1px solid #460166;
	border-right: 1px solid #000099;
	border-bottom: 1px solid #000099;
	border-left: 1px solid #460166;
	background-color: #000066;
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: bold;
	padding: 0.3em;
	margin:.1em;
	margin-right:1em;

}

p#top-links a:hover {
	background-color: #B0BBFF;
	border-top-color: #000099;
	border-right-color: #460166;
	border-bottom-color: #460166;
	border-left-color: #000099;
	text-decoration: none;
	color: #000066;
}






/* side menus */

div#sidemenus  {
/*	position:relative; */
/*   width:100%; */
	background-color:white; 
 	padding:0;
	margin-right:0;
	margin-left:0;
	text-align: left;
}
div#sidemenus ul {
	float:left;
	width:23%;
	list-style-type:none;
	text-align:left;
	margin-left:0;
	padding:0 0.5em;
	font-size:.9em; 
	/*font-weight:bold;*/
}
div#sidemenus ul#about-us {
	margin-right:0;
}



div#sidemenus a {
	display: block;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #000099;
	border-bottom: 1px solid #000099;
	border-left: 1px solid #FFFFFF;
	background-color: #E2EEFF;
	padding:.3em;
}
div#sidemenus a:hover {
	background-color: #B0BBFF;
	border-top: 1px solid #000099;
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	border-left: 1px solid #000099;
	text-decoration: none;
	color: #FFD;
}


div#sidemenus li{
	margin:0.2em 0;
}
/* sidemenus - headings */ 


#sidemenus a.anchor {
/* this undoes "a" block setting for whole side menus */
	visibility:hidden;
	display: none;
	padding: 0;
}


div#sidemenus .title  {
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	color: #FFF;
	font-size: 1.4em;
/* 	margin-top:.5em; */
	background-color: #006;
	font-weight: bold;
	padding:0.5em 0.5em 0.5em 0.5em;
}

.h {
	font-size:1.3em; 
	font-weight:bold;
}
/* sidemenus - list colours */ 


ul#packs a {
	background:#FFD35C;
}
ul#packs a{
 	background-color:#D7FCCF;
}

/*ul#using a, ul#about-us a{
 	background-color:#FCE790;
} */

ul#using a:hover, ul#using a:visited{
 	background-color:#c50;
 	color:black;
}


ul#problems a{
 		background-color:#FCE8EB;
}
ul#problems a:hover{
 		background-color:#FAE1D4;
 		color:red;
}



/* content divs */

div#faq_content {
	clear:both;
	text-align:justify;
	background-position: center top;
}

div#faq_content div h3{
	text-align:left;
	padding-left:.5em;
	padding-right:.5em;
	background:white;
	position: absolute;
	top:-.5em;
}

div.answer_ads {
  border: 2px solid #c50; 
} 

div#packs {
  border: 2px solid #c50;	
}
div.pack {
  border: 1px solid #c50; 
		padding:1em;
	position:relative;
	margin:2em 0;	
}

div#packs>div.pack>h4 {
	text-align:left;
	padding-left:.5em;
	padding-right:.5em;
	background:white;
	position: absolute;
	top:-2em;
}

div.using {
  border: 2px solid #c50; 
} 

div.problems {
  border: 2px solid #c50; 
} 
div.about-us {
  border: 2px solid #c50; 
} 


div#faq_content div {
	padding:1em;
	position:relative;
	margin:2em auto;
}

 /* tweaks */

div#faq_content	h3 + p {
	margin-top: 2em;
}
.lozenge-text{
}

img {
text-decoration:none;
border:0;	
}

ul.circle {
	list-style-type: circle;
	line-height:1.2em;
}
ul.circle li {
margin-top:1em;
}


/* deadlines table */

table#deadlines, table#deadlines_12 {
	border: 2px solid #c50;
	font-size: .9em;
	text-align:center;
	font-weight:medium;
	padding:.1em;
}

table#deadlines .vac, table#deadlines_12 .vac {
	background:#e2eeff;	
}
table#deadlines tr.days, table#deadlines_12 tr.days{
 background:	#FFFCF2;
}
table#deadlines th b, table#deadlines_12 th b {
	text-align:left;
	font-size:2em;
}
table#deadlines td.yellow, table#deadlines_12 td.yellow {
 background:#FFFCA3;
 text-align:left;
 border-right:1px solid black;
}
table#deadlines .yellow b, table#deadlines_12 .yellow b {
	font-size:1.1em;
}

table#deadlines_12 td.rb {
 	border: 1px solid #c50;
}



