/* CSS Document */

body {
   background-color:#fff;
   margin: 0;
   padding: 0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   float:left;
}


ol.plain, ul.plain {
    list-style-type:none;
    margin:0;
    padding:0;
}


div {
    margin:0;
    padding:0;
}

img {
    border:0;
}

h2{
color: #333;
}


#page {
   width:850px;
   margin:0;
   padding: 0;
   background:#fff;
}




/*  HEADER  ----------------------------------------  */
#oatv_logo {
   height: 64px;
   width: 406px;
   background-color: #fff;
   padding-top: 10px;
   margin: 0;
   float: left;
}

#nav {
   height: 24px;
   width: 444px;
   padding-top: 50px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   margin: 0;
   float: right;
   background-color: #fff;
}


/*  MID SECTION  ----------------------------------------  */
#mid {
  float: left;
}

#mid-left {
  float: left;
  width: 282px;
  height: 353px;
  margin: 0;
  padding: 0;
  background-image:url(http://oreilly.com/images/oatv/copyblock-bg.gif); 
  background-repeat:no-repeat; 
  background-position: bottom center;
}



#mid-right {
  float: right;
  width: 568px;
}

#mid-left2 {
  float: left;
  width: 150px;
  margin: 0;
  padding: 0;
  border-top-color:#000;
  border-top-style:solid;
  border-top-width:medium;
}

#mid-right2 {
  float: right;
  width: 700px;
  border-top-color:#000;
  border-top-style:solid;
  border-top-width:medium;
}

#mid-secondary {
  width: 850px;

}

#mid-secondary-left {
  float: left;
  width: 150px;
}

#mid-secondary-right {
  float: right;
  width: 700px;

}

#line {
   height: 1px;
   width: 850px;
   clear: both;
   background-color: #000;
   color: #666;
}

#divider {
   padding-top: 24px;
   height: 1px;
}


#mid-nav {
  float: left;
  width: 130px;
  border-top-color:#c2c2c2;
  border-top-style:solid;
  border-top-width:thin;
  border-right-color:#c2c2c2;
  border-right-style:solid;
  border-right-width:thin;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 15px;
  text-align: right;
  font-size: 13px;
  color: #707070;
}

#mid-nav-bottom {
  float: left;
  width: 130px;
  border-top-color:#c2c2c2;
  border-top-style:solid;
  border-top-width:thin;
  border-right-color:#c2c2c2;
  border-right-style:solid;
  border-right-width:thin;
  padding-right: 15px;
}

#mid-nav a {
   color: #707070;
}

#mid-nav a:hover {
   color: #cc0033;
   text-decoration: none;
}

.selected {
   color: #cc0033;
   text-decoration: none;
}





.partner-photo {
	float: left;
	padding-right: 10px;
}





/*  FOOTER  ----------------------------------------  */
#footer {
   height: 55px;
   width: 850px;
   clear: both;
   padding: 15px 0 0 20px;
   background-color: #fff;
   color: #666;
   line-height: 1.3em;
}

#footer a {
   color: #666;
}

#footer a:hover {
   color: #cc0033;
}




/*  CLASSES  ----------------------------------------  */
.bold {
   font-weight: bold;
}

.orange {
   color: #c78b10;
}

.light_orange {
   color: #f1b94a;
}

.light_green {
   color: #c9d744;
}

.small {
   font-size: .9em;
}

.nav_rule {
   display: block;
   border-top: 1px solid #fff;
}

.co-name {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 15px;	
   color: #333;
   line-height: 24px;

}

.page-title {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 17px;	
   color: #cc0033;
   border-bottom-color:#cc0033;
   border-bottom-style:solid;
   border-bottom-width:thin;
}

.page-title2 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 17px;	
   color: #cc0033;
   border-bottom-color:#cc0033;
   border-bottom-style:solid;
   border-bottom-width:thin;
   margin-left: 166px;
   width: 522px;
}

.content-area {
	margin-top: 16px; 
	margin-bottom: 32px; 
	margin-left: 14px; 
	margin-right: 160px; 
	line-height: 17px; 
	color:#333;
	}
	
.content-area2 {
	margin-top: 0px; 
	margin-bottom: 20px;
	margin-right: 160px; 
	margin-left: 16px; 
	line-height: 17px; 
	color:#333;
	}	

a {
   text-decoration: none
}

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