/* CSS Document */
html {overflow-y: scroll;} 
body {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffddee;
	color: #004379;
	text-align: center;
	font-size: 0.9em;
}
#outer {
	margin: 10px auto;
	width: 780px;
	background: #fff;
}

#wrap {
	background: url(images/template/leftside.gif) repeat-y left top;
	text-align:left;
}

#top { 
width:780px; 
height:20px; 
background: url(images/template/top.gif) no-repeat left top;
text-align:center;
} 

#top span { 
display:block; 
position:relative; 
height:20px; 
background:url(images/template/top-right.gif) no-repeat right top; 
}

#page-header {
width:780px;
background: url(images/template/rightside.gif) repeat-y right top;
padding-top: 10px;
.padding-bottom: 15px;
}

h1 {
margin: 0 0 0 20px;
padding: 0 0 30px 0;
.padding: 0 0 40px 0;
}

#header-right {
float: right;
padding: 5px 30px 0 0;
font-size:0.8em;
font-weight:bold;
}
#header-right img {
vertical-align:middle;
}

#logo {
	float:right;
	height: 104px;
	width: 100px;
	margin: 0 20px;
}
#menu {
	clear:both;
	height:22px;
	margin-left: 20px;
	.margin-top: -15px;
}
#menu ul {
list-style:none;
display: inline;
width: 100%;
}
#menu li {
float:left;
display: inline;
width: 100px;
text-align:center;
margin-right:3px;
}
#menu a {
text-align:center;
text-decoration:none;
display: block;
color:#1f5c8e;
line-height:22px;
height:22px;
font-size:0.8em;
font-weight:bold;
background:url(images/template/tab-off.jpg) no-repeat;
}
#menu a:hover {
background:url(images/template/tab-over.jpg) no-repeat;
color: #fff;
}
#menu li.active_menu {
}
#menu li.active_menu a {
background:url(images/template/tab-on.jpg) no-repeat;
color: #fff;
}
#menu li.active_menu a:hover {
color:#fff;
background:url(images/template/tab-on.jpg) no-repeat;
}

#page-title {
clear:both;
width:772px;
height: 34px;
background: url(images/template/bg-title-fade.jpg) repeat-x left top;
color: #fff;
}

#center-content {
background: url(images/template/rightside.gif) repeat-y right top;
.margin-top: -19px;
} 
#main {
text-align:justify;
padding: 10px 20px;
.padding: 0 20px;
}

#left {
	float: left;
	padding: 1em 0 1em 0;
	*padding: 1.5em 0 1.5em 0;
}

#right {
	padding-right: 15px;
	margin-left: 180px;
}
#bottom { 
height:24px; 
background:url(images/template/bottom.gif) no-repeat left bottom; 
}

#bottom span { 
display:block; 
position:relative; 
height:24px; 
background: url(images/template/bottom-right.gif) no-repeat right top; 
}

#footer {
	width: 100%;
}

#colophon {
	text-align:center;
	background-color: #ffddee;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	padding: 3px;
}

#copyright {
margin-left: 0 auto;
}
#esp {
margin-left: 0 auto;
}
.esplinkintro {
	color: #004379;
	text-decoration:none;
}
.esplink:link, .esplink:visited {
	color: #f453df;
	text-decoration:none;
}
.esplink:hover {
	text-decoration:underline;
}

h1, h2, h3, h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1 {
font-size: 1.8em;
color: #ff71b8;
}
h2 {
font-size: 1.4em;
color: #ff71b8;
}
h3 {
font-size: 1.2em;
color: #ff71b8;
}

#emailForm {
margin-top: 1.5em;
}