* {
font-size: 11px;
font-weight: 300; 
color: #555555;

}

body {
background:#E9E9E9 url('images/background.jpg') repeat-y center;
margin: 0;
padding: 0;
font-family: "verdana", sans-serif


}
#container {
float: left
background: url("images/background.jpg");
margin-left: auto;
margin-right: auto;
width: 775px;
line-height: 1.7; 

}

#main {
float: left
}

#top {
float: left;
width: 775px;
height: 75px;
background: url('images/top.jpg') no-repeat;
}


/* navigation */
#left {
float: left;
width: 248px;
background: url('images/left.jpg') repeat-y;
}

.navigation {
float: left;
width: 123px;
padding: 20px;
padding-top: 10px;
background: #F8F8F8;
border: 1px #E1E1E1 solid;
margin-top: 40px;
margin-left: 40px;
margin-right: 35px;
}

#body {
float: left;
width: 527px;
background: url('images/right.jpg') no-repeat right top;
}

#copyright {
float: left;
margin-left: 8px;
margin-right: 20px;
width: 761px;
border-bottom: 5px solid #E7FCEA;
}

#bottom {
float: left;
background: #E9E9E9;
width: 100%;
height: 50px;
}

/* note */
#note {
margin-left: 25px;
float: left;
width: 187px;
background: #E7FCEA url('images/note.jpg') repeat-y left top;

}

#note_top {
background: url('images/note_top.jpg');
width: 187px;
height: 60px
}

#note_content {
color: #F06EAA;
padding-left: 27px;
padding-right: 27px;
padding-top: 10px;
line-height: 26px;
}

#content {
width: 486px;
padding-top: 126px;
float: left;
text-align: justify
}


#form {
background: #E7FCEA;
width: 90%;
padding: 20px;
}

.form {
border:#70B7A0 1px dashed;
vertical-align:middle;
}

.button {
background: #FF9900;
color: #FFFFFF;
border: 3px solid #FEBE5D
}



h1 {
color: #003D61;
font-size: 22px;
text-align: right;
text-transform: uppercase;
}

h2 {
color: #20ACFF;
font-size: 17px;
padding-top: 0;
padding-bottom: 10px;
text-transform: capitalize;
font-weight: bold;
}

h3 {
color:#6BB8E6;
font-size: 14px;
}

h4 {
color: #666666;
font-size: 13px;
font-weight: bold;
}

h5 {
font-size: 14px;
padding-left: 65px;
padding-top: 35px;
}

b, strong {
color: #5979AC;
font-weight: bold
}

hr {
border-left:0px none; border-right:0px none; border-top:0px none; border-bottom:1px dashed #9D9D9D; height: 0
}

em {
color: #9D9D9D;
font-style: normal
}

/* Links */
a {
color: #1C97E7;
text-decoration: none;
}

a:hover {
color: #0072BC;
}

i {  color: #FF6BF3; letter-spacing: 0;	font-weight: italic}


.graphic {
padding:4px; 
}