body
{
	margin:0;
	/*
	* New variables added for fixed header -Tom 08/06/09
	*/	
	padding:115px 0 0 0;
	overflow:hidden;
	font-size: 12px;
	min-width: 960px;
}

/*
* Fixed header properties below - Tom 08/06/09
*/
	div#header
	{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:115px;
		min-width:100%;
	}

	div#content
	{
		height:100%;
		overflow:auto;
	}

	/* 
	* Suppose we don't want a fixed header in print and handheld devices etc as it will take up room, so only set to screen.
	*/
	@media screen
	{
		body>div#header
		{
			position: fixed;
		}
	}
/*
* End fixed header properties
*/
.bg1
{
	background-image: url('images/header/header_1x5.jpg'); 
	height:99px; 
	background-repeat:repeat-x;
	z-index:-200;
	position:absolute;
}
.bg2
{
	background-image: url('images/header/header_1x1.jpg'); 
	background-repeat:no-repeat;
	height:99px;
}

.clsMain
{
    FONT-SIZE: 12px;
    COLOR: #333333;
    FONT-FAMILY: arial
}
.clsMain H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: #6633cc;
    FONT-FAMILY: Arial;
	TEXT-TRANSFORM: capitalize;
}
H4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    COLOR: #6633cc;
    FONT-FAMILY: Arial;
	TEXT-TRANSFORM: capitalize;
}
.clsMain H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    MARGIN-LEFT: 0px;
    COLOR: #663399;
    FONT-FAMILY: Arial;
	TEXT-TRANSFORM: capitalize;
}
.clsMain P
{
    COLOR: #333333;
    FONT-FAMILY: Arial
}
.clsMain LI
{
    COLOR: #333333;
    FONT-FAMILY: Arial;
}
.clsMain A
{
    COLOR: #6633cc;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}
.clsMain A:hover
{
    COLOR: #993399;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}
.clsMenu
{
	FONT-SIZE: 12px;
}
.clsMenu A
{
    COLOR: #6633cc;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.clsMenu A:active
{
    COLOR: #990099;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.clsMenu A:hover
{
    COLOR: #993399;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.clsSubMenuDiv
{
    BORDER-RIGHT: #800080 1px solid;
    BORDER-TOP: #800080 1px solid;
    VISIBILITY: hidden;
    BORDER-LEFT: #800080 1px solid;
    BORDER-BOTTOM: #800080 1px solid;
    POSITION: absolute
}
.clsSubMenuDiv TABLE
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #e5e5e5
}
.clsSubMenu
{
	FONT-SIZE: 11px;
}
.clsSubMenu A
{
    COLOR: #6633cc;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.clsSubMenu A:hover
{
    COLOR: #993399;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.clsMenu SMALL
{
    FONT-SIZE: 9px;
    COLOR: #9966cc;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.clsMain H3
{
    FONT-SIZE: 13px;
    COLOR: #663399;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial;
	TEXT-TRANSFORM: capitalize;
}
.clsShowPhoto
{
    FONT-FAMILY: Arial
}
.clsShowPhoto A
{
    FONT-SIZE: 12px;
    COLOR: white
}

#border { 
border-width: .2em; 
border-style: dotted; 
border-color: #663399; 
padding-left: 4px;
padding-right: 4px;
} 

A.home
{
    FONT-SIZE: 15px;
	FONT-WEIGHT: bold;
    COLOR: #6633cc;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}
 A.home:hover
{
    FONT-SIZE: 15px;	
	FONT-WEIGHT: bold;
    COLOR: #6633cc;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: underline
}

.cursor
{
	cursor: pointer;
}