body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: smaller;
    background: #224886;
}

h2, h4 {
	padding: 0px;
	margin: 0 0 5px 0;
}

A:link {
	color: #3570d0;
}

A:visited {
	color: #224886;
}

A:hover { /* a:hover MUST come after a:link and a:visited */
	color: #FFFFFF;
	background-color: #224886;
	text-decoration: none;
}

A:active { /* a:active MUST come after a:hover */
	color: #FFFFFF;
	background-color: #3570d0;
}

img {
	padding: 5px;
	border: 0px;
}

img.left {
	float: left;
}

img.right {
	float: right;
}

p {
	padding: 0px;
	margin: 0px;
}

p.center {
	text-align: center;
}

p.tableText {
	padding: 0px 0px 15px 0px;
}

.cats {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 0px;
}

.forms {
	border: ridge 5px;
	padding: 5px;
}

td.spacer {
	width: 7px;
}

td.picture {
	width: 45%;
}

td.pictureSpacer {
	width: 10%;
}

td.contact {
	width: 358px;
}

.smallPic {
	height: 160px;
	border: 0px;
	padding: 0px;
}

.smallText {
	font-size: xx-small;
}

div {
	padding: 0px;
}

.fade {
	padding: 0px;
}

#header {
	font-size: 13px;
	text-align: right;
	padding: 10px;
	background: #3570d0 url('images/ak_logo.jpg') no-repeat;
	color: #FFFFFF;
}

#footer {
	text-align: center;
	font-size: xx-small;
	padding: 5px;
}

hr {
	color: #224886;
	background-color: #224886;
	height: 1px;
}

hr.footerHR {
	width: 98%;
}

.ulmargin {
	margin: 10px 0px 0px 20px;
}

dt {
	font-weight: bold;
}

dt.noBold {
	font-weight: normal;
}

#main {
	margin: 0 auto; /* auto centers this div*/
	background: #d3e4ff url('images/fade_main.jpg') repeat-x;
	color: #224886;
	width: 756px;
}

#content {
	position: relative;
	padding: 15px 20px 5px 20px;
}

textarea.comments {
	width: 45px;
	height: 5px;
}



/* Basis for menu from CSS Play (http://www.cssplay.co.uk/menus/) */
#menu, #menu ul {
	padding: 0; 
	margin: 0; 
	list-style: none; 
	background: url(transparent.gif); /* must have */
	position: relative; 
	z-index: 100;
}

#menu {
	font-size: 13px;
	height: 23px; 
	padding: 0px; 
	/*background: #3570d0 url('images/fade23.jpg') repeat-x;*/
}

#menu table {
	border-collapse: collapse;
}

#menu li {
	color: #ff0; 
	float: left;
	text-align: center;
}

#menu li li {
	float: none;
}

/* a hack for IE5.x and IE6 */
#menu li a li {
	float: left;
}

#menu li a {
	display: block; 
	float: left; 
	color: #FFFFFF;
	/*filter: Shadow(Color=#224886, Direction=135, Strength=2);*/
	width: 108px;
	height: 23px; 
	line-height: 22px; 
	text-decoration: none; 
	white-space: nowrap; 
	font-weight: bold;
}

#menu li li a { /* Links of submenu when hovering over main menu */
	height: 21px; 
	line-height: 20px; 
	float: none;
	color: #FFFFFF;
	background: #3570d0;
}

#menu li:hover {
	position: relative; 
	z-index: 100;
}

#menu a:hover {
	position:relative; 
	z-index:100; 
	background: #FFFFFF; 
	color: #3570d0; 
	/*border-left:1px solid #843;*/
}
#menu li:hover > a { /* Hovering over first layer */
	background: url('images/hover.jpg') #FFFFFF; 
	color: #3570d0;
}

#menu :hover  ul {
	left:0; 
	top:23px; 
	z-index:300;
}

#menu a:hover ul { /* ? */
	left:-1px;
}

#menu ul { /* Keeps submenu aligned */
	position: absolute; 
	left: -9999px; 
	top: -9999px;
}

/* it could have been this simple if all browsers understood */
/* show next level */
#menu li:hover li:hover > ul {
	left:0; 
	margin-left:100%; 
	top:0;
}

/* keep further levels hidden */
#menu li:hover > ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:auto;
}

/* show path followed */
#menu li:hover li:hover > a { /* Hovering over second layer */
	background: #9FC6FF; 
	color: #224886; 
	/*border-left:1px solid #843;*/
}

#menu li a:hover ul li a:hover {
	background: #FF0;
}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#menu a:hover a:hover ul,
#menu a:hover a:hover a:hover ul,
#menu a:hover a:hover a:hover a:hover ul,
#menu a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}