#all {
  width: 800px;
  height:1000px;
  margin-left: auto;
  margin-right: auto;
}


#header {
  text-align: right;
  float: right;
  width: 800px;
  height:210px;
  clear: both;
  background-image:url(images/home/graphic.jpg);
}

#left {
  float: left;
  width: 800px;
  clear: left;
  text-align:center;
  word-spacing:15px;
  border-bottom:double;
  border-bottom-color:#333333;
  border-top:double;
  border-top-color:#333333;
}


  
#magazines {
  float: left;
  width: 800px;
  clear: left;
  text-align:center;
}


#right {
  float: right;
  width: 800px;
  background-image:url(images/home/bricks.jpg);
  background-repeat:no-repeat;
}

#regular {
  float: left;
  width: 800px;
  clear:left;
  
  }

#videoscroll {
	float:inherit;
  width: 800px;
  height:76;
overflow-x:scroll; /* scroll horizontal */

overflow-y:hidden; /* Hide vertical*/
  
  
  border-bottom:double;
  border-bottom-color:#333333;
  border-top:double;
  border-top-color:#333333;
}

#recleft {
  float: left;
  width: 800px;
  clear:left;
  text-align: left;
  margin-left:40px;
}



#footer {
  float: left;
  width: 800px;
  clear: both;
  text-align: center;
}

a {
color:#333333;
text-decoration:none;
outline:none;
}

a:hover {
color:#999999;
text-decoration:none;
}

.small a:visited {
color:#660000;
text-decoration:none;

}

a.article {

margin-left:20px;
}

.small {

font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:300;
color:#333333;
}

.smalllink {

font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:300;
color:#333333;
}

.backtotop {
  font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:300;
	color:#333333;
	text-align:right;
}

.backtotop a {
  font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:300;
	color:#333333;
	
}

.backtotop a:hover {
  font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:300;
	color:#999999;
}

.smalllink a {
color:#333333;
text-decoration:none;
outline:none;
}

.smalllink a:hover {
color:#999999;
text-decoration:none;
}

.smallerlink {

font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:300;
color:#333333;
}


.smallerlink a {
color:#333333;
text-decoration:none;
outline:none;
}

.smallerlink a:hover {
color:#999999;
text-decoration:none;
}







.smallbooks {

font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:300;
color:#333333;
line-height:.75;
margin-top:70px;
}

.date {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:300;
color:#333333;
margin-right:20px;
}

.footernav {
  font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:300;
color:#333333;
  text-align:center;
  word-spacing:15px;
  border-bottom:double;
  border-bottom-color:#333333;
  border-top:double;
  border-top-color:#333333;
}

.footernav a {
color:#333333;
text-decoration:none;
outline:none;
}

.footernav a:hover {
color:#999999;
text-decoration:none;
}





.headers {

font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:300;
color:#333333;
}


.videonav {
text-align:center;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:300;
color:#333333;
  word-spacing:15px;
  
  }

.smallhidden {
visibility:hidden;

}

.smallheaders {

font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:300;
color:#333333;
  border-bottom:double;
  border-bottom-color:#333333;
  border-top:double;
  border-top-color:#333333;
text-align:center;
}

.smallvideos {
height:120px;
overflow-x:hidden; /* scroll horizontal */

overflow-y:scroll;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:300;
color:#333333;

}

.leftlist {
width:800;
height:200px;
overflow:auto;
float:left;
text-align:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:300;
color:#333333;

}



.float {

float:left;
margin-right:5px;

}

h4 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:300;
color:#333333;

}

img.margin {
vertical-align:middle;
margin-right:20px;
}

img.title {
margin-top:110px;
}

.rec ul {
float: left;
width: 800px;
margin: 0;
padding: 0;
list-style: none;
}
.rec li {
float: left;
width: 800px;
margin: 0;
padding: 0;
}

.rec {color:#888888;
font-size:10px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

.rec a {
color:#333333;
font-size:12px;
text-decoration:none;
outline:none;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
.rec a:hover {
color:#999999;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-decoration:none;
}