BODY
{
	background: #FFFFFF;
	margin: 0;
	padding: 0;
}
html>BODY
{
	background-attachment: fixed;
}

#header
{
	border-bottom: ridge #B2B6C1 2px;
	position: fixed;
	width: 100%;
	height: 115px;
	top: 0;
	left: 0;
	z-index: 2;
	font: normal lighter medium Garamond, "Times New Roman", Times, serif;
}

#menu
{
	width: 100%;
	top: 100px;
	position: absolute;
	z-index: 6;
	clear: none;
	display: block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#menu A
{
	color: white;
	background: #7C7871;
	text-align: center;
	font-size: 8pt;
	margin: 0;
	padding: 0;
	text-decoration: none;
	width: 94px;
	border-top: solid black 1px;
	border-left: solid black 1px;
	border-bottom: solid black 1px;
	border-right: none;
	float: right;
	clear: none;
}

#menu A.a:hover, #menu A.b:hover, #menu A.c:hover, #menu A.d:hover, #menu A.e:hover, #menu A.f:hover, #menu A.g:hover
{
	color: white;
	background: #2C83B3;
}

#menu A.g
{
	color: white;
	background: #8C887C;
}

#menu A.a
{
	color: white;
	background: #807D71;
}

#menu A.b
{
	color: white;
	background: #6B6963;
}

#menu A.c
{
	color: white;
	background: #62605A;
}

#menu A.d
{
	color: white;
	background: #52514C;
}

#menu A.e
{
	color: white;
	background: #44433E;
}

#menu A.f
{
	color: white;
	background: #393835;
}

#left
{
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	width: 60%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#right
{
	background: white url(../images/bg-grad-db-right.jpg) repeat-y fixed right top;
	margin: 0;
	padding: 0;
	width: 40%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 60%;
}

#header DIV.hr
{
	background-color: #C3A079;
	color: #000000;
	width: 100%;
	height: 1px;
	top: 54px;
	left: 0px;
	line-height: 1px;
	position: absolute;
	z-index: 4;
}

#left DIV.title
{
	background: white url(../images/bg-grad-db.jpg) repeat-y;
	height: 69px;
	width: 100%;
	position: absolute;
	margin: 20px 0 0 0;
}

#right DIV.title
{
	position: absolute;
	background: white;
	height: 69px;
	top: 20px;
	z-index: 3;
	width: 100%;
	right: 0;
}

DIV.title H1.first
{
	top: -15px;
	left: 46px;
	color: #BFE2D5;
	background: transparent;
	font-size: 30pt;
	font-weight: normal;
	position: absolute;
	display: inline;
	margin: 0;
	z-index: 5;
}

DIV.title H1.second
{
	top: 25px;
	left: 91px;
	color: #153668;
	background: transparent;
	font-size: 42pt;
	font-weight: normal;
	position: absolute;
	display: inline;
	margin: 0;
	z-index: 5;
}

DIV.title H2.first
{
	color: #5898C4;
	background-color: transparent;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1ex;
	display: inline;
	margin: 0;
	padding: 8px 0 0 0;
	float: right;
}

DIV.title H2.second
{
	color: #C3A079;
	background-color: transparent;
	font-size: 30px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.8ex;
	display: inline;
	margin: 0;
	padding: 0;
	clear: right;
	float: right;
}

DIV.title IMG
{
	margin: 2px;
	padding: 0 23px 0 22px;
	float: right;
}

#content
{
	background: transparent;
	width: 100%;
	position: absolute;
	left: 0;
	top: 117px;
	text-align: center;
	z-index: 1;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#quote
{
	color: #2C83B3;
	text-align: right;
	margin-right: 5%;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	margin-top: 1.3em;
	margin-bottom: 1.3em;
	background: transparent url(../images/bg-mesh.png) repeat;
	display: inline;
	float: right;
}

#submenu
{
	clear: both;
	border-right: solid #51699B 1px;
	height: 0.96em;
	
	/* IE properties */
	width: 80%;
}
#content>#submenu
{
	width: 90%;
}

#submenu A
{
	text-decoration: none;
	color: white;
	background: #A8B7D4;
	text-align: center;
	font-size: 8pt;
	margin: 0;
	padding: 0;
	text-decoration: none;
	width: 90px;
	border-left: solid #51699B 1px;
	border-top: solid #51699B 1px;
	border-bottom: solid #51699B 1px;
	clear: none;
	float: right;
}

#submenu A:hover
{
	color: white;
	background: #CED7E7;
}

DIV.section
{
	background: #CED7E7;
	clear: both;
	width: 100%;
	border: solid #ABBACF 1px;
	margin: 0 10% 30px 10%;
	padding-bottom: 1.5em;
}
#content>DIV.section
{
	width: 80%;
}

#heading
{
	color: white;
	margin: 10px 0 5px 0;
	padding: 5px 0 5px 5%;
	text-align: left;
	font-weight: bold;
	background-color: #A8B7D4;
}
DIV.section>#heading
{
	width: 95%;
}


#copyright
{
	font-size: 10pt;
	background: url(../images/bg-btm.jpg) repeat-y right;
	text-align: right;
	padding-left: 15%;
	padding-right: 5%;
	padding-top: 1em;
	padding-bottom: 1em;
	z-index: 10;
}
html>#copyright
{
	width: 80%;
}

#copyright A
{
	background: transparent;
	color: #153668;
	text-decoration: none;
}

#copyright A:hover
{
	color: white;
	background: #2C83B3;
}

P
{
	text-align: left;
	margin: 1em 10% 0 10%;
}

UL
{
	text-align: left;
	margin-left: 10%;
	margin-right: 10%;
	display: block;
	list-style-position: inside;
}

IMG.left
{
	margin-right: 5%;
	vertical-align: top;
}

IMG.right
{
	margin-left: 5%;
	vertical-align: top;
}

.clear
{
	clear: both;
	line-height: 0;
}

IMG.fleft
{
	float: left;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	vertical-align: top;
}

IMG.fright
{
	float: right;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	vertical-align: top;
}

DIV.section A
{
	background: transparent;
	color: #153668;
	text-decoration: none;
}

DIV.section A:hover
{
	color: white;
	background: #2C83B3;
}

DIV.link-top
{
	float: right;
	font-size: 8pt;
	padding-right: 1em;
}

DIV.link-top IMG
{
	vertical-align: middle;
	border: 0;
}

H4
{
	margin-top: 0;
	font-size: small;
}

H3
{
	padding-top: 1em;
	clear: both;
	margin-bottom: 0;
}