/* Tones new styles  */
.PageHeading{
font-weight:bold;
font-size:14px;
color:#F8F8FF;
font-family:arial;
text-align:center;



background-color: #0000E0;

}

.HouseGraphic{
font-family:arial;
text-align:center;
color:#C0C0D0;
font-size:18px;
font-weight:bold;
}

div#container
{
position:relative;
width:770px;
margin-left:auto;
margin-right:auto;
}
.PageTableBackground
{

font-family:arial;
text-align:center;
color:#F8F8FF;
font-size:12px;
background-color: #000077;
font-weight:normal;
width:620px;
height:100%;
padding-right:0px;
/*padding-left:20; Padding doesnt work  :^[   */ 
}
html 
{
scrollbar-base-color: #000077;
scrollbar-arrow-color: #0000FF;
scrollbar-3dlight-color: #0000FF;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
}
/*Page background colour, main font colour and font family, size etc */
body{
background-color:#000077;
color:#F8F8FF;
font-family:arial;
font-size:12px;
font-weight:normal;
font-style:normal;
text-align:center;
}
table.center {margin-left:auto; margin-right:auto;}

/* Font color, size and family for all text in tables */
td{
color:#F8F8FF;
font-size:12px;
font-family:arial;
font-style:normal;
font-weight:normal;
}
H1
{
margin-bottom: 0;
padding-bottom: 0;
}	
H2
{
color:#C0C0D0;
font-size:12px;
font-family:arial;
font-style:italic;
font-weight:bold;
margin-bottom: 0;
padding-bottom: 0;
}	
H3
{
color:#F8F8FF;
font-size:14px;
font-family:arial;
font-style:normal;
font-weight:bold;
}	




H4
{
color:#F8F8FF;
font-size:14px;
font-family:arial;
font-style:normal;
font-weight:normal;
}	
.Footer
{
background-color:#0000E0;
color:#C0C0FF;
font-size:12px;
font-family:arial;
font-style:normal;
font-weight:normal;
}	
/* Datagrid */
.Grid
{
border: 0px;
border-color:#000000;
 border-collapse: collapse;
width: 100%;

}
/* Datagrid - Table Cells */
.Grid td
{
	border: solid 3px #FFF8FF;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:smaller
}
/* Datagrid - Header Row */
.GridHeader
{
    font-weight: bold;
    background-color: #500080;
   background-color: #d0d0d0;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF8FF;
	text-align:center;
	font-size:12px;
}

/* Datagrid - ItemStyle */
.GridItem
{
    background-color: #F0E0E8;
	color: #000000;
	color: #000000;
	text-align:left;
	font-size:12px;
}

/* Datagrid - Alternating ItemStyle */
.GridAltItem
{
    background-color: #E8E0F0;
	color: #000000;
	color: #000000;
	text-align:left;
	font-size:12px;
}
/* Datagrid - Footer Pager */
.GridPager
{
    background-color: #C0B0DF;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:left;
	font-size:12px;
}
/* Datagrid - Footer Style */
.GridFooter
{
    background-color: #C0B0DF;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:left;
	font-size:12px;
}
/* Datagrid - Links */
.Grid A:Link
{
	color: Purple;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
}

.Grid A:Visited
{
	color: Blue;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
}

.Grid A:Active
{
	color: Purple;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
}


.myPanel
{
	padding:5px;
	margin:5px;
	background-color:#0000E0;
}

.myTable td{
	padding:1px 5px 1px 5px;
	
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#000077;

	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#000077;

	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#000077;

	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#000077;
}
/*Link color when hovered over, also underlines hovered over links */


.LinkHide {
color:black;
text-decoration : none;
}

/* Shopping Buttons */
.button 
{
font-family:arial;
font-size:12px;
font-weight:bold;	
color:white;
background-color:#6000F8;
text-decoration:none;
font-weight:bold;
}

a.button:link {
color:white;
text-decoration:none;
font-weight:bold;
}

a.button:visited {
color:white;
text-decoration:none;
font-weight:bold;
}

a.button:active {
color:white;
text-decoration:none;
font-weight:bold;
}

a.button:hover {
color:white;
text-decoration:none;
font-weight:bold;
}

/* Normal link color and underline removed */
a:link {
font-family:arial;
color:#9090F0;
text-decoration:underline;
font-weight:bold;
}

/* Visited link color and underline removed */
a:visited {
font-family:arial;
color:#A0A0A0;
text-decoration:underline;
font-weight:bold;
}
a:hover {
font-family:arial;
color:#A0A0FF;
text-decoration:underline;
font-weight:bold;
}
/* Active Link color, underline removed */
a:active {
font-family:arial;
color:#C0C0FF;
text-decoration : underline;
}

a.MenuLink:link {color: Black; text-decoration: none; font-weight:bold; font-size:12px; }
a.MenuLink:visited {color: Black; text-decoration: none;  font-weight:bold; font-size:12px;}
a.MenuLink:hover {color: Black; text-decoration: none;  font-weight:bold; font-size:12px;}
a.MenuLink:active {color: Black; text-decoration: none; font-weight:bold; font-size:12px;} 


a.SubMenuLink:link {color: Black; text-decoration: none; font-weight:normal; font-size:10px;}
a.SubMenuLink:visited {color: Black; text-decoration: none;  font-weight:normal; font-size:10px;}
a.SubMenuLink:hover {color: Black; text-decoration: none; font-weight:normal;  font-size:10px;}
a.SubMenuLink:active {color: Black; text-decoration: none; font-weight:normal;  font-size:10px;} 

.MenuNoLink {
color: Black;
font-weight:Bold;
font-size:13;
}

/* Hidden text for search engines */
.hide {
color:black;
}

/* Titles for Menu sections, background colour and font colour */
.MenuTitleColor{
/*background-color:lightblue;*/
color:#F8FFFF;
background-color: #8040FF;
border-width:0px;
border-color:#8040FF;

}

.MenuTitle{
/*background-color:lightblue;*/
font-family:arial;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
/*background-color: #9040FF;*/
background-color:#6000f8;
/*background-color: #A080FF;*/
}
/* Menu column background color not including menu headings */
.MenuBackground{
/*background-color:#B8B8FF lightsteelblue;*/
/*background-color:#A060F0;*/
/*background-color:#6000f8;*/
/*background-color: #E8D8FF;*/

background-color: #F8F8F8;

}
.MenuLeftBorder{
border-left-style:solid;
border-left-width:2px;
border-left-color:#6000F8;
background-color: #F8F8F8;
}


.MenuBottomBorder{
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color:#6000F8;
background-color: #F8F8F8;
}

/* Page Titles background color and font colour + Bold */
.PageTitle{
/*background-color:cccccc;*/
background-color:#A080FF;
color:#000000;
font-family:arial;
font-weight:Bold;
}

/* Small footer text for footnotes */
.FooterText{
font-size:10px;
}

/* Small submenu text and background color */
.SubMenu
{
background-color:#f8f8ff;
}
/* Small submenu text and background color with bottom grey line*/
.SubMenuDecorated
{
background-color:#f8f8ff;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#F0F0F0;
}

/* Menu text and background color */
.Menu{
color:black;
font-weight: normal;
background-color:#d0d0d0;
}
/* Menu text and background color with bottom blue line*/
.MenuDecorated{
color:black;
font-weight: normal;
background-color:#d0d0d0;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#6000F8;
}

.newsletter{
font-size:10px;
color:black;
font-weight:Normal;
background-color:inherit;
}

/* Header/Logo area background colour */
.HeaderBackground
{
font-size:18px;
color:white;
font-weight:normal;
font-family:arial;
background-color:#6000E0;
border-top-style:solid;
border-top-width:4px;
border-top-color:#9010FF;
border-bottom-style:solid;
border-bottom-width:4px;
border-bottom-color:#300070;
border-left-style:solid;
border-left-width:4px;
border-left-color:#8000F0;
border-right-style:solid;
border-right-width:4px;
border-right-color:#6000E0;
/*border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color:#282894;*/
}


/* Main Cell background colour */
.MainCellColor{
/*background-color:#f8f8f8;*/
background-color:#F8F8F8;
}



.PageTableMain{
font-family:arial;
text-align:center;
color:#000000;
font-size:12px;
font-weight:normal;
/*height:100%;
width:100%;*/
background-color: #ffffff;
/* how do you set horizontal align = center????   */
}
.PageTableMainLeftBorder{
border-left-style:solid;
border-left-width:2px;
border-left-color:#6000F8;
}
.PageTableMainRightBorder{
border-right-style:solid;
border-right-width:2px;
border-right-color:#6000F8;
}
.PageTableMainTopBorder{
border-top-style:solid;
border-top-width:2px;
border-top-color:#6000F8;
}
.PageTableMainBottomBorder{
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color:#6000F8;
}

.PageHeadingMain{/*Used in 3D Blue Page Title*/
/*font-family:arial;
text-align:center;
color:#080808;
font-weight:bold;*/
font-size:18px;

background-color: #E0E0E0;

border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#6000F8;
}


.CellLineTopAndBottom{
font-family:arial;
color:#000000;  /*#6000F0;*/

background-color: #F0F0F0;

border-style:none;
}

.CellLineAllSides{
font-family:arial;
color:#202020;  /*#6000F0;*/
background-color: #EBDDFF;

border-style:none;

}
/*Heading Used as Title within ascx's*/
.PageTitleMain{
font-family:arial;
text-align:left;
color:#000000;  /*#6000F0;*/
font-size:14px;
font-weight:bold;
}


.LargeBoldHeading{
font-family:arial;
text-align:left;
color:#000000;  /*#6000F0;*/
font-size:16px;
font-weight:bold;

}

/*-------------------------------------------------------*/
/* Validator styles                                      */
/*-------------------------------------------------------*/
.validatorTable
{
	background-color: #6000F0;
	border: 2px outset #6000F0;
	padding: 2px;
	width: 480px;
}

.validatorTitle
{
	background-image: url(/images/error.gif);
	background-position: 1px 2px;
	background-repeat: no-repeat;
	color: white;
	font-size: 80%;
	font-weight: bold;
	border-bottom: 1px outset #6000F0;
	padding-left: 20px;
}

.validatorRow1
{
	background-color: #FFFFFF;
}

.validatorRow2
{
	background-color: #F0F0F0;
}

.validatorEntry
{
	color: #FF0000;
	font-weight: bold;
	vertical-align: top;
}

a.validatorLink:hover, a.validatorLink:link, a.validatorLink:visit
{
	color: white;
	font-weight: bold;
}

input.validatorError, select.validatorError, textarea.validatorError
{
	background-color: #FF6060;
	font-family: Tahoma, Verdana, Arial;
	border: 1px #006060 solid;
}

.validatorInitial
{
	padding: 1px;
	border: 1px solid white;
	margin-top: 1px;
	text-align: left;
	background-image: url(/images/reqstar.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

.validatorError
{
	padding: 1px;
	border: 1px solid #FF6060;
	background-color: #FFA0A0;
	margin-top: 1px;
	text-align: left;
	background-image: url(/images/reqstar.gif);
	background-position: top right;
	background-repeat: no-repeat;
}