/* PAGE ASSEMBLING */
html, body {
	margin: 0 auto;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	background: #202B47 url("bg.png") repeat-y fixed center; /* 39435B */
}

#wrapper {
	width: 720px;
	text-align: center;
	margin: 0 auto;
}

#page2 {
	color: #002;
	background: #7E9AD7;
	border: 2px solid #9DA8BF;
	margin: 0 auto;
	margin-top: 32px;
	margin-bottom: 32px;
	width: 640px;
	text-align: left;
}

/* #side {
	width: 160px;
	float: right;
} */


#side {
	display: inline-block;
	margin: 0;
	vertical-align: top;
}

#side p {
	text-align: left;
	margin:0 auto;
	text-indent: 0;
	font-size: 9px;
	letter-spacing: 0.5px;
	border-bottom: 1px solid #202B47;
}


/* SPRITE ENTRY */
a#i, a#tsr {
	color: #FFBB23; /* 70EAE4 */
	border-radius: 8px;
	padding: 2;
	width: 112px;
	font-size: 11px;
	vertical-align: middle;
	display: inline-block;
	margin: 2 0;
	letter-spacing: -1px;
}

a#i {
	background: #334875;
	outline: #334875 solid 1px;
}

a#tsr {
	background: #BC3737;
	outline: #BC3737 solid 1px;
}


/* TEXT FORMATTING */
p {
	margin: 5px;
	text-align: left;
	text-indent: 5%;
}

a, a#i {
	text-decoration: none;
	font-weight: bold;
}

#side a {
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #448;
}

a {
	text-decoration: underline;	
	color: #002;
}

#t a {
	color: #99d;
}

a#i:hover {
	background: none;
}

h1, h2 {
	margin: 0;
}

h1 {
	font-size: 6em;
}

#t {
	text-align: left;
	background: #202B47;
}

h1, h2, h3, h5 {
	color: #BFE1F5;
}

h2 {
	font-size: 2.5em;
	letter-spacing: -3px;
	font-style: italic;
	/* font-variant: small-caps; */
	text-transform: uppercase;
	display: inline-block;
	padding: 0 8px;
	width: 80%;
	text-align: left;
}

h3 {
	font-size: 0.7em;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	text-transform: uppercase;
	letter-spacing: -1px;
	overflow: hidden;
	display: inline-block;
	width: 16%;
	margin: 2px;
}

span#sm {
	font-size: 9px;
	font-style: default;	
}

sup, sub {
	font-size: 7px;
}

rt, h5 {
    text-align:justify;  
    text-justify:inter-character;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	width: 100%;
	margin: 0;
	padding: 0;
	text-indent: 8px;
}

#c {
	text-align: center;
	margin: 0 auto;
}

#box {
	display: inline-block;	
	text-align:center;
	vertical-align: top;
}

img.sc {
	border: 2px solid #202B47;
}

img#px {
    image-rendering: pixelated;
	/* cheers! http://stackoverflow.com/questions/8597081/how-to-stretch-images-with-no-antialiasing */
}