@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url(images/background.gif) ; 
}


ul {margin:0; padding:0; display:block; border:0px}
li {margin:0; padding:4px 5px 4px 5px; list-style:none; border:0px;} /*Always put at the begining of the css to eliminate the bullets.*/

a:link {  text-decoration:none; font-weight:bold; color:#099e06; }
a:visited {	text-decoration:none; font-weight:bold; color:#099e06; }
a:hover { text-decoration:underline; font-weight:bold; color:#099e06;}
a:active { text-decoration: none; font-weight:bold;	color:##099e06; }

ul#nav {list-style:none; margin:0px; padding:0px; text-transform: uppercase;}

li#nav1 {padding:3px 0px 3px 0px;  border: 1px solid #099e06; border-width: 1px 0px 1px 0px;} /*Always put at the begining of the css to eliminate the bullets.*/

li#nav {padding:3px 0px 3px 0px;  border-bottom: 1px solid #099e06;} /*Always put at the begining of the css to eliminate the bullets.*/

ul#nav a:link {  text-decoration:none; font-weight:normal; color:#000; }
ul#nav a:visited { text-decoration:none; font-weight:normal; color:#000; }
ul#nav a:hover { text-decoration:none;  font-weight:bold; color:#000;}
ul#nav a:active { text-decoration: none; font-weight:normal; color:#000;}

ul#blue {margin:0; padding:0; display:block; border:0px}
li#blue {margin:0; padding:4px 0px 4px 0px; list-style:none; border:0px;} /*Always put at the begining of the css to eliminate the bullets.*/

ul#blue a:link {  text-decoration:none; font-weight:bold; color:#5298b5; }
ul#blue a:visited {	text-decoration:none; font-weight:bold; color:#5298b5; }
ul#blue a:hover { text-decoration:underline; font-weight:bold; color:#5298b5;}
ul#blue a:active { text-decoration: none; font-weight:bold;	color:#5298b5; }

ul#brown {margin:0; padding:0; display:block; border:0px}
li#brown {margin:0; padding:3px 0px 3px 0px; list-style:none; border:0px;} /*Always put at the begining of the css to eliminate the bullets.*/

ul#brown a:link {  text-decoration:none; font-weight:bold; color:#782300; }
ul#brown a:visited {	text-decoration:none; font-weight:bold; color:#782300; }
ul#brown a:hover { text-decoration:underline; font-weight:bold; color:#782300;}
ul#brown a:active { text-decoration: none; font-weight:bold; color:#782300; }

ul#nav {list-style:none; margin:0px; padding:0px; text-transform: uppercase;}

li#nav1 {padding:3px 0px 3px 0px;  border: 1px solid #099e06; border-width: 1px 0px 1px 0px;} /*Always put at the begining of the css to eliminate the bullets.*/

li#nav {padding:3px 0px 3px 0px;  border-bottom: 1px solid #099e06;} /*Always put at the begining of the css to eliminate the bullets.*/

ul#nav a:link {  text-decoration:none; font-weight:normal; color:#000; }
ul#nav a:visited { text-decoration:none; font-weight:normal; color:#000; }
ul#nav a:hover { text-decoration:none;  font-weight:bold; color:#000;}
ul#nav a:active { text-decoration: none; font-weight:normal; color:#000;}



ul#white {margin:0; padding:0; display:block; border:0px}
li#white {margin:0; padding:6px 120px 0px 0px; list-style:none; border:0px;} /*Always put at the begining of the css to eliminate the bullets.*/

ul#white a:link {  text-decoration:none; font-weight:bold; color:#fff; }
ul#white a:visited {	text-decoration:none; font-weight:bold; color:#fff; }
ul#white a:hover { text-decoration:underline; font-weight:bold; color:#fff;}
ul#white a:active { text-decoration: none; font-weight:bold;	color:#fff; }
img {
border:0;
}

/* wrap defines the size of the website.*/
#wrap {
     width:810px; 
	 height: 1035px;
	 padding: 0px;
	 margin: 0px auto; 
	 text-align: right; 
	 background: #fff;
	 	 }	
		 
#left_edge {
	float: left;
	width: 5px;
	height: 979px;
	margin: 0px;
	padding: 0px;
	background: #fff;
}

	  
/* Defines the area for the left content*/
#left_content {	
	float:left;
	width:200px;
	height:979px;
	padding:0px;
	margin:0px 5px 0px 0px;
	}	 

/* Defines the area for the left content top box*/
#left_top {	
	float:left;
	width: 200px;
	height: 311px;
	padding:0px;
	margin: 0px;
	}
	
 /* navbar defines the size of the navbar*/
#navbar {
     width:200px;
	 height:100% auto; 
	 margin:0px; 
	 padding:0px; 
	  } 
	
/* Defines the area for the left content bottom box*/
#left_bottom {	
	float:left;
	width: 200px;
	height: 520px;
	padding:0px;
	margin: 5px 0px 0px 0px;
	}
	
#left_column {
	float:left;
	width: 83px;
	height: 520px;
	padding:0px;
	margin: 0px 5px 0px 0px;
	}
	
#right_column {
	float:left;
	width: 112px;
	height:520px;
	padding:0px;
	margin:0px;
}

/* Defines the area for the middle content*/
#middle_content {	
	float:left;
	width: 390px;
	height: 979px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
		}
		
/* Defines the area for the middle top content*/
#middle_top {	
	float:left;
	width: 390px;
	height: 349px;
	margin: 0px;
	padding: 0px;
		}
		
/* Defines the area for the left content bottom box*/
#middle_bottom {	
	float:left;
	width: 390px;
	height: 631px;
	padding:0px;
	margin: 0px;
	}
	
#middle_inside {
      float:left; 
	  width:388px;
	  height:629px;
	  margin:0px; 
	  padding:0px;
	  border:1px solid #099e06;
	  }
	  
/* Defines the area for the middle content*/
#middle_inside_right {	
	float:left;
	width: 230px;
	height: 629px;
	padding: 0px;
	margin: 0px 0px 0px 10px;
}

#feed_container {
	float:left;
	width:230px;
	height: 629px;
	padding:0px;
	margin:0px;
	overflow:auto;
}

/* Defines the area for the middle content*/
#middle_inside_left {	
	float:left;
	width: 140px;
	height: 629px;
	padding: 0px;
	margin: 0px 0px 0px 5px;
}
		
/* Defines the area for the right content*/
#right_content {	
	float:left;
	width:200px;
	height:979px;
	padding:0px;
	margin:0px; 
	}	 

/* Defines the area for the right content top box*/
#right_top {	
	float:left;
	width: 200px;
	height: 311px;
	padding:0px;
	margin: 0px;
	}		
		
/* Defines the area for the right content bottom box*/
#right_bottom {	
	float:left;
	width: 200px;
	height: 668px;
	padding: 0px;
	margin: 0px;
	}	
	
#right_inside {
      float:left; 
	  width:200px;
	  height:668px;
	  margin:0px; 
	  padding:0px;
	  }
	  
#right_inside_top {
      float:left; 
	  width:200px;
	  height:140px;
	  margin: 0px; 
	  padding:0px;
	  background-image:url(images/lamp.jpg);
	  }
	  
#right_inside_bottom {
      float:left; 
	  width:200px;
	  height:520px;
	  margin:5px 0px 0px 0px; 
	  padding:0px;
	  }	
	  
#left_column2 {
	float:left;
	width: 83px;
	height: 520px;
	padding:0px;
	margin: 0px 5px 0px 0px;
	}
	
#right_column2 {
	float:left;
	width: 112px;
	height:520px;
	padding:0px;
	margin:0px;
}	  
	  
	
#login_box {
      float:left; 
	  width:800px;
	  height:699px;
	  margin:5px 5px 5px 5px; 
	  padding:0px;
	  border:1px solid #099e06;
	  }


	
.scroll {
	filter: Chroma(Color=#123456);
	scrollbar-face-color:#123456;
	scrollbar-shadow-color:#123456;
	scrollbar-highlight-color:#123456;
	scrollbar-3dlight-color: #123456;
	scrollbar-darkshadow-color:#123456;
	scrollbar-track-color: #123456;
	scrollbar-arrow-color: #099e06;
	}


.image {
float: left;	
margin-right: 5px;
padding: 0px;
}


.image2 {
margin-bottom: 5px;
padding: 0px;
}

.image3 {
margin-top: 6px;
padding: 0px;
}

.book {
margin:5px 0px 0px 0px;
padding: 0px;
display:inline;
}

.book2 {
margin: 5px 0px 0px 0px;
padding: 0px;
display:inline;
}