/* -------- HTML styles -------- */

body
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	background: url(../IMAGES/blue-bg.jpg);
	margin: 0px;
	}

h1
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	}

h2
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	line-height: 17px;
	}

h2.StyleRightHeader
	{
	font-size: 17px;
	font-weight: bold;
	line-height: 10px;
	color: #bb9955;
	}
h2.StyleLeftHeader
	{
	font-family: Georgia,Serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 10px;
	letter-spacing: 2px;
	color: #bb9955;
	}
h3.StyleLeftHeader
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	line-height: 10px;
	color: #bb9955;
	}
td
	{
	font-size: 14px;
	}
/* -------- Generic Classes -------- */

.StyleHeaderTitle
	{
	color: #fff;
	font-style: italic;
	line-height: 34px;
	letter-spacing: 2px;
	}
.inputsmall
	{
	font-weight: bold;
	border: 0px;
	}
.submitsmall
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	}
.StyleBoxLeft
	{
	float: left;
	width: 200px;
	padding-left: 30px;
	border: 1px solid red;
	}
.StyleBoxRight
	{
	width: 200px;
	border: 1px solid red;	
	}
tr.odd
	{
	font-size: 14px;
	background-color: #afc6ff;
	}
tr.even
	{
	font-size: 14px;
	background-color: #ffffff;
	}
.AccessTLarge
	{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	line-height: 10px;
	}


/* -------- Links -------- */

div#LayerContentRight a
	{
	color: #335588;
	text-decoration: none;
	border-bottom: 1px dotted #000;
	}
div#LayerContentRight a:hover
	{
	color: #C64436;
	text-decoration: none;
	border-bottom: 1px solid #c64436;
	}
div#LayerContentRight a.more:after
	{
	content:" \2192";
	}

div#LayerContentLeft a
	{
	color: #335588;
	text-decoration: none;
	border-bottom: 1px dotted #000;
	}
div#LayerContentLeft a:hover
	{
	color: #C64436;
	text-decoration: none;
	border-bottom: 1px solid #c64436;
	}
div#LayerContentLeft a.more:after
	{
	content:" \2192";
	}

div#LayerFooter a
	{
	color: #3e74ad;
	text-decoration: none;
	}
div#LayerFooter a:hover
	{
	color: #fff;
	text-decoration: none;
	}

/* -------- Layers -------- */

div#LayerWrapper
	{
	width: 750px;
	height: 100%;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	background: #ffffff;
	}
div#LayerHeaderTop
	{
	width: 100%;
	height: 10px;
	background: #336699;
	}
div#LayerInvisibleTitle
	{
	display:none;
	}
div#LayerHeaderTopGrad
	{
	width: 100%;
	height: 34px;
	background: url(../IMAGES/blue-topgrad02.jpg);
	}
	div#LayerAccessability
		{
		float: right;
		font-size: 11px;
		color: #ccc;
		}
	div#LayerHeaderTopGrad ul,
	div#LayerHeaderTopGrad li
		{
		margin: 0px;
		list-style-type: none;
		display: inline;
		}

	div#LayerHeaderTopGrad li a
		{
		float: left;
		height: 19px;
		padding: 10px 15px 5px 15px;
		font-size: 11px;
		font-weight: normal;
		color: #3e74ad;
		text-decoration: none;
		text-align: center;
		}
	div#LayerHeaderTopGrad li a:hover
		{
		color: #fff;
		}
	div#LayerHeaderTopGrad li a:active
		{
		color: #ccc;
		}
		
div#LayerHeaderTitleBox
	{
	width: 100%;
	height: 100px;
	background: url(../IMAGES/blue-title.jpg);
	}
div#LayerHeaderBottomGrad
	{
	width: 100%;
	height: 34px;
	background: url(../IMAGES/blue-topgrad01.jpg);
	}
	div#LayerHeaderBottomGrad ul,
	div#LayerHeaderBottomGrad li
		{
		margin: 0px;
		list-style-type: none;
		display: inline;
		}

	div#LayerHeaderBottomGrad li a
		{
		float: left;
		height: 19px;
		padding: 10px 20px 5px 20px;
		font-size: 13px;
		font-weight: normal;
		color: #58a7fa;
		text-decoration: none;
		text-align: center;
		border-right: 1px solid #000;
		}
	div#LayerHeaderBottomGrad li a:hover
		{
		color: #fff;
		background: url(../IMAGES/blue-topgrad02.jpg) repeat-x;
		}
	div#LayerHeaderBottomGrad li a:active
		{
		color: #ccc;
		}
		
div#LayerHeaderBottom
	{
	width: 100%;
	height: 34px;
	text-align: left;
	background: #58a7fa;
	}
div#LayerHeaderBottomLeft
	{
	float: left;
	width: 490px;
	height: 34px;
	padding-left: 10px;
	background: #58a7fa;
	}
div#LayerHeaderBottomRight
	{
	float: right;
	width: 238px;
	height: 34px;
	padding-left: 10px;
	border-left: 1px dotted #000;
	background: #2870BB;
	}
div#LayerContentBox
	{
	width: 100%;
	height: 100%;
	text-align: left;
	background: #fff;
	}
div#LayerContentLeft
	{
	float: left;
	width: 490px;
	height: 100%;
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: 20px;
	background: #fff;
	}
div#LayerContentRight
	{
	float: right;
	width: 238px;
	height: 100%;
	padding-left: 10px;
	padding-top: 10px;
	border-left: 1px dotted #000;
	background: #D2D2A3;
	}
div#LayerFooter
	{
	width: 100%;
	color: #3E74AD;
	font-size: 13px;
	background: #1C3A57 url(../IMAGES/blue-topgrad02.jpg) repeat-x;
	padding-top: 20px;
	padding-bottom: 20px;
	}