/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, 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 { list-style : none; }

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

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* 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;
position : relative; 
scrollbar-face-color: #fff ; 
scrollbar-highlight-color: #fff; 
scrollbar-shadow-color: #ccc; 
scrollbar-3dlight-color: #fff; 
scrollbar-arrow-color: #104FA0; 
scrollbar-track-color: #efefef; 
scrollbar-darkshadow-color: #333; }

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

 }

div#content { 
position :  relative;
height:460px;
width : 800px;
top : -760px;
left:  0px;
background : transparent;
border: 1px solid #ccc;

 }
 
div#text { 
position :  relative;
z-index : 5;
height:360px;
width : 410px;
top : -340px;
left:  370px;
overflow: auto;
 }


div#branding {
position : relative;
z-index : 2;
height : 80px;
width : 250px;
top: -360px;
left:  534px;
background : transparent;
 }

div#logo { 
position : relative;
z-index : 1;
height : 60px;
width : 265px;
top: 50px;
left: 20px;
background: #fff;
font-size: 1.76em; padding-left : 10px;
color: #104FA0;
 }

div#nav { 
position : relative;
z-index : 3;
height : 30px;
width : 490px;
top: -360px;
left: 310px;
background :  transparent;
}



div#emotion {
position : relative;
z-index : 4;
height : 300px;
width : 270px;
top: 46px;
left: 20px;
background :  #ccc;
font: 1.18em Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #666;
 } 
 
div#bottom {
position : relative;
z-index : 6;
height : 180px;
width : 270px;
top: -870px;
left: 20px;
background: transparent;
 } 

 .txtFld0 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;
	color:#333;
	text-decoration: none;
	background-color: #fff;
	height: 20px;
	width: 250px;
	border:  1px solid #ccc;
	
	
}
 
.txtFld1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;
	color:#333;
	text-decoration: none;
	background-color: #fff;
	height: 100px;
	width: 250px;
	border:  1px solid #ccc;
	
	
}
 
 
 .smallBtn {
	color: #333;
	text-decoration: none;
	width: 150px;
	background-color: #ccc;
	border: 1px solid #ccc;
	}
	

/* 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 : 0.9em;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-weight : bold;
color : #104FA0; 
 }

h1 { font-size: 1.15em; } 
h2, h3 { font-size: 0.95em; }

p { 
font-size : 100%; }

a.nav {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; margin-right: 19px;  font-weight: normal;  }
a.nav:link { text-decoration: none; color: #333; }
a.nav:visited { text-decoration: none; color: #333; }
a.nav:hover { text-decoration: none; color: #104FA0; }
a.nav:active { text-decoration: none; color: #104FA0; }
.nav {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #104FA0; margin-right: 19px; vertical-align: bottom; font-weight: normal;  }

a.snav {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; margin-right: 4px;  font-weight: normal;  }
a.snav:link { text-decoration: none; color: #333; }
a.snav:visited { text-decoration: none; color: #333; }
a.snav:hover { text-decoration: none; color: #104FA0; }
a.snav:active { text-decoration: none; color: #104FA0; }
.snav {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #104FA0; margin-right: 4px; vertical-align: bottom; font-weight: normal;  }


a:link, a:visited { 
text-decoration : none; }

a:link, a:visited { 
color : #104FA0; }