/* CSS Document */

BODY
{
	/*background-image: url(images/background.gif);
	background-repeat: repeat-x;*/
	margin: 0 0 0 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	color: #666666;
}

A:link, A:active, A:visited { text-decoration: none; color : #ffffff}
A:hover { text-decoration: none; color : red}


#div770Container
{
	background-image: url(images/background.gif);
	background-repeat: repeat-y;
	width: 770px;
   	border: 0px 0px 0px 0px;
	margin: 19px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    /*background-color: #b9b9b9;*/
	margin-left:auto; /* centre this container */
	margin-right:auto; /* centre this container */
}


#div210Container
{
	background-image: url(images/nav_back_line.gif);
	background-repeat: repeat-y;
	width: 210px;
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    /*background-color: #ffe187;*/

}

#div210Container img
{

	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}


#div560Container
{
	width: 560px;
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ----------------------------------_(space)IE-SEES-THIS----------------------- CONTENT LAYOUT STYLE ----------------------------------------------------------- */

#divWidecontainer
{
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	_ margin: -10px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

#divWidecontainer h2, #divHalfContainer h2
{
	font-size:18px;
	font-weight:bold;
}


#divHalfContainer
{
	width: 260px; /* 280px is original */
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	_ margin: 10px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
    /*background-color: #ffe187;*/

}

#divHalfContainer h5
{
	font-size:13px;
	font-weight:bold;
	margin: 0px 0px 2px 0px;
}

#clear {
	clear: both;
}


.floatOuter
{
float:left;
display:inline;
}

.floatInner
{
float:right;
display:inline;
}





#divLogoConatiner
{
	background-image: url(images/logo_main.gif);
	background-repeat: no-repeat;
	width: 100%;
	height:130px;
}

#divLogoConatiner h1, #divHeadContainer h1
{
	visibility:hidden;
	font-size:9px;
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#divHeadContainer
{
	background-image: url(images/top_back_01.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height:130px;
}



#divMiniLinks
{
	background-image: url(images/minilinks_back.gif);
	background-repeat: no-repeat;
	width: 180px;
	height: 18px;
	font-size: 10px;
	font-weight:bold;
	letter-spacing:normal;
	color: #fff;
	padding-top:2px;
	text-align:right;
	/*background-color: #ffe187;*/
}



/* ----------------------------------_(space)IE-SEES-THIS----------------------- NAVIGATION STYLE ----------------------------------------------------------- */

#nav
{
	list-style:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; 
	_ margin: 0px 0px -11px 0px; /* fixes ie problem with massive space at the bottom of this div */
	font-size:10px;
	
}

#nav li 
{
	margin: 0px 0px 0px 0px;
	
	font-weight:bold;
}


#nava
{
	background-image: url(images/nav_back_01.gif);
	background-repeat: no-repeat;
}
#navb
{
	background-image: url(images/nav_back_02.gif);
	background-repeat: no-repeat;
}

#navbot /* tags a li item to the bottom to add the dropshadow graphic and make it align */
{
	background-image: url(images/nav_shad.gif);
	background-repeat: no-repeat;
	font-size: 8px;
}

#nav li a 
{
	color:#777;
	display:block;
	width:110;
	height:17px; /* makes the height of background graphick correct, 30px + 11px (see below) = 41 (height of button graphic) */
	padding: 3px 0px 0px 20px; /* move the text for buttons not the background images */
}

#nav li A:hover, #nav2 li A:hover { text-decoration: none; color : red}

#nav2
{
	list-style:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px; 
	_ margin: 0px 0px -11px 20px; /* fixes ie problem with massive space at the bottom of this div */
	
}

#nav2 li 
{
	margin: 0px 0px 0px 0px;
	font-size:11px;
	font-weight:bold;
	list-style-image:url(images/nav2_bullet.gif);
}

#nav2a
{
	/*background-image: url(images/nav2_bullet.gif);
	background-repeat: no-repeat;*/
}

#nav2 li a 
{
	color:#777;
	display:block;
	/*width:110;*/
	height:22px; /* makes the height of background graphick correct, 30px + 11px (see below) = 41 (height of button graphic) */
	padding: 0px 0px 0px 0px; /* move the text for buttons not the background images */
	border: 0px 0px 0px 0px;
}


#divFillerArea
{
	background-color: #fff;
	width:190px;
	height:auto;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 20px 10px;
	border: 0px 0px 0px 0px;
	font-size:12px;
	font-weight:bold;
}