html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* --- text --- */

body {
    font: 13px/1.5 sans-serif;
}

a:focus {
    outline: 1px dotted invert;
}

hr {
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
}

h1 { font-size: 25px; }
h2 { font-size: 23px; }
h3 { font-size: 21px; }
h4 { font-size: 19px; }
h5 { font-size: 17px; }
h6 { font-size: 15px; }

ol { list-style: decimal; }
ul { list-style: square; }
li { margin-left: 30px; }

p, dl, hr, h1, h2, h3, h4, h5, h6,
ol, ul, pre, table, address, fieldset {
    margin-bottom: 10px;
}

/* -- grid -- */

.container_12 {
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6,
.grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
    display: inline;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

.container_12 .grid_1 { width: 6.333%; }
.container_12 .grid_2 { width: 14.666%; }
.container_12 .grid_3 { width: 23%; }
.container_12 .grid_4 { width: 31.333%; }
.container_12 .grid_5 { width: 39.666%; }
.container_12 .grid_6 { width: 48%; }
.container_12 .grid_7 { width: 56.333%; }
.container_12 .grid_8 { width: 64.666%; }
.container_12 .grid_9 { width: 73%; }
.container_12 .grid_10 { width: 81.333%; }
.container_12 .grid_11 { width: 89.666%; }
.container_12 .grid_12 { width: 98%; }

.container_12 .prefix_1 { padding-left: 8.333%; }
.container_12 .prefix_2 { padding-left: 16.666%; }
.container_12 .prefix_3 { padding-left: 25%; }
.container_12 .prefix_4 { padding-left: 33.333%; }
.container_12 .prefix_5 { padding-left: 41.666%; }
.container_12 .prefix_6 { padding-left: 50%; }
.container_12 .prefix_7 { padding-left: 58.333%; }
.container_12 .prefix_8 { padding-left: 66.666%; }
.container_12 .prefix_9 { padding-left: 75%; }
.container_12 .prefix_10 { padding-left: 83.333%; }
.container_12 .prefix_11 { padding-left: 91.666%; }

.container_12 .suffix_1 { padding-right: 8.333%; }
.container_12 .suffix_2 { padding-right: 16.666%; }
.container_12 .suffix_3 { padding-right: 25%; }
.container_12 .suffix_4 { padding-right: 33.333%; }
.container_12 .suffix_5 { padding-right: 41.666%; }
.container_12 .suffix_6 { padding-right: 50%; }
.container_12 .suffix_7 { padding-right: 58.333%; }
.container_12 .suffix_8 { padding-right: 66.666%; }
.container_12 .suffix_9 { padding-right: 75%; }
.container_12 .suffix_10 { padding-right: 83.333%; }
.container_12 .suffix_11 { padding-right: 91.666%; }

.first { margin-left: 0; }
.last { margin-right: 0; }

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear, html body * div.clear,
html body * li.clear, html body * dd.clear {
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* --- layout --- */

body {
    background: #fff;
    color: #000;
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 12px;
    padding: 0 0 20px;
    margin: 2px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Amaranth', arial, sans-serif;
    line-height: 1.2em;
    margin-bottom: .3em;
}

h1 {
}

h2 {
    font-size: 1.8em;
    line-height: 1.8em;
    margin-top: 0.2em;
}

h2 span.tag {
    background: #3b53eb;
    color: #fff;
    padding: 2px 5px;
    margin-right: 5px;
}

h2 span.id {
    font-size: 0.7em;
    color: #aaa;
    margin-left: 1.5em;
    text-align: right;
}

div.branding {
    background: #00138c;
}
h1#branding {
    font-weight: bold;
    font-size: 2.5em;
    text-align: left;
    background: #00138c;
    padding: .2em .4em;
    margin-bottom: 0;
}

h1#branding a, div.account a {
    color: #fff;
    text-decoration: none;
}

div.account {
    float: right;
    color: #fff;
    margin-right: 10px;
    margin-top: 5px;
}

.box {
    background: #eee;
    border: 2px solid #3b53eb;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 10px 10px 1px 10px;
}

.box h2 {
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: bold;
    color: #fff;
    background: #3b53eb;
    margin: -10px -10px 0 -10px;
    padding: 3px 3px;
}

.box h2 a, .box h2 a.visible {
    color: #fff;
    background: #333 url("../img/switch_minus.gif") 97% 50% no-repeat;
    display: block;
    padding: 6px 12px;
    margin: -6px -12px;
    border: none;
}

.box fieldset {
    border: 1px solid #3b53eb;
    padding: 0px 10px;
}

.box legend {
    padding-left: 3px;
    padding-right: 3px;
}

.box p.explain {
    font-size: smaller;
}

.box form p {
    margin-bottom: 0;
}
.box form table {
    width: 100%;
    margin-bottom: 2px;
}

.box input[type=text], .box select {
    width: 100%;
    margin-right: 5px;
}

.box input[type=submit] {
    text-align: right;
}

.img-shadow {
    background: url(https://static.strathspey.org/images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(https://static.strathspey.org/images/shadow.gif) no-repeat bottom right;
    margin: 10px 5px 5px 10px !important;
    margin: 10px 5px 5px 5px;
}

.img-left {
    float: left;
}

.img-right {
    float: right;
}

.img-leftc {
    float: left;
    clear: left;
}

.img-rightc {
    float: right;
    clear: right;
}

.image img, .img-right img, .img-left img, .img-rightc img, .img-leftc img,
.image object, .img-right object, .img-left object, .img-rightc object,
.img-leftc object {
    display: block;
    position: relative;
    background: #fff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -6px;
    padding: 4px;
}

.clearright {
    clear: right;
}

/* --- Messages --- */

ul.messages {
    padding: 0;
    margin: 0;
    margin-top: 3px;
}

ul.messages li {
    list-style: none inside;
    padding: 3px 5px;
    margin-left: 0;
    margin-bottom: 3px;
}
ul.messages li.success {
    background: #dfd;
    border: 1px solid #4f4;
}
ul.messages li.warning {
    background: #ffc586;
    border: 1px solid #ff9d33;
}
ul.messages li.error {
    background: #fdd;
    border: 1px solid #f44;
}

form.login {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    border: 2px solid #3b53eb;
}

/* --- nav --- */

#nav {
    margin-right: 0;
}