body,html
{
height:100%;
margin:0px;
font-size:13px;
font-family:'Lucida Grande', LucidaGrande, Lucida, Arial, Helvetica, sans-serif;
background-color:#3D3D3D;
background-image:url("../images/bg.jpg");
background-repeat:repeat-x;
color:#000000;
}
body a:link{color:#FFFFFF;}
body a:visited{color:#FFFFFF;}
body a:hover{color:#FFFFFF;}
body a:focus{color:#FFFFFF;}
body a:active{color:#FFFFFF;}
body a{text-decoration:underline;}
body a
{
font-weight:bold;
}
#menu a:link{color:#FFFFFF;}
#menu a:visited{color:#FFFFFF;}
#menu a:hover{color:#EE5D00;}
#menu a:focus{color:#EE5D00;}
#menu a:active{color:#EE5D00;}
#menu a{text-decoration:none;}
#menu li
{
display:inline;
margin:0;
padding:12px 10px 9px 10px;
float:right;
}

h3
{
padding:1px;
margin:0px;
font-weight:bold;
display:inline;
font-size:14px;
}
h2
{
padding:0;
margin:20px 1px 0px  1px;
color:#282828;
}
hr
{
padding:0px;
margin-top:1px;
margin-bottom:8px;
}
li
{
padding-bottom:5px;
}
#header
{
background-image:url("../images/headerBackground.png");
background-repeat:no-repeat;
background-position:top center;
margin-bottom:0px;
margin-top:0px;
padding-top:0px;
padding-bottom:0px;
height:148px;
max-height:148px;
min-height:148px;
clear:both;
}
#wrapper
{
margin-top:20px;
margin-bottom:20px;
height:auto;
padding:0px;
width:756px;
margin-left:auto;
margin-right:auto;
}
#logo
{
padding:0px 10px 0px 10px;
float:left;
text-align:left;
}
#titleText
{
font-size:54px;
display:inline;
vertical-align:middle;
text-shadow:#A0A0A0 6px 6px 3px;
}
#dateText
{
font-size:30px;
color:#333333;
font-weight:bold;
display:inline;
margin-left:10px;
vertical-align:-35%;
}
#allContent
{
background-color:#E4E4E4;
border-left:2px solid #333333;
border-right:2px solid #333333;
clear:both;
margin-top:0px;
padding-top:0px;
padding-left:15px;
padding-right:15px;
}
#maincontent a:link{color:#0000FF;}
#maincontent a:visited{color:#0000FF;}
#maincontent a:hover{color:#0000FF;}
#maincontent a:focus{color:#0000FF;}
#maincontent a:active{color:#0000FF;}
#maincontent a{text-decoration:none;}
#maincontent
{
width:72%;
padding-left:15px;
padding-right:15px;
padding-bottom:20px;
padding-top:0px;
margin-top:0px;
float:left;
clear:both;
}


.screenshot
{
display:inline;
padding:10px;
margin:8px;
font-size:11px;
font-weight:bold;
text-align:center;
}
.screenshotImage
{
border:2px solid;
border-color:#333333;
margin-top:20px;
}

.sidebarElement
{
text-align:center;
float:right;
width:18%;
margin-top:15px;
padding-left:10px;
padding-right:5px;
padding-top:15px;
padding-bottom:15px;
margin-left:17px;
border-bottom: 9px solid #000000;
border-top:2px solid #000000;
border-left:2px solid #000000;
border-right:2px solid #000000;
background-color:#333333;
color:#FFFFFF;
font-size:12px;
}


.boxedSection
{
padding:5px 15px 5px 15px;
margin:10px;
border: 2px solid #333333;
background-image:url("../images/red-background.jpg");
background-repeat:repeat;
}

.expandableContentLabel a
{
text-decoration:none;
}
.expandableContentLabel
{
padding:4px;
font-size:12px;
font-weight:bold;
}
.expandableContentPreview
{
margin-left:20px;
padding-bottom:8px;
display:block;
}
.expandableContent
{
margin-left:20px;
padding-bottom:20px;
display:none;
}
.displayedExpandableContent
{
margin-left:20px;
padding-bottom:20px;
display:block;
}
.relatedLinkTitle
{
font-weight:bold;
font-size:12px;
width:100%;
}
.relatedLinkSource
{
margin-left:20px;
margin-bottom:10px;
font-size:10px;
color:#3D3D3D;
font-style:italic;
width:100%;
}

.bookQuote
{
font-size:12px;
font-style:italic;
color:#3D3D3D;
margin-left:20px;
}

#footer
{
margin-left:auto;
margin-right:auto;
clear:both;
float:none;
padding:8px;
background-image:url("../images/footerBackground.gif");
background-repeat:no-repeat;
background-position:top center;
margin-bottom:0px;
height:90px;
text-align:center;
font-size:11px;
}