@font-face {
    font-family: 'DroidSansRegular';
    src: url('../fonts/droidsans-webfont.eot');
    src: url('../fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidsans-webfont.woff') format('woff'),
         url('../fonts/droidsans-webfont.ttf') format('truetype'),
         url('../fonts/droidsans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* { 
  margin:0;
  padding:0;
}

html {
overflow-y:scroll;
}

html, body {
  height: 100%;
  margin: 0 0 1px;
  padding: 0;
  -webkit-text-size-adjust:none;
}

body {
background-color:#fafbfb;
font-family:'DroidSansRegular', Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
width:auto;
}

strong {
color:#333;
font-weight:600;
}

.browserFirefox strong {
font-family:Verdana, Arial, Helvetica, sans-serif;
}

em {
	font-style:normal;
	-moz-transform:    skewX(-6deg);
    -o-transform:      skewX(-6deg);
    -webkit-transform: skewX(-6deg);
    transform:         skewX(-6deg);

    display: inline-block;
    
}

@media handheld, only screen and (max-device-width: 480px) {

	em {
    
    font-style:italic;
    font-size:12px;
    display:inline;
    }

}

.browserIE em{
font-style:italic;
display:inline;
}

h1 {display:none;}

h2 {
font-weight:normal;
position:relative;
font-size:12px;
width:120px;
}

h3 {
font-size:12px;
font-weight:normal;
position:relative;
bottom:3px;
}

h4 {
clear:both;
font-size:16px;
margin:25px 20px 5px 35px;
padding:0;
color:#999;
}

h4 strong {
color:#333;
}

a {
text-decoration:none;
border-bottom:1px #e02026 solid;
color:#333;
}

a:hover {
color:#e02026;
}

.line {
width:315px;
height:1px;
border-bottom:1px #cccccc solid;
margin:0 0 20px 35px;
}

#outer-container {
background-image:url(../img/bodybg.jpg);
background-repeat:repeat-y;
border:3px solid #cccccc;
border-top:none;
width:1001px;
margin:0 auto 0 auto;
position:relative;
padding:0 0 135px 0;
background-repeat:repeat-y;
min-height:580px;
height:580px;
z-index:1;
}

#timestamp {
position:absolute;
top:5px;
right:285px;
font-size:10px;
color:#252525;
cursor:default;
}

#logo {
position:relative;
left:160px;
top:40px;
width:135px;
cursor:pointer;
}

#slug {
position:relative;
top:24px;
left:320px;
color:#999999;
font-size:14px;
width:380px;
cursor:default;
}

#content {
background-color:#FFFFFF;
position:relative;
left:153px;
top:43px;
margin:0;
width:566px;
height:auto;
}


.whiteboard {
background-image:url(../img/whiteboardbg.png);
background-repeat:repeat-y;
background-position:center;
background-color:transparent;
height:auto;
z-index:2;
}

.body {
color:#333;
font-size:12px;
width:554px;
height:auto;
padding-bottom:30px;
}

.body p {
margin:0 50px 10px 35px;
text-align:left;
padding:0;
clear:both;
}

.sidelink {
margin-top:5px;
width:99%;
text-align:right;
font-size:12px;
}

.sidelink a {
color:#e02026;
text-decoration:none;
border:none;
}

.subdiv {
display:none;
height:auto;
}

.topshadow {
background-image:url(../img/topshadow.png);
background-repeat:no-repeat;
background-color:transparent;
width:566px;
height:6px;
position:absolute;
top:-6px;
z-index:5;
}

.bottomshadow {
background-image:url(../img/bottomshadow.png);
background-repeat:no-repeat;
background-color:transparent;
width:566px;
height:6px;
position:absolute;
bottom:-6px;
z-index:5;
}

#homespace {
margin-top:250px;
}

#home-div {
height:0;
display:none;
overflow:hidden;
}

#home-body {
background-image:url(../img/homepic.jpg);
background-position:center top;
background-repeat:no-repeat;
margin:auto;
}

#home1 {
top:20px;
left:35px;
position:relative;
color:#333;
font-size:28px;
width:auto;
}

#home2 {
top:40px;
left:35px;
position:relative;
color:#333;
font-size:26px;
width:auto;
}

#home3 {
top:75px;
right:55px;
position:relative;
color:#333;
font-size:28px;
font-style:italic;
width:auto;
text-align:right;
}

#home4 {
top:145px;
left:35px;
position:relative;
color:#fff;
font-size:26px;
width:235px;
}

#about-div {
position:absolute;
height:auto;
width:68px;
top:0;
left:0px;
overflow:hidden;
margin:auto;
padding:0;
z-index:2;
}
#about-header {
position:relative;
left:0;
height:40px;
width:auto;
margin:0 auto 0 auto;
padding:0 2px 0 0;
color:#e02026;
text-align:right;
font-weight:normal;
background-image:url(../img/navshadow.png);
background-repeat:repeat-y;
background-position:right;
}
#interactivepr-div {
position:absolute;
height:auto;
width:68px;
top:0;
left:0px;
overflow:hidden;
margin:auto;
padding:0;
z-index:2;
}
#interactivepr-header {
position:relative;
left:0;
height:40px;
width:auto;
margin:0 auto 0 auto;
padding:0 2px 0 0;
color:#e02026;
text-align:right;
font-weight:normal;
background-image:url(../img/navshadow.png);
background-repeat:repeat-y;
background-position:right;
}
#traditionalpr-div {
position:absolute;
height:auto;
width:68px;
top:0;
left:0px;
overflow:hidden;
margin:auto;
padding:0;
z-index:2;
}
#traditionalpr-header {
position:relative;
left:0;
height:40px;
width:auto;
margin:0 auto 0 auto;
padding:0 2px 0 0;
color:#e02026;
text-align:right;
font-weight:normal;
background-image:url(../img/navshadow.png);
background-repeat:repeat-y;
background-position:right;
}
#books-div {
position:absolute;
height:auto;
width:68px;
top:0;
left:0px;
overflow:hidden;
margin:auto;
padding:0;
z-index:2;
}
#books-header {
position:relative;
left:0;
height:40px;
width:auto;
margin:0 auto 0 auto;
padding:0 2px 0 0;
color:#e02026;
text-align:right;
font-weight:normal;
background-image:url(../img/navshadow.png);
background-repeat:repeat-y;
background-position:right;
}
#news-div {
position:absolute;
height:auto;
width:68px;
top:0;
left:0px;
overflow:hidden;
margin:auto;
padding:0;
z-index:2;
}
#news-header {
position:relative;
left:0;
height:40px;
width:auto;
margin:0 auto 0 auto;
padding:0 2px 0 0;
color:#e02026;
text-align:right;
font-weight:normal;
background-image:url(../img/navshadow.png);
background-repeat:repeat-y;
background-position:right;
}

ul.subnav {
position:relative;
list-style:none;
margin:20px 0 40px 35px;
padding:0;
}

.subnav li {
display:inline;
float:left;
border-bottom:2px solid #cccccc;
padding:2px 2px 2px 2px;
margin:0 0 30px 3px;
cursor:pointer;
width:120px;
height:38px;
}

.subnav li:hover, .subnav li.activesub {
border-bottom:2px solid #dc0007;
}

.subnav li.activesub:hover {
cursor:default;
}

.lower {
position:absolute;
padding-bottom:5px;
padding-right:7px;
bottom:0;
right:0;

}

.headerbox {
position:absolute;
right:0;
border-bottom:#cccccc solid 2px;
width:137px;
height:40px;
cursor:pointer;
}

.headerbox:hover, .active .headerbox {
background-color:#dc0007;
color:#FFFFFF;
border-bottom:#dc0007 solid 2px;
}

.lowersub {
position:absolute;
bottom:-40px;
padding:0 0 0 8px;
width:107px;
}

.nosubs {
position:relative;
margin-top:60px;
}

.tcontainer {
position:relative;
font-size:12px;
color:#999999;
padding:0 35px 15px 35px;
height:155px;
width:480px;
overflow:hidden;
display:table-cell;
vertical-align:bottom;
}

.randomtestimonial, .fixedtestimonial {
position:relative;
padding:0;
height:auto;
width:inherit;
}

.randomtestimonial p, .fixedtestimonial p {
margin:15px 0 10px 0;
}

.authortest {
font-size:10px;
}

#contact {
position:absolute;
top:90px;
right:0;
width:240px;
color:#333;
font-size:12px;
margin:0;
padding:0;
}

#contact a, #contact a:hover {
border:none;
color:#333;
}

#contact p {
margin:15px 0 7px 0;
padding:0;
}

#contactline {
width:240px;
height:1px;
border-bottom:2px #dc0007 solid;
margin:0 0 18px 0;
}

#copyright {
color:#999999;
font-size: 11px;
position:absolute;
bottom:-25px;
right:15px;
}