/* CSS Document */

/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
body {
 background-color: #fff ;
 width: 750px;
 margin: 0 auto;
 text-align:center;
 }
 
div,h1,h2,h3,h4,p,ul,li { /* default block-level foramtting */
  margin: 0; padding: 0;
  font: 12px/14px Tahoma, Arial, sans-serif;
  }
div { line-height: 1px; }
/* fix for when <div><img></div> or <div><a><img></a></div>
** to avoid the need for display:block on img */

img { border: none; } 
td { vertical-align: top; }
span { color: #fff;}
a { text-decoration: none; color: #900; font-weight: bold;}
a:hover {  text-decoration: underline;}

/*------------------------------------------------------------*
**  Layout
**------------------------------------------------------------*/
.devlin {
 padding: 10px;
 text-align: center;
 color: #999;
 margin: 0 auto;
}

.devlin .wrap {
 width: 770px;
 margin: 0 auto;
 }
/*------------------------------------------------------------*
**  Banner
**------------------------------------------------------------*/

.devlin .header { 
text-align: left;
background: url(img/devlin_banner1.gif) no-repeat; 
border-bottom: 2px dotted #900;
padding-bottom: 5px;

}
.devlin .header div { background: url(img/devlin_banner2.jpg) 0 100%  no-repeat;  } 
.devlin .banner table { width: 770px; }

.devlin .banner div { 
padding: 9px 0 34px 25px; 
background: none;
}

.devlin .banner div div { 
text-align: right;
padding: 12px 5px 0 ; 
background: none;
}


/*------------------------------------------------------------*
**  Main
**------------------------------------------------------------*/

.devlin .main { 
padding-top: 15px;
}
.devlin .main table { 
margin: 0 auto;
text-align: center;
width: 770px;

}
.devlin .main td { 
padding: 0 5px;
}
/*------------------------------------------------------------*
**  Nav
**------------------------------------------------------------*/

.devlin .nav { background: #600 url(img/devlin_navtop.gif) no-repeat; }
.devlin .nav div { background: url(img/devlin_navbot.gif) 0 100% no-repeat; padding: 15px 0; }
.devlin .nav div div {
background: none; text-align: right;
padding: 20px 5px 10px; 
}

/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/

.devlin .content { 
background: #600 url(img/devlin_maintop.gif) no-repeat; 
padding: 20px 0 0;
 }
.devlin .content div { background: url(img/devlin_mainbot.jpg) 0 100% no-repeat; }
.devlin .content div div { 
padding: 0 5px 20px;
width: 420px;  
}

.devlin .content div div div { 
background: none;
padding-right: 5px; 
width: 100%;
text-align: left;
}
.devlin .content .welcome {
border: none;
padding: 15px 0px 10px;
background: url(img/devlin_h5_bkgd.jpg)  no-repeat;
}

.devlin .content p {
padding: 5px 10px;
background-color: #DFEFFF;
color: #000;
font-size: 12px;
line-height: 17px;
text-align: left;
}

.devlin .content .01 {
color: #600;
font-size: 10px;
line-height: 12px;
text-align: left;
}
.devlin .content h2 {
padding: 5px 5px 0 5px;
background-color: #DFEFFF;
color: #600;
font-size: 14px;
line-height: 17px;
text-align: left;
font-weight: bold;
}


.devlin .content table { 
width: 100%;
background-color: #DFEFFF;
margin: 0; padding: 0;
}
.devlin .content table p { 
background-color: #DFEFFF;
 padding: 0 5px 5px 0 ;
}
.devlin .content table img {
border: 1px solid #600;
}

 
.devlin .content ul {
padding-bottom: 10px;
background-color: #DFEFFF; 
text-align: left;
list-style: square;
padding: 5px 0px;
color: #600;
  }
.devlin .content li {
padding-left: 2px;
line-height: 16px;
font-size: 12px;
margin-left: 25px;
  }
.devlin .content li a:hover {
text-decoration: underline;
  }
/*------------------------------------------------------------*
**  Sidebar
**------------------------------------------------------------*/
.devlin .sidebar { background: #DFEFFF url(img/devlin_sidetop.gif) no-repeat; }
.devlin .sidebar div { background: url(img/devlin_sidebot.jpg) 0 100% no-repeat; }
.devlin .sidebar div div {
color: #DFEFFF;
padding: 12px 5px 10px; 
background: none;
}

.devlin  .sidebar .books div {
text-align: left;
padding: 5px 0;
 }
.devlin  .sidebar .books div div {padding: 0; }
.devlin .sidebar .books table { 
margin: 0 auto;
text-align: left;
width: 180px;
}
.devlin .sidebar .books td { 
border-bottom: 1px dotted #9cf;
}

 .devlin .sidebar .books h4 { 
color: #600;
padding-bottom: 3px;
font-size: 11px;
font-weight: bold;
 }
 
.devlin .books p { 
color: #600;
font-size: 10px;
line-height: 12px;
 }
 
.devlin .sidebar div { text-align: left;  }

.devlin .sidebar .books div img {  border: 1px solid #600;  }
/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
.devlin .footer { padding-top: 10px;}
.devlin .footer div {border-top: 2px dotted #900; padding: 5px; }