/* Normalizes margin, padding */
body, div, dl, dt, dd,  h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul,li { list-style-position:  outside; margin-left: 0.71em; padding-left: 0.71em; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table, td { border-collapse : collapse; border-spacing : 0; vertical-align:top;}

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


/* layout.css */

html 	{ text-align : center; 
background: #fff;
overflow: -moz-scrollbars-vertical;
}


body { 
padding-top : 0px; 
position: relative;
width : 800px;
margin : 0 auto; 
text-align : left;
}

div#nav {
position : absolute;
padding-top:10px;
top:130px;
width : 800px;
height: 60px;
left: 0px;
}
 

div#branding { 
top : 0px;
position : relative;
width : 800px;
height:100px;
left:  0px;
}

div#news {
top: 36px;
position: absolute;
left: 0px;
height: 74px;
width: 306px;
}

div#info {
position: absolute;
top:4px;
left: 326px;
width: 300px;
height: 22px;
}








.navtxt {
position: absolute;
bottom:0px;
}


div#content_l {
position:  absolute; 
top: 230px;
width: 240px;
left: 70px;
}

div#content_r {
position: absolute; 
top: 230px;
width:370px;
left: 340px;
}

div#content_l_books {
position:  absolute; 
top: 230px;
width: 240px;
left: 70px;
}


div#content_l_index {
position:  absolute; 
top: 230px;
width: 370px;
left: 00px;
}

.img {
	border: 1px solid #e6e6e6;
}

table#text {
width:100%;
height:300px;
}





div#right {
text-align:right;	
margin-right: 20px;
}




/* typography.css */

body { 
font : 70%/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif; 
color : #333; }

h1, h2, h3, h4, p, ul, blockquote { 
margin : 0 0 .75em; }

h1, h2, h3 { 
margin-bottom : 0em;
font-weight : bold;
color : #333399; 
 }

h1 { font-size: 1.1em; } 
h2 { font-size: 1em;  }
h3 { font-size: 1em; font-weight: normal; margin:0em; }

p {
	margin: 0px;
	font-size : 100%; }

.legende {
	font-size:0.85em;
	color: #8a99c7;
}


a.nav {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.2em; text-transform: uppercase; color: #333333; background-color: #fff; font-weight: bold; margin-right: 7px; padding: 10px 14px; border-style: solid; border-color:#e6e6e6; border-width: 1px;}
a.nav:link, a.nav:visited { color: #333333; font-weight: bold; text-decoration: none; border-style: solid; border-color:#e6e6e6; border-width: 1px; }
a.nav:hover, a.nav:active { color: #333399; font-weight: bold; text-decoration: underline; border-style: solid; border-color:#e6e6e6; border-width: 1px;  }
.nav {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.2em; text-transform: uppercase; color: #333399; background-color: #e6e6e6; font-weight: bold; margin-right: 7px; padding: 10px 14px;  border-style: solid; border-color:#e6e6e6; border-width: 1px; }

a.bnav, .bnav {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.1em; color: #333399; font-weight: bold; }
a.bnav:link, a.bnav:visited { text-decoration: none; color: #333399; }
a.bnav:hover, a.bnav:active { text-decoration: none; color: #333399; }

a.snav {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em;  line-height: 1.5em; color: #333399; font-weight: normal; }
a.snav:link, a.snav:visited { text-decoration: none; color: #333399; font-weight: normal; }
a.snav:hover, a.snav:active { text-decoration: none; color: #333399; font-weight: bold; }
.snav {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em;  line-height: 1.5em; color: #333399; font-weight: bold; }

a.inav {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:1em;  color: #b9c0dd; padding-right: 20px; }
a.inav:link, a.inav:visited { text-decoration: none; color: #b9c0dd; }
a.inav:hover, a.inav:active { text-decoration: none; color: #8a99c7; }
.inav {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:1em;  color: #8a99c7; padding-right: 20px; }


a:link, a:visited { 
text-decoration :  underline; 
color : #333;
}

a:hover, a:active { 
text-decoration :   none; 
color : #333399;
 }
 
a.spamspan, a.spamspan:visited { text-decoration : none; color: #8a99c7; }
a.spamspan:hover { color: #333399; }

 .txtFld1, .txtFld2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;
	color:#333;
	text-decoration: none;
	background-color: #fff;
	border:  1px solid #b9c0dd;
	margin-bottom:2px;
	}


	
.txtFld1 {
	height: 100px;
	width: 250px;
	}
	
.txtFld2 {
	height: 20px;
	width: 250px;
	}	
	
 
 .smallBtn {
	color: #333;
	text-decoration: none;
	cursor: pointer;
	width: 250px;
	background-color: #b9c0dd;
	border: 1px solid #b9c0dd; }