/*
CSS for Reading Rhino site
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	line-height: 125%;
	padding: 0;
	margin: 0;
}

#HeaderImage {
	border-width: 0px;
	border-style: solid;
	border-color: red;
	background-color: #FFF;
	margin: 0px;
}



#navigation {
	width: 518px;
	height: 20px;
	background-color: #F8100E;
	color: #FFF;
	line-height: 100;
	padding: 0px;
	margin: 0px;
	}
	
#navwords {
	color: #F8100E;
	word-spacing: 27px;
	margin-left: 20px;
	
}

#bodycontent1 {
   background-color: white;
   border-width: 1px; 
   border-style: solid;
   border-color: red;
   padding: 10px;
}

#bodycontent2 {
   background-color: white;
   border-width: 1px; 
   border-style: solid;
   border-color: red;
   padding: 10px;
}

#bodycontent3 {
   background-color: white;
   border-width: 1px; 
   border-style: solid;
   border-color: red;
   padding: 10px;
}

#bodycontent4 {
   background-color: white;
   border-width: 1px; 
   border-style: solid;
   border-color: red;
   padding: 10px;
}
   


h1, h2, h3 {
   font-family: "Berlin Sans FB", Helvetica, Arial, sans-serif;
}

h1 {
   border-width: 5px;
   border-style: solid;
   border-color: red;
   
}

h2 {
	color: #F9343D;
	font-size: 145%;
	font-weight: normal;
	padding-top: 0px;
}

li {
	font-size: 15px;
	color: #F9343D;
	padding-left: 10px;
	margin: 0;
}


p {
	font-size: 15px;
	color: #333;
}




em {
   text-transform: uppercase;
}

a {
   font-weight: normal;
   font-size: small;
}

a:link {
   color: red;
}

a:visited {
	color: #F00;
}

a:hover {
   text-decoration: none; color: #33FF33; background-color: none;
}

a:active {
   color: aqua; background-color: navy;
}



h2, ul {
margin-top: 0px;
}

.feature {
   float: left;
   margin: 10px;
}

.feature2 {
   margin-left: 25px;
   margin-right: 25px;
   margin-bottom: 0px;
}


/*This section deals with the position of items on the screen.It uses absolute positioning - 
fixed x and y coordinates measured from the top-left corner of the browser's content display.*/

#navigation, #navwords, #bodycontent1, #bodycontent2, #bodycontent3, #bodycontent4, #HeaderImage {
   position: absolute;
}



#HeaderImage {
   top: 0px;
   left: 225px;
   width: 800px;
}


#navigation {
   top: 170px;
   left: 415px;
}

#navwords {
	top: 190px;
	left: 415px;
}


#bodycontent1 {
   top: 250px;
   left: 113px;
   width: 320px;
   height: 900px;
} 

#bodycontent2 {
   top: 250px;
   left: 466px;
   width: 320px;
   height: 900px;
} 

#bodycontent3 {
   top: 250px;
   left: 820px;
   width: 320px;
   height: 900px;
}

#bodycontent4 {
   top: 245px;
   left: 190px;
   width: 800px;
} 







#navwords a {
	color: #F00;
}