/* This css file is primarily for unifying the page so it is viewed correctly in most browsers*/


/*body - sets the default text settings*/

body {font-family: arial narrow; font-size: 16px; font-weight: normal;line-height: normal;
overflow: hidden;
background-color: #313031;
height: 100%; 
max-height: 100%;}

/*h1 - use for name in top left corner*/
h1 {font-size: 26px; font-weight: bold;line-height: normal;padding: 0px, 0px;margin-top: 0px;margin-bottom: 0px;text-align: left;}

/*h2 - use for point cost in top right corner*/
h2 {font-size: 26px; font-weight: bold;line-height: normal;padding: 0px, 0px;margin-top: 0px;margin-bottom: 0px;text-align: right;}

/*h3 - use for topics*/
h3 {font-size: 30px; font-weight: normal;line-height: normal;padding: 0px, 0px;margin-top: 0px;margin-bottom: 0px;}

/*h4 - use for sub topics*/
h4 {font-size: 22px; font-weight: normal;line-height: normal;padding: 0px, 0px;margin-top: 0px;margin-bottom: 0px;text-indent: 5%;}

/*h5 - use for notes*/
h5 {font-size: 12px; font-weight: normal;line-height: normal;padding: 0px, 0px;margin-top: 0px;margin-ottom: 0px;}

/*The following is for sections that must be spaced closely together. Otherwise, they are identical to the listing above*/

/*addtitle - use for main titles and headings*/
.addtitle{
font-size: 52px;
  color: black;
  font-weight: normal;
}

/*addtopic - use to introduce new topic*/
.addtopic{
font-size: 36px;
  color: black;
  font-weight: normal;
}

/*addsub-topic - use for sub topics*/
.addsub-topic{font-size: 24px;
  color: black;
  font-weight: normal;
}

/*addbodytext - standard setting for body text*/
.addbodytext{
font-size: 16px;
  color: black;
  font-weight: normal;
}

/*addnote - use for notes*/
.addnote{
font-size: 12px;
  color: black;
  font-weight: normal;
}

/*adddate - use for addding dates for page creation*/
.adddate{
font-size: 12px;
  color: black;
  font-weight: normal;
}

/*additional adjustments
#header h1,
#header h2,
#header h3,
#header h4,
#header h5
{
padding: 0px, 0px;
margin: 0px, 0px;
}*/
/*The following is used for dividing the page without using tables*/
#navigation {
position : fixed;
width : 100%;
height : 20px;
top : 0px;
right : 0;
bottom : auto;
left : 0;
overflow: hidden;
}
#left {
position : fixed;
height : auto;
top : 30px;
bottom : 0;
left : 0;
width : 52px;
margin : 0px 0px 0px 0px;
padding : 0px;
background-image: url(datasheet-left.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;
overflow: hidden;
}
#right {
position : fixed;
height : auto;
top : 30px;
bottom : 0;
left: 925px;
width : 45px;
margin : 0px 0px 0px 0px;
padding : 0px;
background-image: url(datasheet-right.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;
overflow: hidden;
}
#right-empty {
position: fixed;
height: auto;
top: 30px;
bottom: 0;
right: 0;
width: auto;
margin: 0px 0px 0px 0px;
padding: 0px;
background-color: #313031;
overflow: hidden;
}
#content {
position: fixed;
top: 30px;
left: 52px;
bottom: 0;
margin: 0px 0px 0px 0px;
width: 873px;
height: auto;
background-image: url(datasheet-center.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;
overflow: auto;
}
#name {
float: left;
margin: 15px 0px 0px 0px;
width : 500px;
height : 80px;
}
#points {
float: right;
margin: 15px 0px 0px 0px;
width : 300px;
height : 80px;
}
#description {
float: left;
width : auto;
height : auto;
}
#rulesbox-left {
float: left;
width : 400px;
height : auto;
}
#rulesbox-right {
float: right;
width : 400px;
height : auto;
}
#rulesbox-special {
float: left;
width : auto;
height : auto;
background-color: #EEE;
}
#rulesbox-stats {
float: left;
width : auto;
height : auto;
border-width: 1px;
border-style: solid;
border-color: black;
}