@font-face { font-family:mainFont; src:url(fonts/Futura.ttf); }

html { overflow-y:scroll; }

body {
	color:#000; margin:0px; padding:0px; font-family: 'Roboto', sans-serif;
	background:#ecebea url(../img/bg.png) fixed no-repeat top center;
}
a:link { color:#ba2229; text-decoration:none; }
a:visited { color:#ba2229; text-decoration:none; }
a:hover { color:#ba2229; text-decoration:none; }
a:active { color:#ba2229; text-decoration:none; }
hr { background-color:#262f38; color:#262f38; height:1px; border:none; margin:0; }
pre {
	font-family: 'Roboto', sans-serif; margin:0;
	white-space: pre-wrap; /* CSS3 */
	white-space: -moz-pre-wrap; /* Mozilla, post millennium */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
ul { list-style-image:url('../img/listarrow.png'); text-align:left; line-height:.6em; }
li { font-size:9pt; margin:0; }

bold { font-weight:bold; }
bluestar { color:#0100cc; font-size:12pt; vertical-align:top; line-height:34px; }


#outerWrap {
	width:100%; margin-bottom:50px;
}


#logo {
	text-align:center; padding:19px;
}

#social-buttons {
	position:absolute;
	display:inline-block;
	float:right;
	left:50%;
	margin-left:245px;
	z-index:9;
}
#social-buttons img {
	display:inline;
	float:left;
	margin:0 4px;
}

#navigation {
	text-align:center; margin-bottom:18px; font-family: 'Roboto', sans-serif; color:#ba2229; font-size:20pt; text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
.nav-link-selected { color:#FFF; }


.header {
	font-size:22pt; color:#FFF; font-family: 'Roboto', sans-serif; text-align:center; margin-bottom:20px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.4);
}


#innerContent {
	width:594px; margin-bottom:50px; margin-top:20px;
}

.redHeader { font-size:18pt; color:#ba2229; font-weight:bold; }

.blackText {
	font-family:Arial; font-size:10pt; text-align:left; margin-bottom:30px; clear:both; width:594px; display:inline-block;
}
.redText {
	font-family:Arial; font-size:9pt; text-align:left; color:#9e3737; margin-bottom:30px;
}

.doubleSection {
	display:inline-block; width:100%;
}

.pictureBox {
	display:table; width:268px; height:133px; background:#171a1d; text-align:center; vertical-align:middle;
}

.contentBox {
	display:block; width:290px; height:133px; overflow:auto;
}


#mainIssue {
	display:block; text-align:center; float:left;
}
#navIssues {
	display:block; width:200px; height:563px; overflow:auto; float:right;
}
.issues {
	display:block; width:180px; height:255px; background:#e5dbd1; margin-bottom:10px; text-align:center; font-size:9pt;
}


#contactInfo {
	display:block; float:right; width:350px; clear:left; text-align:left;
}
.infoList { margin:0; padding:0; } .infoList li { font-size:12pt; line-height:25px; }
#contactInfo img { vertical-align:middle; margin-right:10px; }

#contactForm { display:block; float:left; width:210px; text-align:left; }

.formField {
	width:100%; background:#e5dbd1; border:1px solid #3e4449; font-size:12pt; color:#000; margin-bottom:8px;
}
.formButton {
	width:80px; background:#e5dbd1; border:1px solid #3e4449; height:25px; color:#000;
}
.formTextbox {
	height:120px; width:100%; resize:none; color:#000;
	background:#e5dbd1; border:1px solid #3e4449;
	font-size:12pt; font-family:Arial;  margin-bottom:8px;
}
#errorText {
	display:block; clear:both; margin:5px 0; color:#ba2229;
}


#footer {
	width:100%; text-align:center; position:fixed; bottom:0px; height:40px;
	font-size:12pt; font-family: 'Roboto', sans-serif; background:#e5dbd1; line-height:38px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
#footer .wrap {
	width:594px; display:inline-block; text-align:center;
}
#footer .fleft {
	display:block; float:left; width:297px; text-align:left; font-size:14pt; color:#ba2229;
}
#footer .fright {
	display:block; float:right; width:297px; text-align:right; color:#000;
}

.halfStyle.hs-base {
    position:relative;
    display:inline-block;
    font-size:20pt; /* or any font size will work */
    overflow:hidden;
    white-space: pre; /* to preserve the spaces from collapsing */
    color: #FFF; /* for demo purposes */
	line-height:20px;
}
.halfStyle.hs-base:before {
    display:block;
    z-index:1;
    position:absolute;
    top:0;
    width: 50%;
    content: attr(data-content); /* dynamic content for the pseudo element */
    pointer-events: none; /* so the base char is selectable by mouse and the click handlers bound on it will fire */
    overflow:hidden;
    color: #ba2229; /* for demo purposes */
}