body {
font-size : 8pt; 
font-family : Verdana; 
font-weight : normal; 
color : #cccccc; 
background-color : #003366;
margin : 0 0 0 0;
padding : 0 0 0 0;
width : auto; 
}

h1 {
font-family : Verdana, Arial; 
font-style : normal; 
font-variant : normal; 
font-weight : bold; 
font-size : 20pt; 
color : #FF9933; 
background-color : transparent; 
}

h2 {
font-family : Verdana, Arial; 
font-style : normal; 
font-variant : normal; 
font-weight : normal; 
font-size : 12pt; 
color : #CCCCCC; 
background-color : transparent; 
}

h3 {
	font-family : Verdana, Arial; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : bold; 
	font-size : 12pt; 
	color : #FF9900; 
	background-color : transparent; 
}

h4 {
	font-family : Verdana, Arial; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : normal; 
	font-size : 11pt; 
	color : #333333; 
	padding: 0;
	margin: 0;
	background-color : transparent; 
}


p {
font-size : 8pt; 
font-family : Verdana; 
}

A:link		{text-decoration: none; color: #cccccc}
A:visited	{text-decoration: none; color: #cccccc}
A:active	{text-decoration: none; color: #cccccc}
A:hover		{text-decoration: underline;}

input {  font-size: 9pt; border: 1px #333366 solid; color #003366; background-color: #eeeeee;}

a:link img { border: 1px #666666 solid; }
a:active img { border: 1px #666666 solid; }
a:visited img { border: 1px #666666 solid; }
a:hover img { border: 1px #FFCC33 solid; }


.leftcolumn {
	background-color : #336699;
}

.pagefooter {
	background-color: #666666;
	border-top: #003366 1px solid;
}

.smalltext {
	padding: 6px;
	font-family : Verdana; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : normal; 
	font-size : 7pt;
	color: #cccccc;
}

.smalltext a:link {
	font-family : Verdana; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : normal; 
	font-size : 7pt;
	color : #cccccc;
}

.smalltext a:visited {
	font-family : Verdana; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : normal; 
	font-size : 7pt;
	color : #cccccc;
}

.smalltext a:active {
	font-family : Verdana; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : normal; 
	font-size : 7pt;
	color : #cccccc;
}

.noline a:link {
  color : #807F84;
  text-decoration : none;
}

.noline a:visited {
  color : #807F84;
  text-decoration : none;
}

/* ************************************************************************** */
/*                                                                            */
/* footer styling                                                             */
/*                                                                            */
/* ************************************************************************** */

.footer {
	border-top: #FFCC33 2px solid;
	font-family: verdana;
	color: #cccccc;
	font-size: 7pt;
	text-decoration: none; 
}

.footer A:link		{text-decoration: none; color: #cccccc}
.footer A:visited	{text-decoration: none; color: #cccccc}
.footer A:active	{text-decoration: none; color: #cccccc}
.footer A:hover		{text-decoration: underline;}

/* ************************************************************************** */
/*                                                                            */
/* pagemaster section templates                                               */
/*                                                                            */
/* ************************************************************************** */

.darkgreysection {
	font-family: verdana;
	background-color: #333333;
	color: #FF9900;
	font-size: 10pt;
	padding: 10px;
	border-bottom: #FF9900 1px solid;
}

.darkgreytitle {
	font-family: verdana;
	background-color: #333333;
	font-weight: bold;
	color: #FF9900; 
	font-size: 20pt;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

.mediumgreysection {
	font-family: verdana;
	background-color: #666666;
	color: #cccccc;
	font-size: 10pt;
	padding: 10px;
	border-top: #333333 1px solid;	
	border-bottom: #333333 1px solid;	
}

.mediumgreytitle {
	font-family: verdana;
	background-color: #666666;
	font-weight: normal;
	color: #cccccc; 
	font-size: 13.5pt;
	padding: 10px;
}

.whitesection {
	font-family: verdana;
	background-color: #ffffff;
	color: #003366;
	font-size: 10pt;
	padding: 10px;
	border-top: #666666 1px solid;	
}

.lightgreytitle {
	font-family: verdana;
	background-color: #cccccc;
	font-weight: normal;
	color: #333333; 
	font-size: 13.5pt;
	padding: 10px;
}

.lightgreysection {
	font-family: verdana;
	background-color: #cccccc;
	color: #003366;
	font-size: 8pt;
	padding: 10px;
	padding-left: 16px;
	border-top: #666666 1px solid;	
}

.bluetitle {
	font-family: verdana;
	background-color: #003366;
	font-weight: normal;
	color: #f0f080; 
	font-size: 16pt;
	padding: 16px;
	border-right: #cccccc 1px dashed;
}

/* ************************************************************************** */
/*                                                                            */
/* login box styling                                                          */
/*                                                                            */
/* ************************************************************************** */

.loginbox {
	font-family: verdana;
	font-weight: normal;
	font-size: 10pt;
	text-align: left;
	margin-left: 20px;
	color: #cccccc; 
}

.loginbox A:link {
	font-family: verdana;
	font-weight: normal;
	font-size: 10pt;
	color: #cccccc; 
	text-decoration: none;
}

.loginbox A:visited {
	font-family: verdana;
	font-weight: normal;
	font-size: 10pt;
	color: #cccccc; 
	text-decoration: none;
}

.loginbox A:active {
	font-family: verdana;
	font-weight: normal;
	font-size: 10pt;
	color: #cccccc; 
	text-decoration: none;
}

.loginbox A:hover {
	font-family: verdana;
	font-weight: normal;
	font-size: 10pt;
	color: #cccccc; 
	text-decoration: underline;
}

/* ************************************************************************** */
/*                                                                            */
/* calendar styling                                                           */
/*                                                                            */
/* ************************************************************************** */

.calendarmonth {
	font-family : Verdana; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : normal; 
	font-size : 7pt;
}

.calendarmonth a:link {
	margin-top: 3px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	font-size : 8pt;
	text-decoration : none;
}

.calendarmonth a:visited {
	margin-top: 3px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	font-size : 8pt;
	text-decoration : none;
}

.calendartext {
	font-family : Verdana; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : normal; 
	font-size : 7pt;
}

.calendartext a:link {
	font-family : Verdana; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : bold; 
	font-size : 7pt;
}
.calendartext a:visited {
	font-family : Verdana; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : normal; 
	font-size : 7pt;
}

.calendarbg {
  background-color : #CED0D2;
}

.calendarbg_medium {
  background-color : #EDEEEF;
}

.calendarbg_light {
  background-color : #F7F7F8;
}


.largetext {
	font-family : Verdana; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : normal; 
	font-size : 9pt; 
}

.largetext a:link {
	font-family : Verdana; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : normal; 
	font-size : 9pt; 
	color : #807F84;
}

.largetext a:visited {
	font-family : Verdana; 
	font-style : normal; 
	font-variant : normal; 
	font-weight : normal; 
	font-size : 9pt; 
	color : #807F84;
}

.errortext {
  font-family : Verdana; 
  font-size : 8pt;
  color : red;
  font-weight : bold;
}

.grid {
border : #efb240 .05em solid;
}

.white, .white A:link,  .white A:visited,  .white A:active{
  background-color : white;
  color: #003366;
}

.black {
  background-color : black;
}

.bg_dark {
  background-color : #4a4a4a;
}

.bg_medium {
  background-color : #666666;
}

.bg_light, .bg_light A:link,  .bg_light A:visited,  .bg_light A:active{
	background-color : #CCCCCC;
	text-decoration: none;
	color: #003366;
}

.bg_light A:hover		{text-decoration: underline;}


.alt_bg_dark {
  background-color : #333333;
}

.alt_bg_medium {
  background-color : #666666;
}

.alt_bg_light {
  background-color : #CCCCCC;
}

/* styles for ccb boxes */


table.outer_box, td.outer_box
{
	margin: 0px;
	border: 0px;
	background-color : #D8DADC;
}

table.outer_rcolbox, td.outer_rcolbox
{
	margin-left: 4px;
	border: 2px solid #C3C5C8;
}

table.ccb_softouter_rcolbox, td.ccb_softouter_rcolbox
{
	margin-left: 6px;
	border: 0px;
	background-color : #D8DADC;
}

.page_box
{
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 5px;
}

.ccb_softpage_box
{
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 5px;
	background-color : #EDEEEF;	
}


.picture_box
{
	border: 0px;
	display: block;
	white-space: nowrap;
	top: 0px;
	padding: 0px;
	margin: 0px;
	margin-left: 8px;

}

.addresstext
{
	color : #cccccc;
	font-family : Sans-serif; 
	font-style : normal; 
	font-weight: bold;
	font-size: 8pt;
	padding-left: 1em;
}

	
.innerbox
{
	font-family : Verdana; 
	font-style : normal;
	font-size: 8pt;
	color : #003366;
}

.ccb_softbox
{
	font-family : Verdana; 
	font-style : normal;
	font-size: 8pt;
	background-color : #EDEEEF;
}

.bottomruleoff
{
	border-top: 6px solid #EDEEEF;
}

.boxcontent
{
	font-family : Verdana; 
	font-style : normal;
	font-size: 8pt;
	color : ##003366;
	padding-left: 8px;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 2px;
	align: left;
	border-bottom: #cccccc 1px dashed;
}

.boxtitle
{
	font-family: Verdana; 
/*	text-transform: lowercase; */
	font-style : normal; 
	font-weight: normal;
	font-size: 10pt;
	color : #cccccc;
	background-color: #336699;
	padding-left: 6px;
	padding-top: 10px;
	padding-bottom: 8px;
	text-align: left;
}

ul.tightlist li {
	display: list-item;
	list-style: none;
	float: none;
}

ul.tightlist li a:link {
	text-decoration: none;
}

ul.tightlist li a:visited {
	text-decoration: none;
}

ul.tightlist li a:hover {
	text-decoration: underline;
	}


/* ************************************************************************** */
/*                                                                            */
/* category menu stuff                                                      */
/*                                                                            */
/* ************************************************************************** */

ul.categorymenu {
	font-family : Verdana; 
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
	padding-left: 2px;
	width: 113px;
	background: #ffffff;

	}

ul.categorymenu li.ignore  {
	display: none;
	list-style: none;
	}
	
ul.categorymenu li {
	margin: 0px;
	padding: 4px;
	background: #edeeef;
	border: 3px solid #edeeef;
	}

ul.categorymenu li ul {
	width: 97px;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	background: #edeeef;
	}	


ul.categorymenu li ul li {
	padding: 1px;
	margin: 0px;
	margin-left: 1px;
	margin-top: 4px;
	display: block;
	text-decoration: none;
	text-align: left;
	border: 1px solid #D8DADC;
	color: #ffffff;
	background: #D8DADC;
	list-style-type: none;
	float: none;
	}	

ul.categorymenu li ul li a:link {
	padding: 0px;
	padding-left: 2px;
	color: #4b4e55;
	background: #D8DADC;
	text-decoration: none;
	font-weight : normal;
	display: block;
	}	

ul.categorymenu li ul li a:visited {
	padding-left: 2px;
	color: #4b4e55;
	background: #D8DADC;
	text-decoration: none;
	font-weight : normal;
	display: block;
	}	

ul.categorymenu li ul li a:active {
	padding-left: 2px;
	color: #4b4e55;
	background: #D8DADC;
	text-decoration: none;
	font-weight : normal;
	display: block;
	}	

ul.categorymenu li ul li a:hover {
	padding-left: 2px;
	color: #ffffff;
	background: #F05146;
	text-decoration: none;
	font-weight : normal;
	display: block;
	}	
	
/* ************************************************************************** */
/*                                                                            */
/* horizontal menu stuff                                                      */
/*                                                                            */
/* ************************************************************************** */

.menubox {
	width: 100%;
	background-color: #336699;
	padding: 0px;
	margin: 0px;
	border-bottom: #FFCC33 2px solid;
}


/* the horizontal bar */
ul.menubar {
	font-family : Verdana; 
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
	padding-left: 155px;
	width: 600px;
	list-style: none;
	}

/* the main menu items */
ul.menubar li  {
	position: relative;
	margin: 0px;
	padding: 4px;
	padding-left: 10px;
	left: 0px;
	width: 114px;
	display: inline;
	list-style: none;
	float: left;	
	}

ul.menubar li.ignore  {
	display: none;
	list-style: none;
	}	

ul.menubar li a:link {
	color: #ffffff;
	text-decoration: none;
	font-weight : normal;
}

ul.menubar li a:visited {
	color: #ffffff;
	text-decoration: none;
    	font-weight : normal;
}

/*
ul.menubar li.over, ul.menubar li:hover {
    	background: #003366;		/* whilst hovering on menu item to open list below */	
	padding: 3px;			/* highlight this item with li box, and draw border */
	padding-left: 9px;		/* need to reduce padding by 1 all round to allow for border */
    	border: #336699 1px solid;
}
*/

ul.menubar li a:hover, ul.menubar li.over a, ul.menubar li:hover a {
	color: #FFCC33;
	text-decoration: none;
    	font-weight : normal;
}


/* sub menu items */
ul.menubar li ul {
	border: #003366 1px solid;
	width: 122px;
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
	position: absolute;
	top: 23px;
	left: 0px;			/* line up text of drop menu with main item */
	display: none;
	background: #cccccc;	/* background of drop-menu */
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	opacity: 0.95;
	}

ul.menubar li ul li {
	width: 122px;
	left: 0px;
	padding: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0px;
	display: block;
	text-decoration: none;
	background: #cccccc;	/* background of drop-menu */
	border: none;
	}

ul.menubar li ul li a:link {
	padding: 1px;
	padding-left: 7px;
	margin: 0px;
	display: block;
	text-decoration: none;
	color: #003366;			/* font colour of drop-menu items before hover */
	background: #cccccc;	/* background of drop-menu items before hover */
	}

ul.menubar li ul li a:visited {
	padding: 1px;
	padding-left: 7px;
	margin: 0px;
	display: block;
	text-decoration: none;
	color: #003366;
	background: #cccccc;
	}

ul.menubar li ul li a:hover {
	padding: 1px;
	padding-left: 7px;
	color: #ffffff;			/* font colour of drop-menu items during hover */
	background: #003366;	/* background of drop-menu items during hover */
	position: relative;
	border: none;
	}

ul.menubar li:hover ul, ul.menubar li.over ul { display: block;}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

/* ************************************************************************** */
/*                                                                            */
/* end of horizontal menu stuff                                               */
/*                                                                            */
/* ************************************************************************** */