@charset "UTF-8";

@font-face {
	font-family: Chapparal;
	src: url('fonts/ChaparralPro-Regular.otf');
}

@font-face {
	font-family: Chapparal;
	font-weight: bold;
	src: url('fonts/ChaparralPro-Bold.otf');
}

.message_box a{position:relative;}/* set stacking context*/
.message_box a span{
top:-999em;/* hide message initially*/
position:absolute;
left:75px;
width:500px;
padding:15px 30px 15px 30px;
background:#192C37;
color:#ffedcc;
z-index:1000;
border-radius:5px;
}
.message_box a span h1{
color:#fff;

}
.message_box a:hover{visibility:visible;}/* ie bug needed to make span show*/
.message_box a:hover span{top:-10px;}/* reveal image*/

body {
	background-color: #355a6e;
	margin: 0px;
	padding: 0px;
	font-size:14px;
	font-family:Helvetica, Arial, sans-serif;
	color:#192c37;
	line-height:17px;
	
}
h1 {
	font-size:24px;
	font-weight:normal;
	color:#192c37;
	line-height:28px;
}
h2 {
	color:#5d88a0;
	font-size:20px;
	margin-top:30px;
}
a {
	color:#5aa0c5;
}
a:hover {
	color:#0096f0;
}
textarea {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
}
.center_content {
	width:956px;
	margin-left:auto;
	margin-right:auto;
}
.white_box {
	background-color:#FFFFFF;
	float:left;
	width:100%;
	border-radius:5px;
}
.white_box_padding {
	padding:45px 33px 25px 33px;
	float:left;
}
.top {
	float:left;
	width:100%;
	margin-bottom:30px;
}
.search_box {
	float:right;
}
.search_box_img {
	margin-left:5px;
    float:right;
}
.search_box_input {
	width:200px;
	height:24px;
	font-size:14px;
	font-family:Helvetica, Arial, sans-serif;
}

.nav {
	background-color:#192c37;
	font-size:13px;
	float:left;
	width:100%;
	padding:12px 0 12px 0;
	border-radius:5px;
	text-align:center;
	margin-bottom:10px;
}
.nav a {
	color:#5aa0c5;
	letter-spacing:2px;
	padding-left:10px;
	padding-right:10px;
	font-family:Chapparal, Georgia, "Times New Roman", Times, serif;
}
.nav a:hover {
	color:#74b7db;
}
.nav a.selected {
	color:#9fd7f5;
	text-decoration:none;
}
.column_left {
	width:60%;
	float:left;
	padding-top:15px;
}
.column_right {
	width:35%;
	float:right;
	padding:8px 0 8px 0;
}
.home_banner_center {
	text-align:center;
}
.content {
	float:left;
	width:100%;
}
.listing {
	padding-bottom:15px;
}
.listing .title {
	float:left;
	width:400px;
	padding-right:30px;
}
.listing .date {
	color:#9aacb7;
}




.footer {
	padding:10px 35px 10px 35px;
	float:left;
	color:#a4dfff;
}
.footer input {
	vertical-align:middle;
}
.error-message {
	color:#661d1d;
	background-color:#fb7272;
	padding:10px;
	margin:5px 0 5px 5px;
	border-radius:3px;
}
.flash_bad {
	color:#661d1d;
	background-color:#fb7272;
	padding:10px;
	margin:5px 0 5px 5px;
	border-radius:3px;
}

.message {
	color:#355a6e;
	background-color:#c2ebff;
	padding:23px;
	border-radius:3px;
}

/* LOGIN and CREATE ACCOUNT */



.login_container {
	width:848px;
	height:674px;
	margin-left:auto;
	margin-right:auto;
	background-image:url('http://pembinamanitouarchive.ca/files/designs/login_bg.jpg');
}
.login_innercontainer {
	width:812px;
	padding:18px 0 0 18px;
}
.login_white_box {
	background-color:#fff;
	width:100%;
	border-radius:0 5px 5px 5px;
	float:left;
	padding-bottom:15px;
}
.login_content {
	margin:35px 38px 35px 38px;
}

.sign_in {
	float:left;
	padding-left:35px;
}

.sign_in_box {
	float:left;
	width:220px;
	background-color:#c86d0b;
	padding:22px 42px 32px 42px;
	border-radius:10px;
	color:#5e3012;
	
}
.sign_in_box .label {
	width:85px;
	float:left;
}
.sign_in_box .row {
	margin-top:10px;
	float:left;
}
.sign_in_box input {
	float:left;
	font-size:11px;
	height:24px
}
.sign_in_box .submit_button input {
	clear:both;
	margin-top:15px;
	width:auto;
}


.create_account {
	float:left;
	margin-left:15px;
}

.create_account_box {
	float:left;
	width:300px;
	background-color:#e6e1cd;
	padding:22px 42px 32px 42px;
	border-radius:10px;
}

.create_account_box .label {
	width:125px;
	float:left;
}
.create_account_box .row {
	margin-top:10px;
	float:left;
}
.create_account_box input {
	height:24px;
	font-size:11px;
	width:170px;
}
.create_account_box .submit_button input {
	clear:both;
	margin-top:15px;
	width:auto;
}


/* THEATRE */

.theatre_box {
	width:897px;
	background-color:#284758;
	margin:0 0 0 0;
	text-align:center;
	padding:15px 0 0 0;
	font-size:14px;
	color:#cbe1ec;
	float:left;
}
.theatre_box span {
	font-size:16px;
}

.theatre_box a:hover {
	color:#76cffb;
}

.theatre_download_link {
	float:right;
	padding:15px 63px 0 0;
}


.theatre_description {
	width:600px;
}

.document_author {
	float:right;
	width:227px;
}
.document_author .lighter {
	color:#a28c68;
}
.document_author img {
	float:left;
	margin: 0 15px 15px 0;

}
.document_author div {
	float:left;
	margin: 7px 0 0 0;
}
.document_author .small {
	font-size:11px;
}
.document_author .small span {
	font-size:15px;
}

.photo_bottom {
	width:897px;
	height:20px;
	background-color:#284758;
	border-radius:0 0 10px 10px;
	margin:0 0 30px 0;
	clear:both;
	*clear:none;
}


/* ANNOTATIONS */

.document_annotations h3 {
	color:#98D1D2;
	font-size:14px;
	text-transform:none;
	margin-top:30px;
}

.document_annotations .annotation_username {
	color:#fffbe9;
	font-weight:bold;
}

.document_annotations .annotation_date {
	color:#429192;
	font-size:11px;
}

.annotation {
	width:508px;
	padding:10px 25px 10px 25px;
	background-color:#98d1d2;
	border-radius:5px;
	margin-bottom:10px;
	float:left;
}



.annotation_form {
	width:508px;
	padding:25px 25px 10px 25px;
	background-color:#355a6e;
	border-radius:5px;
	margin-bottom:10px;
	color:#5cc0c2;
	font-size:11px;
	float:left;
}

.annotation_note {
	float:left;
	padding-top:18px;
}
.annotation_form img {
	float:right;
	margin-top:15px;
	margin-bottom:5px;
}

.annotation_form textarea {
	width:100%;
	height:100px;
}

/* AUTHORS */

.author_listing {
	float:left;
	width:700px;
	margin:15px 0 15px 0;
}

.author_listing img {
	float:left;
	margin-right:25px;
}

/* BROWSE BY COMMUNITY */

.map_box {
	background-color:;
	padding:8px 8px 0px 8px;
	border-radius:5px;
	color:#fff;
	
}
.community_links {
	margin: 0 0 0 30px;
}
.community_column span {
	color:#9fd9f5;
}
.community_column {
	width:285px;
	float:left;
}
.community_column div {
	clear:both;
	margin-top:5px;
}