@charset "utf-8";
/* CSS Document */

body{
	text-align:center;
	background:#ffffff;
	height:100%;
}
div.center{
	background:#FFFFFF;
	text-align:left;
	width: 770px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	border:2px solid black;
}
div#divHeader{
	background:url(title.jpg) no-repeat;
	background-color:#33FFCC;
	width:770px;
	height:79px;
	border-bottom:2px solid #333333;
}
div#divMenu{

}
div#divContent{
	background-image:url(bg.jpg);
	background-position:bottom;
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:inherit;
	padding-top:1em;
	padding-bottom:2em;
	padding-left:1em;
	padding-right:1em;
}
div#divFooter{
	width:770px;
	height:25px;
	background-color:#777777;
	color:#FFFFFF;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-variant:small-caps;
	line-height:25px;
}
div#divLinks{
	width:770px;
	background-color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}
div#divLinks a:link{
	color:#BBBBBB;
	text-decoration:none;
}
div#divLinks a:visited{
	color:#BBBBBB;
	text-decoration:none;
}
div#divLinks a:active{
	color:#BBBBBB;
	text-decoration:none;
}
div#divLinks a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

a img {border: none; } 


.menu {width:770px; height:32px; font-size:0.85em; position:relative; z-index:100;border-right:0px solid #000;border-left:0px solid #000;}
/* hack to correct IE5.5 faulty box model 
* html .menu {width:770px; w\idth:769px;}*/
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:154px;}/**/
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:154px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:13px;font-family:Geneva, Arial, Helvetica, sans-serif;text-decoration:none; color:#000000; width:143px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#999999; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected 
* html .menu a, * html .menu a:visited {width:154px; w\idth:142px;}*/

/* style the second level background 
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}*/
/* style the second level hover 
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}*/
/* style the third level background
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;} */
/* style the third level hover 
.menu ul ul ul a:hover {background:#b2ab9b;}*/


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:152px;border-top:1px solid #000;}
/* another hack for IE5.5 
* html .menu ul ul {top:30px;t\op:31px;}*/

/* position the third level flyout menu 
.menu ul ul ul{left:154px; top:-1px; width:154px;}*/

/* position the third level flyout menu for a left flyout 
.menu ul ul ul.left {left:-154px;}*/

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#cc9999; color:#000; height:auto; line-height:1em; padding:5px 10px; width:132px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}*/

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#666666;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#666666;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link 
.menu ul :hover ul ul{visibility:hidden;}*/
/* make the third level visible when you hover over second level list OR link 
.menu ul :hover ul :hover ul{ visibility:visible;}*/

a#firstItem, a:visited#firstItem {width:144px; border-width:1px 0 1px 0px;};