html {
}

html, input, textarea {
font-family:arial,sans-serif;
}
h3  {
font-size:1.5em;
font-weight:normal;
line-height:1.2;
margin:1.4em 0 0.93em;
}

#sample {
overflow:hidden;
padding-bottom:2em;
}

.Chars {
font-size:12px;
}
.nobileChars {
font-family:'Nobile';
font-size:2.5em;
line-height:1.5;
font-style:normal;
font-weight:normal;
}

.nobileItalicChars {
font-family:'NobileItalic';
font-size:2.5em;
line-height:1.5;
font-style:normal;
font-weight:normal;
}

.nobileBoldChars {
font-family:'NobileBold';
font-size:2.5em;
line-height:1.5;
font-style:normal;
font-weight:normal;
}

.nobileBoldItalicChars {
font-family:'NobileBoldItalic';
font-size:2.5em;
line-height:1.5;
font-style:normal;
font-weight:normal;
}

#sample div {
border:1px solid #CCCCCC;
float:left;#565656
height:2em;
margin-bottom:-1px;
margin-right:-1px;
text-align:center;
width:1.25em;
}

#sample div span {
color:#CCCCCC;
display:block;
font-family:arial,sans-serif;
font-size:14px;
}

element.style {
font-family:'Nobile';
font-size:1.8em;
line-height:1.5;
font-style:normal;
font-weight:normal;
}





a {
text-decoration:none;
color:#C45747;
}

hr {
height:1px;
border-width:0;
color:gray;
background-color:gray
}



@font-face {
	font-family: 'Nobile';
	src: url('fonts/nobile.eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Nobile';
	src: url(//:) format('no404'), url('fonts/nobile.woff') format('woff'), url('fonts/nobile.ttf') format('truetype'), url('fonts/nobile.svg#webfont6C8VZsKY') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NobileBold';
	src: url('fonts/nobile_bold.eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NobileBold';
	src: url(//:) format('no404'), url('fonts/nobile_bold.woff') format('woff'), url('fonts/nobile_bold.ttf') format('truetype'), url('fonts/nobile_bold.svg#webfontNBXls4tI') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NobileBoldItalic';
	src: url('fonts/nobile_bold_italic.eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NobileBoldItalic';
	src: url(//:) format('no404'), url('fonts/nobile_bold_italic.woff') format('woff'), url('fonts/nobile_bold_italic.ttf') format('truetype'), url('fonts/nobile_bold_italic.svg#webfontB4H3BhNr') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NobileItalic';
	src: url('fonts/nobile_italic.eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NobileItalic';
	src: url(//:) format('no404'), url('fonts/nobile_italic.woff') format('woff'), url('fonts/nobile_italic.ttf') format('truetype'), url('fonts/nobile_italic.svg#webfontVgTSi4ey') format('svg');
	font-weight: normal;
	font-style: normal;
}



.nobileItalic {
font-family: 'NobileItalic';
}

.nobileBoldItalic {
font-family: 'NobileBoldItalic';
}

.nobile {
  font-family: Nobile;
}

.nobileBold {
  font-family: NobileBold;
}

.sixPts {
font-size: 6pt;
  line-height: 1.4em;
}
.sevenPts {
font-size: 7pt;
  line-height: 1.4em;
}
.eightPts {
font-size: 8pt;
  line-height: 1.4em;
}
.ninePts {
  font-size: 9pt;
  line-height: 1.4em;
}
.tenPoints {
font-size: 9.5pt;
  line-height: 1.4em;
}

.twelvePts {
  font-size: 12pt;
  line-height: 1.4em;
}
.fourteenPts {
  font-size: 14pt;
  line-height: 1.4em;
}
.sixteenPts {
  font-size: 16pt;
  line-height: 1.4em;
}
.twentyPts {
  font-size: 20pt;
  line-height: 1.4em;
}

.fiftyPts {
  font-size: 188pt;
  line-height: 1.1em;
}

.eightyNinePts {
font-size: 89pt;fonts/
  line-height: 1.1em;
}
.bigPts {
  font-size: 89pt;
  line-height: 1.1em;
}
.midPts {
  font-size: 34pt;
  line-height: 1.4em;
}

.blue {
color: #577FB0;
}
.white {
color: white;
}
.green {
  color: #CDB052;
}
.midGrey {
color:#565656;
}

.darkGrey {
color:#565656;
}


.whiteBox {
float:left;
padding:34px;
width:400px;
height:2600px;
background-color: white;
margin-left:34px;
text-align:left;
}

.whiteBoxRightColumn{
padding: 34px;
width:400px;
height:2600px;
background-color: white;
margin-left:502px;
border-left:1px solid gray;
vertical-align:middle;
position:relative;
}

#innerColumn{
position:absolute;
top:34px;
text-align:left;
width:400px;

hr {
color:#979797;
}