/* Page structure */
body {
	background-color: #ffffff;
}
p {
	margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px;
}
p.justify	{
	margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px;
	text-align: justify;
}
.img_left {
	margin-right: 10px;
	margin-bottom: 5px;
}
.img_right {
	margin-left: 10px;
	margin-bottom: 5px;
}

/* new 20101202 menu with css popouts */

#menu {
width: 12em;
background: #ffffff; /* to ensure nothing will show under the menu */
}

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

#menu a {
font: 12px arial, helvetica, sans-serif;
display: block;

/* Do not use boxes on ip.org ( but we do use them on /bridport and /forum )
border-width: 1px;
border-style: solid;
border-color: #000 #000 #000 #000; *//* border colours top to left clockwise */

margin: 5px 2px; /* separation between boxes vertical and horizontal */
padding: 5px 5px; /* space between text and box vertical and horizontal */
}

#menu a {
color: #000;
background: #fff;
text-decoration: none;
}


#menu ul li a {
color: #990099;
background: #eeeeee;
}

#menu ul li a:hover {
color: #a00;
background: #ff0;
}

/* make sure that the sub level list behaves the way we want */
#menu li {position: relative;}

#menu ul ul { /* NB for the horizontal menu with dropdowns and popouts, make that three uls */
position: absolute; /* is absolute with respect to the containing ul */
top: -5px; /* cancels the effect of the margin setting above */

/* Set to the right of the parent ul, with the same width */
left: 100%;
width: 100%;
}

/* Hide the sub levels when not hovering. */
div#menu ul ul,
div#menu ul li:hover ul ul
{display: none;}

/* but show them when hovering */
div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{display: block;}

/* end of the menu styling. Note the above may not work on early IE browsers. Always make sure that such users can get to the sub pages by making sure the top pages have links. Does work on IE 8. */

/* body text styles */
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #990099;
}
.boldtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #990099;
}
.smalltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #990099;
}

/* Styles for image display */
.imageheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: bold;
	font-weight: normal;
	font-variant: normal;
	color: #990099;
	text-align: center;
}
.imagecaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: bold;
	font-weight: normal;
	font-variant: normal;
	color: #990099;
	text-align: center;
}

/* Styles for headings */
/* Headings for the standard h1 to h6 tags */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #990099;
	text-align: center;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	color: #990099;
	text-align: center;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #990099;
	text-align: center;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	color: #990099;
	text-align: center;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #990099;
	text-align: left;
}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #990099;
	text-align: left;
}
/* Other headings */
.h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #990099;
	text-align: center;
}
.h1bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #990099;
	text-align: center;
}
.h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #990099;
	text-align: center;
}
.h2bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #990099;
	text-align: center;
}
.serifhead {
	font-family: Palatino Linotype, Times New Roman, Times, serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #990099;
	text-align: center;
}

/* styles for red and blue regular and heading text first used in ootb */
.blue {
	color: #0000cc;
}
.red {
	color: #cc0000;
}

/* special text for warnings etc. */
.redtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ff0000;
}
.blue_background {
	background-color: #0000ff;
}

.table_border {
	border-right: 0px solid #990099;
	border-top: 0px solid #990099;
	border-left: 0px solid #990099;
	border-bottom: 0px solid #990099;
}
.table_border_left {
	border-left: 2px solid #CC6600;
}
.table_border_bottom {
	border-bottom: 2px solid #CC6600;
}



.regularlink:link { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #990099; font-size: 12px;font-weight: bold; }
.regularlink:visited { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #660066; font-size: 12px; font-weight: bold; }
.regularlink:hover { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #CC0000; font-size: 12px; font-weight: bold; }
.regularlink:active { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #CC0000; font-size: 12px; font-weight: bold;
}


/* menus */
.menulink:link { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #990099; font-size: 12px;font-weight: bold; margin: 5px; }
.menulink:visited { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #990099; font-size: 12px; font-weight: bold; margin: 5px; }
.menulink:hover { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #FF0000; font-size: 12px; font-weight: bold; margin: 5px; }
.menulink:active { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #FF0000; font-size: 12px; font-weight: bold; margin: 5px; }
.menubox {
	border-right: 0px solid #990099;
	border-top: 0px solid #990099;
	border-left: 0px solid #990099;
	border-bottom: 0px solid #990099;
	background: #eeeeee;
	
} 
.menutext {

}

/* this is same as table_border as at 20071124 */
.textbox	{
	font-weight: normal;
	font-size: 12px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border-right: 1px solid #82BBB8;
	border-top: 1px solid #82BBB8;
	border-left: 1px solid #82BBB8;
	border-bottom: 1px solid #82BBB8;
}

/* Below are submit buttons. They may not be the colours suggested. The meaning of the colours is:
Red: take care. This action will delete or change something irreversibly.
Yellow: Moderate care. This action will add something new.
Green: Action is benign - causes a change that is easily reversible.
Blue: Begin an operation. Has no effect on the stored informatiuon in the database.
*/
.submitred { font-weight: normal;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border-right: 1px solid #FF0000;
	border-top: 1px solid #FF0000;
	border-left: 1px solid #FF0000;
	border-bottom: 1px solid #FF0000;
	height: 18px;
}
.submityellow { font-weight: normal;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFF00;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	height: 18px;
}
.submitgreen { font-weight: normal;
	font-size: 12px;
	font-weight: bold;
	color: #00CC00;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border-right: 1px solid #00CC00;
	border-top: 1px solid #00CC00;
	border-left: 1px solid #00CC00;
	border-bottom: 1px solid #00CC00;
	height: 18px;
}
.submitblue { font-weight: normal;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CCCCFF;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	height: 18px;
}