@charset "utf-8";
/* CSS Document */

/* =============== START format elements =============== */
*{
	margin:0;
	padding:0;
	border:0;
}

body {
	background-color:#D7D7D7;
	text-align:center;
	color:#404040;
	font-size:12px;
	font-family:arial;
	line-height: 140%;
	letter-spacing: 0.2px;
}
#main_content
{
text-align:left;
width:998px;
font-size:12px;
font-family:arial;
margin-left:auto;
margin-right:auto;
}
#header
{
text-align:center;
padding-bottom:10px;
padding-top:10px;
}
#space
{
height:50px;
}
#content
{
width:990px;
height: 900px;
background-color: #ffffff;
border:4px solid #848484;
}
#nav
{
float:left;
width:204px;
height:488px;
background-image:url(images/left.jpg);
background-repeat:no-repeat;
text-align:left;
} 
div#link
{
position:relative;
top:100px;
left:15px;
height:28px;
width:140px;
background-image:url(images/link_background.jpg);
background-repeat:no-repeat;
margin-top: 10px;
margin-left:10px;
}
a#left_nav,a#left_nav:link,a#left_nav:visited {
	position:relative;
    top:11px;
    left:35px;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	color:#0000A3;
text-decoration:none;
}

a#left_nav:hover {
	font-family:Arial;
	font-size:15px;
	color:#f6af40;
	font-weight:bold;
text-decoration:none;
}
#right
{
float:right;
width:750px;
min-height:200px;
padding:5px;
}
#article
{
float:right;
width:750px;
height:600px;
background-image:url(images/home1.jpg);
background-repeat:no-repeat;
font-size:15px;
color:#3D3D3D;
}
#top-deco
{
padding-bottom:20px;
}
p
{
font-size:16px;
line-height: 160%;
letter-spacing: 0.4px; 
padding-bottom:10px;
}
form
{
width:600px;
}
label
{
width:200px;
float: left;
text-align: right;
margin-right: 10px;
display: block
}
input
{
width:300px;
float: left;
text-align: left;
margin-left: 10px;
display: block;
border: 1px solid #ccc;
}
textarea
{
width:300px;
height:300px;
float: left;
text-align: left;
margin-left: 10px;
display: block;
border: 1px solid #ccc;
}
input #submit
{
width:100px;
}
a#left_nav_1,a#left_nav_1:link,a#left_nav_1:visited {
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	color:#0000A3;
text-decoration:none;
}

a#left_nav_1:hover {
	font-family:Arial;
	font-size:15px;
	color:#f6af40;
	font-weight:bold;
text-decoration:none;
}
a#left_nav_2,a#left_nav_2:link,a#left_nav_2:visited {
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#0000A3;
text-decoration:none;
}

a#left_nav_2:hover {
	font-family:Arial;
	font-size:12px;
	color:#f6af40;
	font-weight:bold;
text-decoration:none;
}
a#page,a#page:link,a#page:visited {
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#290000;
text-decoration:none;
}

a#page:hover {
	font-family:Arial;
	font-size:12px;
	color:#940000;
	font-weight:bold;
text-decoration:none;
}

#dropmenudiv{
position:absolute;
background-color: #E3FFB0;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a,#dropmenudiv a:link,#dropmenudiv a:visited{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color:#0000A3;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #C7FF5E;
}

/* Sample CSS definition for the example list. Remove if desired */
.navlist li {
list-style-type: square;
width: 135px;
background-color: #FFFFB9;
}
/* CSS-only dropdown for left navigation */
#nav { position: relative; z-index: 100; }
#nav .nav-item { position: relative; margin-bottom: 4px; }
#nav .nav-has-submenu > .nav-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
  margin-top: 0;
  background-color: #ffffff;
  border: 1px solid #ccc;
  padding: 4px 8px;
  z-index: 1000;
  white-space: nowrap;
}
#nav .nav-has-submenu:hover > .nav-submenu,
#nav .nav-has-submenu:focus-within > .nav-submenu {
  display: block;
}
#nav .nav-submenu a {
  display: block;
  padding: 2px 6px;
  font-size: 11px;
  line-height: 1.4;
}