﻿/**************************************************/
/**************  GLOBAL         *******************/
/**************************************************/
body 
{
	margin:3px 0px 0px 0px;
	border:0px;
	background-color:White;
	
}

.clear
{
	clear:both;
	line-height:0;
	font-size:0;
	height:0;
}



/**************************************************/
/**************  SITE STRUCTURE *******************/
/**************************************************/
.siteWrapper
{
	width:900px;
	margin:auto;
}

.bannerArea
{
	background-color:#818286;
	background-image:url('../app_graphics/bannerBackground.gif');
	background-repeat:no-repeat;
	width:895px;
	height:23px;
	text-align:right;
	padding-top:127px;
	padding-right:5px;
	
}

.bannerArea a
{
	text-decoration:none;
	color:#818286;
	font-family:Courier New;
    font-size:small;
	font-weight:bold;	
}

.menuAndContentWrapper
{
	width:900px;
	/*background-color:#E7E7E9;*/
	background-image:url('../app_graphics/menuAndContentBackground.gif');
	background-repeat:repeat-y;

}

.menuArea
{
	float:left;
	width:156px;
	padding-top:10px;
}

.contentArea
{
	float:left;
	width:684px;
	font-family:Courier New;
	font-size:small;
	padding:10px 30px 30px 30px;
}

.contentArea a
{
	font-family:Courier New;
	font-size:small;
	font-weight:bold;
	text-decoration:none;
	color:#818286;
}


.smallFont
{

	font-family:Courier New;
	font-size:xx-small;

}

.colourDeepRed
{
	color:#CC0000;
}

.colourWine
{
	color:#CC0066;
}

.colourGrape
{
	color:#990066;
}

.colourBlue
{
	color:#330099;
}

.colourDeepBlue
{
	color:#333399;
}

.colourGreyBlue
{
	color:#336699;
}

.colourTurquoise
{
	color:#009999;
}

.colourDeepGreen
{
	color:#336633;
}

.colourGreen
{
	color:#33CC33;
}

.colourTreeGreen
{
	color:#33CC33;
}

.colourBrown
{
	color:#663300;
}


.footerArea
{
	background-color:#818286;
	background-image:url('../app_graphics/footerBackground.gif');
	background-repeat:no-repeat;
	width:895px;
	height:20px;
	text-align:right;
	padding-top:6px;
	font-size:small;
	padding-right:5px;
}

.footerArea a
{
	text-decoration:none;
	color:#818286;
	font-weight:bold;
	font-family:Courier New;
	font-size:small;
}

/**************************************************/
/**************  HOME PAGE      *******************/
/**************************************************/

.homePageItem1_Title
{
	height:27px;
	width:677px;
	background-color:#818286;
	color:White;
	padding:2px 0px 0px 5px;
	
}

.homePageItem1_Leader
{
	border:solid 1px #818286;
	width:670px;
	padding:5px;
}

.homePageItem1_Leader a
{
	text-decoration:none;
	color:#818286;
	font-weight:bold;
	font-family:Courier New;
	font-size:small;
}

.homePageItem2and3Wrapper
{
	width:680px;

}

.homePageItem_2
{
	float:left;
	width:327px;

}


.homePageItem2_Title
{
	height:27px;
	width:315px;
	background-color:#818286;
	color:White;
	padding:2px 0px 0px 5px;
}

.homePageItem2_Leader
{
	border:solid 1px #818286;
	width:308px;
	padding:5px;
	
}

.homePageItem2_Leader a
{
	text-decoration:none;
	color:#818286;
	font-weight:bold;
	font-family:Courier New;
	font-size:small;
}

.homePageItem_3
{
	float:right;
	width:327px;
	text-align:right;
}

.homePageItem3_Title
{
	height:27px;
	width:315px;
	background-color:#818286;
	color:White;
	padding:2px 0px 0px 5px;
	text-align:left;
	
}

.homePageItem3_Leader
{
	border:solid 1px #818286;
	width:308px;
	padding:5px;
	text-align:left;
	
}

.homePageItem3_Leader a
{
	text-decoration:none;
	color:#818286;
	font-weight:bold;
	font-family:Courier New;
	font-size:small;
}


/**************************************************/
/**************  HEADINGS       *******************/
/**************************************************/


h1
{
	font-family:Courier New;
	font-size:x-large;
	margin:0px;
}

h2
{
	font-family:Courier New;
	font-size:medium;
	margin:0px;
}

h3
{
	font-family:Courier New;
	font-size:small;
	margin:0px;
}

h4
{
	margin:0px;
	font-size:x-small;
	font-weight:normal;
	font-family:Courier New;
}


/**************************************************/
/**************  MENU	        *******************/
/**************************************************/



.level1 a
{
	font-family:Courier New;
	color:#818286;
	background-color:#E7E7E9;
	font-size:small;
	font-weight:bold;
	text-align:left;
	width:129px;
	padding:5px 5px 5px 20px;
	display:block;
	text-decoration:none;
	border-left:solid 1px #818286;	
}

.level1 a:hover
{
	font-family:Courier New;
	color:#818286;
	background-color:#BCBDC1;
	font-size:small;
	font-weight:bold;
	text-align:left;
	width:129px;
	padding:5px 5px 5px 20px;
	display:block;
	text-decoration:none;
	border-left:solid 1px #818286;
}


.level1Selected a
{
	font-family:Courier New;
	color:#818286;
	background-color:white;
	font-size:small;
	font-weight:bold;
	text-align:left;
	width:129px;
	padding:5px 5px 5px 20px;
	display:block;
	text-decoration:none;
	border-left:solid 1px #818286;
}

.level1Selected a:hover
{
	font-family:Courier New;
	color:#818286;
	background-color:white;
	font-size:small;
	font-weight:bold;
	text-align:left;
	width:129px;
	padding:5px 5px 5px 20px;
	display:block;
	text-decoration:none;
	border-left:solid 1px #818286;
}



.level2 a
{
	font-family:Courier New;
	color:#818286;
	background-color:#BCBDC1;
	font-size:small;
	font-weight:bold;
	text-align:left;
	width:109px;
	padding:5px 5px 5px 40px;
	display:block;
	text-decoration:none;
	border-left:solid 1px #818286;	
}


.level2 a:hover
{
	font-family:Courier New;
	color:white;
	background-color:#BCBDC1;
	font-size:small;
	font-weight:bold;
	text-align:left;
	width:109px;
	padding:5px 5px 5px 40px;
	display:block;
	text-decoration:none;
	border-left:solid 1px #818286;
}


.level2Selected a
{
	font-family:Courier New;
	color:#818286;
	background-color:white;
	font-size:small;
	font-weight:bold;
	text-align:left;
	width:109px;
	padding:5px 5px 5px 40px;
	display:block;
	text-decoration:none;
	border-left:solid 1px #818286;
}


.level2Selected a:hover
{
	font-family:Courier New;
	color:#818286;
	background-color:white;
	font-size:small;
	font-weight:bold;
	text-align:left;
	width:109px;
	padding:5px 5px 5px 40px;
	display:block;
	text-decoration:none;
	border-left:solid 1px #818286;
}


.level3 a
{
	font-family:Courier New;
	color:#818286;
	background-color:#E7E7E9;
	font-size:small;
	font-weight:bold;
	text-align:left;
	width:109px;
	padding:5px 5px 5px 40px;
	display:block;
	text-decoration:none;
	border-left:solid 1px #818286;	
}

.level3 a:hover
{
	font-family:Courier New;
	color:#818286;
	background-color:white;
	font-size:small;
	font-weight:bold;
	text-align:left;
	width:109px;
	padding:5px 5px 5px 40px;
	display:block;
	text-decoration:none;
	border-left:solid 1px #818286;
}

/**************************************************/
/**************  NEWS 	        *******************/
/**************************************************/

.newsListItem
{
	width:660px;
	background-color:#E7E7E9;
	margin-top:5px;
	margin-bottom:10px;
	padding:10px;
}

.newsListItem a
{
	font-weight:bold;
	text-decoration:none;
	color:black;
}

.newsItem
{

}

.newsItem a
{
	text-decoration:none;
	font-weight:bold;
	color:Black;
}

/**********************************************************************/
/**********************FORM STYLES*************************************/
/**********************************************************************/
.formLeft
{
	float:left;
	width:320px;
}

.formRight
{
	float:left;
	width:320px;	
}

.inputLabel
{
	width:100px;
	float:left;
	margin:2px 0px 2px 0px;
	
}

.inputLabelLong
{
	width:250px;
	float:left;
	margin:2px 0px 2px 0px;
	
}

.inputText
{
	width:200px;
	float:left;
	margin:2px 0px 2px 0px;
}

.inputButton
{
	border:solid 1px black;
	width:150px;
}
