/*
This is an Elated PageKit - www.elated.com.
All code and artwork copyright (c) 1996-2005 Elated Communications Ltd.
By using this PageKit, you are agreeing to be bound by the
usage agreement available online at http://www.pagekits.com/usage/
*/


/*
	Standard font family for site
*/

body, table, tr, td, a, p, h1, h2, h3
{
	font-family: verdana, arial, helvetica, sans-serif;
}


/*
	Page body style
*/

body
{
	margin: 0;
	padding: 0;
	background-color: #F3F3F3;
}


/* 
  Container for page 
*/

#container { 
  margin-left: auto; 
  margin-right: auto; 
  position: relative; 
  width: 745px;
  padding: 7px; 
  background-color: #FFFFFF; 
}


/*
  Main page header
*/

#mainpage-header-main
{
  width: 735px;
  height: 204px;
  background-image: url(images/header_main.jpg);
  background-repeat: no-repeat;
}

#mainpage-header-stripe
{
  margin-bottom: 25px;
  width: 735px;
  height: 39px;
  background-image: url(images/header_stripe_main.gif);
  background-repeat: no-repeat;
}


/*
  Ensure no gap below images in the header
*/

#mainpage-header img
{
  display: block;
}


/*
  Main page menu area
*/

#mainpage-menu
{
  margin-bottom: 25px;
  height: 228px;
}


/*
  Ensure no gap below images in the menu (except for the margin added by menu-items)
*/

#mainpage-menu img, #subpage-menu img
{
  display: block;
}


/*
  Main page menu items
*/

#mainpage-menu .menu-item
{
  width: 99px;
  height: 119px;
  background-color: #F3F3F3;
  margin-top: 8px;
  margin-right: 7px;
  float: left;
}


/*
  Sub-page menu area
*/

#subpage-menu
{
  margin-bottom: 25px;
  height: 141px;
}


/*
  Sub-page menu items
*/

#subpage-menu .menu-item
{
  width: 99px;
  height: 33px;
  background-color: #F3F3F3;
  margin-top: 8px;
  margin-right: 7px;
  float: left;
}


/*
  Menu links
*/

#mainpage-menu a, #subpage-menu a
{
	color: #898A7D;
  background-color: #F3F3F3;
  display: block;
  font-size: 9px;
  padding-top: 34px;
  padding-left: 5px;
  padding-right: 5px;
}

#mainpage-menu a
{
  height: 119px;
}

#subpage-menu a
{
  height: 33px;
}


/*
  Menu rollover colour - fallback default
*/

#mainpage-menu a:hover, #subpage-menu a:hover
{
	background-color: #E6F0CE;
}


/*
  Menu rollover colours - left to right
*/

#menu1 a:hover { background-color: #FEFFE4; }
#menu2 a:hover { background-color: #ffefd5; } /* #F6FDDC */
#menu3 a:hover { background-color: #f6d5a0; } /* #E9F4D4 */
#menu4 a:hover { background-color: #f8cc86; } /* #E6F0CE */
#menu5 a:hover { background-color: #f9c168; } /* #E1EACB */
#menu6 a:hover { background-color: #fbb84f; } /* #DAE4C2 */
#menu7 a:hover { background-color: #FCB446; } /* #CCD6B4 */


/*
  Main page: main content container ("message to visitors" and "welcome")
*/

#mainpage-content
{
  width: 745px;
  background-color: #F3F3F3; 
  background-image: url(images/content_bg_main.gif);
  background-repeat: repeat-y;
}


/*
  Main page: "message to visitors" block
*/

#mainpage-welcome
{
  float: left;
  width: 203px;
  padding: 30px 99px 20px 8px; 
  margin-right: 7px;
}


/*
  Main page: "message to visitors" text styling
*/

#mainpage-welcome p
{
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 29px;
  line-height: 80%;
}


/*
  Main page: intro text
*/

#mainpage-intro
{
  float: right;
  width: 407px;
  padding: 32px 5px 20px 5px;
  background-image: url(images/corner.gif);
  background-repeat: no-repeat;
  background-position: top right;
}


/*
  Sub-page: left column
*/

#subpage-leftcol
{
  float: left;
  width: 239px;
  margin-right: 7px;
}


/*
  Sub-page: main content
*/

#subpage-content
{
  width: 745px;
  background-color: #F3F3F3; 
  background-image: url(images/content_bg_sub.gif);
  background-repeat: repeat-y;
}


/*
  Sub-page: page title block
*/

#subpage-title
{
  width: 176px;
  height: 181px;
  background-color: #DDDDDD;
  padding: 30px 55px 0 8px;
  border-bottom: solid white 7px;
}


/*
  Sub-page: page title text styling
*/

#subpage-title p
{
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 29px;
  line-height: 80%;
}


/*
  Sub-page: sidebar text
*/

#subpage-sidebar
{
  width: 229px;
  padding: 24px 5px 5px 5px;
}


/*
  Sub-page: right column
*/

#subpage-rightcol
{
  float: right;
  width: 479px;
  padding: 32px 5px 5px 5px;
  background-image: url(images/corner.gif);
  background-repeat: no-repeat;
  background-position: top right;
}


/*
	Standard paragraph style
*/

p
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.75em;
	margin-top: 0;
	margin-bottom: 18px;
  color: #525349 /* #898A7D */;
}

/*
	table style, modeled after paragraph style
*/

table
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.75em;
	margin-top: 0;
	margin-bottom: 18px;
  color: #525349 /* #898A7D */;
}

/*
	form style, modeled after paragraph style
*/

form
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.75em;
	margin-top: 0;
	margin-bottom: 18px;
  color: #525349 /* #898A7D */;
}

/*
	Links
*/

a:link, a:active, a:visited
{
	font-family: verdana, arial, helvetica, sans-serif;
  color: #DE9803;
	text-decoration: none;
}


/*
	Headings
*/

h1
{
  text-transform: uppercase;
	font-weight: normal;
	font-size: 0.75em;
	color: #525349;
	margin-top: 0;
  margin-bottom: 28px;
}

h2
{
	font-weight: bold;
	font-size: 0.7em;
	color: #525349;
	margin-top: 6px;
  margin-bottom: 8px;
}


/*
	Page footer area
*/

div.footer
{
  background-color: #F3F3F3;
	margin-top: 7px;
	padding: 36px 5px 28px 5px;
	color: #898A7D;
}

div.footer p
{
	color: #898A7D;
	margin: 0;
}


/*
	Standard images
*/

img
{
	border: none;
}


/* Clearing element */

.clear 
{
  position: relative; clear: both; height: 0; line-height: 0;
}

