* {
padding:0;
margin:0;
}


body {
padding:0;
margin:0;
font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;
background: #B6E9E5 url( ../images/index.html) 50% 0 repeat-x;
}

small {
font: bold 0.9em "Trebuchet MS", arial, helvetica, sans-serif;
}

abbr {
speak:spell-out;
border-bottom:1px dotted silver;
cursor:help;
}

acronym {
border-bottom:1px dotted silver;
cursor:help;
}

hr {
border: 0;
background: transparent;
color: #fff;
border-top: 1px solid  #993;
padding: 0;
margin:10px;
}

h1 {
font: normal 1.95em Georgia, arial, helvetica, sans-serif;
padding:2px 5px 2px 0;
color: #006;
text-align:left;
}

h2 {
font: normal 1.55em Georgia, arial, helvetica, sans-serif;
padding:4px 5px 20px 0;
color: #09c;
text-align:left;
}

h3 {
font: bold 1.3em Georgia, arial, helvetica, sans-serif;
padding:2px 5px 0 0;
color: #039;
}

h4 {
font: bold 1.2em Georgia, arial, helvetica, sans-serif;
padding:2px 5px 4px 0;
color: #039;
}


p {
line-height:1.6em;
padding:5px 5px 5px 0;
}

a {
text-decoration: underline;
color: #006;
}

a img { 
border:none 0px;
}

a:hover {
color: #039;
text-decoration:underline;
}

	
.clr {
clear: both;
line-height: 1px;
height: 1px;
font-size: 1px;
margin: 0px;
padding: 0px;
}

.float_left {
float:left;
}

.float_right {
float:right;
}


#all  {
background: transparent url(../images/index.html) no-repeat;
width: 740px;
margin: auto;
padding:0;
}



#header {
position:relative;
margin:0;
padding:0 0 0 220px;
height:183px;
background: transparent url( ../images/header_bg.gif) no-repeat top left;
}

#header div.menu {
position:absolute;
top:135px;
left:220px;
font: normal 1.2em "Trebuchet MS", arial, helvetica, sans-serif;
padding:0;
color: #fff;
text-align:left;
}

#header div.menu  ul {
padding: 2px 0 0 0;
margin: 0;
list-style: none;
}

#header div.menu  ul li {
display:inline;
margin: 0;
padding: 0 6px 0 6px;
border-right:1px solid #86BAE9;
}

#header div.menu  ul li.active {
color: #006;
}

#header div.menu a {
text-decoration: none;
color: #fff;
}

#header div.menu a:hover {
color: #86BAE9;
text-decoration:none;
}



#main {
text-align: left;
background: #fff url( ../images/main_bg.gif) top left repeat-y;
padding: 0 1px;
}

#wrapper {
background: #fff url( ../images/book_bgd.jpg) bottom left no-repeat;
padding: 0 15px 15px 15px;
}


#iL {
position:relative;
display:inline;
float:left;
width: 190px;
padding: 0;
margin:0;
}

#navigation {
position:relative;
display:inline;
float:left;
width: 190px;
padding: 0;
margin:0;
}


#navigation ul {
list-style: none;
padding:0;
margin:0;
}

#navigation  li {
padding:0;
margin:0;
}

#navigation  li.active {
padding: 5px 0 5px 0;
margin:0;
}

#navigation  li.active strong {
font: bold 1.3em Georgia, arial, helvetica, sans-serif;
text-transform:uppercase;
padding:0;
color: #039;
}


#navigation  li.default {
font: normal 1.3em Georgia, arial, helvetica, sans-serif;
padding: 3px 0 3px 0;
}

#navigation ul ul li {
padding:1px 0 1px 0;
margin:0 0 0 10px;
}

#navigation ul ul {
list-style: none;
padding: 5px 0 5px 0;;
margin:0;
border-top:1px #09c solid;
border-left:1px #09c solid;
}


#navigation  a {
text-decoration:none;
}

#navigation a:hover , #navigation  li.default a:hover {
color: #09c;
}

#navigation  li.default a {
color:#666;
}




#iR {
position:relative;
width: 510px;
margin: 0 0 0 195px;
}

#iR ul {
list-style: none;
padding:0;
margin:0;
}

#iR li {
padding:0;
margin:0;
}

#iR li.active {
padding: 5px 0 5px 0;
}

#iR li.active strong {
font: bold 1.3em Georgia, arial, helvetica, sans-serif;
text-transform:uppercase;
padding:0;
color: #039;
}

#iR  a:hover {
color: #09c;
}


#footer {
position:relative;
margin:0;
text-align:center;
padding:71px 0 0 0;
height:145px;
background: transparent url(../images/footer_bg.gif) top left no-repeat;
}

#footer p {
color:#fff;
padding:20px 0 0 0;
}


#footer a {
color:#fff;
}

#footer a:hover{
color: #039;
}

#footer a.link {
padding:10px 0 0 0;
color:#fff;
}


#footer address {
padding:10px 10px 4px 10px;
color:#fff;
}

/* form */


form small {
color:#09c;
font: normal 100% verdana, arial, helvetica, sans-serif;
display:inline;
text-align: left;
}

form {
	margin: 0;
	padding: 0;
}


form strong {
font: normal 90%/110% "Trebuchet MS", arial, helvetica, sans-serif;
color: #f00;
}

input,
select,
textarea {
font: normal 100%/110% "Trebuchet MS", arial, helvetica, sans-serif;
border:1px solid #09c;
color: #666;
padding:2px;
margin:0;
}


div.formLegend {
float: left;
width: 110px;
text-align: right;
padding: 0 5px 3px 0;
margin: 0;
}


div.formElement {
float: left;
width: 260px;
padding:0 0 3px 0;
margin: 0;
}



div.formElementSend {
float: left;
width: 233px;
height:25px;
padding: 5px;
margin: 0;
font-size: 110%;
background: transparent url( images/ ) top left no-repeat;
}

fieldset {
	border: none;
	width: 380px;
}

legend {
	font-weight: bold;
}


  

select {
	font-size: 100%;
}
textarea {
	overflow: auto;
	width: 230px;
	height: 30px;
	font-size: 110%;
}
input.l {
	width: 150px;
}
input.s {
	width: 75px;
}
input.submit {
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	border:1px solid #09c;
	width:70px;
	background-color:#fff;
	color:#09c;
}

#masthead input.go-button {
margin: 0 0 0 5px;
vertical-align: middle;
border:none;
}
/* form */