/*
credit for the original concept and core of the layout comes courtesy of Rob Chandanais via:
http://bluerobot.com/web/layouts/layout2.html

used as default layout for b2, with permission from Dean Peters,
who first adapted it ( http://www.deanpeters.com/b2 )
*/


h2 {
       
        font-size:14px;
        line-height:14px;
        font-weight:800;
        color:#993300;
        font-family: verdana, arial, helvetica, sans-serif;
}

.storyTitel {
        
        font-size:16px;
        line-height:18px;
        font-weight:900;
        background-color:#FFFFFF;
        color:#000000;
        font-family: verdana, arial, helvetica, sans-serif;
}
#content {
   text-align:center;
}

.content a {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   color:none;
   background-color:none;
   text-decoration:none;
   font-weight:800;
   font-size:12px;
   font-family: verdana, arial, helvetica, sans-serif;
}

h1, h4, h5, .storyTitle, .storyCategory, .storyAuthor {
        
        font-size:30px;
        line-height:36px;
        font-weight:normal;
        color:gray;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
.headline {
        font-size:16px;
        line-height:20px;
        font-weight:900;
        text-align: center;
        valign: middle;
        background-color:gray;
        color:#ffffff;
}
h3 { font-size:24px;
        color:#993300;
        text-decoration:none;
        font-weight:normal;
        font-family: verdana, arial, helvetica, sans-serif;
}
h4, h5, .storyCategory, .storyAuthor {
        
        font-size:16px;
        line-height:20px;
        font-weight:900;
        color:#993300;
        font-family: verdana, arial, helvetica, sans-serif;
}

h4, h5, .storyCategory, .storyAuthor {
        font-size:12px;
        line-height:12px;
        font-weight:800;
        color:#993300;
        font-family: verdana, arial, helvetica, sans-serif;

}
.storyCategory, .storyAuthor {
        font-size:11px;
        line-height:11px;
}
h5, .storyAuthor {
        font-size:16px;
        font-family: verdana, arial, helvetica, sans-serif;
        
}
p, .storyContent {
        font:13px verdana, arial, helvetica, sans-serif;
       
        }
td { 
        font-family: verdana, arial, helvetica, sans-serif;
        font-size:13px;
        font-weight:500;
        color:#993300;
}

.storyContent {
        font:12px/16px verdana, arial, helvetica, sans-serif;
}

#content>.storyContent {margin:0px;}
#content>.storyContent+.storyContent {text-indent:30px;}


a  { font-weight: bold; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none }
a:link {color:gray;}
a:visited {color:silver;}
a:hover {color: #993300;
        }

#menu {
        position:absolute;
        top:185px;
        right:20px;
        width:172px;
        padding:10px;
        background-color:#FFFFFF;
        border-bottom:1px solid #999;
        border-right:1px solid #999;
        line-height:17px;
/* Again, the ugly brilliant hack. */
        voice-family: "\"}\"";
        voice-family:inherit;
        width:150px;
        }
/* Again, "be nice to Opera 5". */
body>#menu {width:150px;}


p { font-size:13px;
        color:#000000;
        text-decoration:none;
        font-weight:smal;
        font-family: verdana, arial, helvetica, sans-serif;
}

#scrollabe{
	position:relative;
	left:0px;
	top:0px;
}
#big{

	position: relative;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 360px;
	clip:rect(0px,0px,360px,0px);
	overflow:hidden;
	visibility:hidden;

}
#big2{

	position: relative;
	top: 0px;
	left: 20px;
	width: 600px;
	height: 360px;
	clip:rect(0px,0px,360px,0px);
	overflow:hidden;
	visibility:hidden;

}
#arrows{
	position:absolute;
	top:350px;
	left: 240px;
	z-index:1;
}
#arrows2{
	position:absolute;
	top:350px;
	left:0px;
	z-index:1;
}
#arrows3{
	position:absolute;
	top:350px;
	left: 5px;
	z-index:1;
}
