@import url(colour.css);

body {
font-family:verdana,tahoma,arial,helvetica,sans-serif;
}

p {
margin:0px;
}

/*
  Main container
*/

#container {
width:750px;
margin-left:auto;
margin-right:auto;
border:1px dotted #808008;
padding:10px;
}

/* 
  Control the width and centering of the
  main elements here
*/

#menu,
#lastupdated,
#jsTest,
#intro,
.itemsIntro,
.itemBlock {
width:88%;
margin-left:auto;
margin-right:auto;
}

/*
  Page title
*/

#title {
text-align:center;
font-size:100%;
font-weight:bold;
padding:20px;
}

/*
  Menu
*/

#menu {
margin-bottom:10px;
padding-top:4px;
padding-bottom:4px;
}

.tocItem {
float:left;
margin-right:0px;
font-size:80%;
}

.tocItem a{
text-decoration:none;
padding:2px;
}

.spacer {
width:10px;
float:left;
background: url(../../assets/imgs/box2.gif) center center no-repeat;
}

/*
  Last updated
*/

#lastupdated {
font-size:70%;
padding-top:6px;
padding-bottom:6px;
text-align:right;
}

/*
  Test box
*/

#jsTest {
margin-bottom:10px;
text-align:center;
font-weight:bold;
font-size:90%;
}

#jsTest #jsOn, 
#jsOff {
padding:20px;
}

#jsTest p {
margin-top:6px;
margin-bottom:6px;
}

/*
  Intro
*/

#intro {
padding:10px;
font-size:70%;
margin-bottom:10px;
text-align:justify;
}

#intro p.head,
#intro p.sig {
font-weight:bold;
margin-bottom:2px;
margin-top:6px;
}

#intro p.sig {
text-align:right;
margin-right:50px;
}

.itemsIntro {
font-size:70%;
padding:10px;
margin-bottom:10px;
}

#intro p,
.itemsIntro p {
margin-bottom:2px;
margin-top:6px;
}

/*
  Main content
*/

#mainContent {
clear:both;
}

/*
  Items
*/

.itemBlock {
padding:10px;
margin-bottom:10px;
}

.browser {
font-size:90%;
font-weight:bold;
padding:6px;
margin-top:10px;
margin-bottom:4px;
margin-left:60px;
}

.browserSub {
font-size:70%;
font-weight:bold;
padding:6px;
margin-top:6px;
margin-left:70px;
}

.icon {
position:relative;
float:left;
top:0px;
}

.icon img {
cursor:pointer;
}

.itemContent {
margin-top:10px;
margin-left:90px;
}

.note {
font-size:80%;
}

.info,
.browserPage {
margin-left:90px;
font-size:80%;
padding:10px;
}

.itemBlock li {
font-size:80%;
}

/*
  Page Footer
*/

#pageFooter {
margin-top:20px;
margin-bottom:10px;
text-align:center;
font-size:70%;
}

/*
  Misc
*/

.inlineIcon {
vertical-align:middle;
}