/* --- set all margins and paddings to 0 for consistency --- */

* {
	margin: 0;
	padding: 0;
}

/* clear fix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* --- elements --- */

body {
	color: #666;
	font-size: 76%;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #59609a url(../images/background.gif) repeat top center;
}
h1, h2, h3, h4, h5, h6 {
	color: #30983e;
	margin: .5em 0;
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 9px;
	margin: 0;
	text-indent: -2000px;
}
h2 {
	font-size: 1.8em;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	margin: 1em 0 0.5em 0;
	padding: 0 0 0.5em 0;
}
h3 {
	color: #5575AE;
	font-size: 1.3em;
}
h3.linked-galleries {
	margin: 1em 0 0 0;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.3em;
}
h6 {
	font-size: 1em;
}
p {
	margin: 1em 0;
}
p, li, table tr td {
	font-size: 1.1em;
	line-height: 1.6em;
}
ul, ol {
	margin: 1em 3em;
}

a:link { color: #30983e; }
a:active { color: #222; }
a:visited { color: #5575AE; }
a:hover { color: #999; }

address {
	font-style: normal;
	font-size: 1.2em;
	line-height: 1.4em;
}

iframe {
	margin: 1em 0;
}

/* site structure */

div#doc-container {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
div#doc-header {
	margin-top: 0;
	height: 228px;
	background: #eee url(../images/snw_heading4.jpg) no-repeat top;
}
div#doc-navigation {
	background: #5371ad;
	border-top: 3px solid #4c6198;
	padding: 0 20px;
}
ul#top-level-navigation {
	margin: 0;
	list-style: none;
	text-align: center;
	padding: 0.6em 0;
}
ul#top-level-navigation li {
	padding: 0 16px 0 7px;
	display: inline;
	font-size: 1em;
}
ul#top-level-navigation li.bulletright {
	background: url(../images/bullet_nav_dot.gif) no-repeat right;
}

ul#top-level-navigation li a:link,
ul#top-level-navigation li a:active,
ul#top-level-navigation li a:visited {
	color: #fff;
	text-decoration: none;
	padding: 8px 0;
}
ul#top-level-navigation li.uppercase {
	text-transform: uppercase;
}


div#doc-sub-navigation {
	background: #39b44a;
	border-bottom: 1px solid #30983e;
	padding: 0 20px;
}
ul#sub-navigation {
	margin: 0;
	list-style: none;
	text-align: center;
	padding: 0.4em 0;
}
ul#sub-navigation li {
	display: inline;
	padding: 0 7px;
	font-size: 0.95em;
}
ul#sub-navigation li a:link,
ul#sub-navigation li a:active,
ul#sub-navigation li a:visited {
	color: #fff;
	text-decoration: none;
	padding: 8px 0;
}
ul#sub-navigation li a:hover,
ul#sub-navigation li.sel a:link,
ul#sub-navigation li.sel a:active,
ul#sub-navigation li.sel a:visited {
	color: #277c33;
}
img.bpalogo {
	float: right;
	display: block;
	margin-top: 1em;
}
ul#top-level-navigation li a:hover {
	color: #364a71;
}
ul#top-level-navigation li.sel a:link,
ul#top-level-navigation li.sel a:active,
ul#top-level-navigation li.sel a:visited {
	color: #364a71;
	padding: 8px 0;
	text-decoration: none;
}
div#doc-content {
	background: #fff;
	padding: 0 0 0 20px;
}
div#doc-footer {
	background: #E6E6E6;
	color: #999;
	clear: both;
	padding: 0.5em 20px;
}
div#doc-content-full {
	width: 720px;
	float: left;
}
div#doc-content-left {
	width: 65%;
	float: left;
}
div#doc-sidebar-right {
	width: 32%;
	float: right;
	background: #e6e6e6 url(../images/sidebar_corner.gif) no-repeat bottom left;
}
div#doc-sidebar-right div.sidebar-wrapper {
	margin: 0 20px;
}
br.clear {
	clear: both;
}

/* table formatted dl */

dl.table-display {
	width: 100%;
	margin: 1em 0;
	padding: 0;
}

dl.table-display dt {
	width: 45%;
	float: left;
	margin: 0;
	padding: 1em 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
	font-size: 0.9em;
	color: #999;
}

/* form stuff */

table.form-layout {
	width: 100%;
}
table.form-layout tr td {
	padding: 0.5em 5px;
}

table.form-layout tr td.formlabel {
	width: 120px;
	text-align: right;
	vertical-align: top;
	padding-top: 9px;
}
table.form-layout tr td.linetop {
	border-top: 1px solid #ccc;
}

table.form-layout tr td.formlabel label {
	background: url(../images/bullet_label.gif) no-repeat right 0.4em;
	padding-right: 10px;
	display: block;
}
table.form-layout tr td.formlabel label:hover {
	background: url(../images/bullet_label-hover.gif) no-repeat right 0.4em;
	padding-right: 10px;
}

table.form-layout tr td.formlabel label span {
	font-size: 0.8em;
	color: #aaa;
}

/* gallery thumbnails */

table.galleryThumbs {
	width: 481px;
}
table.galleryThumbs tr td {
	padding: 5px 0;
	
}
table.galleryThumbs tr td img {
	display: block;
	margin: 0 auto;
}

/* commented backslash hack for mac-ie5 \*/
dt {
	clear: both;
}

dl.table-display dd {
	float: left;
	width: 55%;
	margin: 0;
	padding: 1em 0;
	border-top: 1px solid #ccc;
}

/* form stuff */

label {
	font-weight: normal;
	color: #666;
}
input, textarea {
	color: #0076a3;
	padding: 0.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
input {
	width: 167px;
}
input.validate-error {
	color: #9D0A0E;
	padding: 0.3em 35px 0.3em 0.3em;
	width: 136px;
	border: 1px solid #9D0A0E;
	background: #ffd9e8 url(../images/validate_required.gif) no-repeat right;
	
}
input.nowidth {
	width: auto;
	margin: 6px 0 1px 0;
}
textarea.validate-error {
	color: #9D0A0E;
	padding: 0.3em;
	border: 1px solid #9D0A0E;
	background: #ffd9e8 url(../images/validate_required.gif) no-repeat right;
}
input.button {
	font-size: 1em;
	font-family: verdana, Arial, Helvetica, sans-serif;
	width: auto;
	color: #000;
	margin-right: 10px;
}
input.stylised-button {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	background: #0076a3;
	border-width: 1px;
	border-style: solid;
	border-color: #3693b6 #004b67 #004b67 #3693b6;
	width: auto;
	clear: both;
}
textarea.validate-error {
	color: #f06;
	padding: 0.3em;
	border: 1px solid #f06;
	background: #ffd9e8 url(../images/validate_required.gif) no-repeat right;
}
input.button {
	font-size: 1em;
	font-family: verdana, Arial, Helvetica, sans-serif;
	width: auto;
	color: #000;
	margin-right: 10px;
}
span.required {
	color: #f06;
	font-style: italic;
}
img.captcha {
	margin-bottom: 0.5em;
	border: 1px solid #A5ACB2;
}


/* user prompts */

div.user-message {
	background: #eee;
	border: 1px dotted #ccc;
	margin: 1em 0;
	padding: 0 1em;
	color: red;
}
div.user-message h3 {
	color: red;
}

.clearfix { display:inline-block; }

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* miscellaneous */

div.sidebar-wrapper h3 {
	margin-top: 1.5em;
	margin-bottom: 1em;
	padding-bottom: 0.4em;
	color: #5575AE;
	font-size: 1.2em;
	border-bottom: 1px solid #ccc;
}
ul.events {
	margin: 1em 0;
	padding: 0;
	list-style: none;
}
ul.events li span.date {
	color: #bbb;
	margin-top: 1em;
	display: block;
	font-size: 0.8em;
	font-weight: bold;
}

ul.events li a:link,
ul.events li a:active,
ul.events li a:visited {
	color: #888;
	text-decoration: none;
}
ul.events li a:hover {
	color: #5575AE;
}
ul.events li a:link span,
ul.events li a:active span,
ul.events li a:visited span {
	color: #E6E6E6;
}
ul.events li a:hover span {
	color: #aaa;
	text-transform: uppercase;
}

h4.news-article-header {
	font-size: 1em;
	color: #999;
	background: url(../images/bullet_news.gif) no-repeat 0 0;
	padding-left: 14px;
	margin-bottom: 0.5em;
}
p.news-formatted {
	margin-top: 0;
	margin-bottom: 1.2em;
	line-height: 1.4em;
}
ul.skydiving-courses {
	margin: 1em 0;
	list-style: none;
}
ul.skydiving-courses li {
	background: url(../images/bullet_arrow.gif) no-repeat left;
	padding-left: 16px;
}
ul.skydiving-courses li a:link,
ul.skydiving-courses li a:active,
ul.skydiving-courses li a:visited {
	color: #39B44A;
	font-weight: bold;
	line-height: 2em;
	text-decoration: none;
	border-bottom: 1px solid #bbb;
}
ul.skydiving-courses li a:hover {
	color: #5371AD;
}

div.content-column-left {
	float: left;
	width: 48%;
	margin-right: 3.9%;
}
div.content-column-right {
	float: left;
	width: 48%;
}

div.content-column-left h3, div.content-column-right h3 {
	color: #5575AE;
	font-size: 1.1em;
	border-bottom: 1px solid #ccc;
	padding-bottom: 0.5em;
}


div.content-boxout {
	margin: 1.8em 0;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #ddd #ddd #ddd;
	background-color: #eee;
	padding: 0 1em;
}
div.content-boxout h3 {
	margin: 0 -0.8em;
	border-bottom: 1px solid #ccc;
	background-color: #ddd;
	color: #5575AE;
	padding: 0.4em 1em;
}
div.content-boxout img {
	float: right;
	margin: 1em 0 0 10px;
}

p.more-link {
	text-align: right;
}

p.more-link a:link,
p.more-link a:active,
p.more-link a:visited {
	padding-left: 18px;
	text-decoration: none;
	background: url(../images/bullet_raquo.gif) no-repeat 0 0;
	
}

div.rule {
	height: 1px;
	margin: 1em 0;
	background: url(../admin/images/dottedline.gif) repeat-x center;
}

div.eventBox h3 {
	margin-bottom: 0.2em;
}
div.eventBox span {
	color: #999;
	margin-top: 0;
}
div.eventBox p.eventDate {
	color: #999;
	margin-top: 0;
}

table.gallery-category {
	border: 1px solid #ddd;
	background-color: #eee;
	margin: 1em 0;
	width: 100%;
	padding: 0 10px;
}
table.gallery-category tr td img {
	margin: 10px 0 10px 10px;
}
table.gallery-category tr td h3 {
	padding-left: 30px;
	margin-bottom: 0;
	background: url(../images/icon_galleries.gif) no-repeat left;
}
table.gallery-category tr td p {
	margin: 5px 0;
}
table.gallery-category tr td.galleryDefault img {
	float: right;
}
table.gallery-category tr td a:link,
table.gallery-category tr td a:active,
table.gallery-category tr td a:visited {
	text-decoration: none;
	color: #39B44A;
}
table.gallery-category tr td a:hover {
	color: #999;
	text-decoration: underline;
}

div.tell-us-button {
	float: right;
	width: 146px;
	background: #39b44a url(../images/icon_add.gif) no-repeat left;
	margin: 1.5em 0 0 0;
	padding: 0.3em 0 0.5em 2em;
	border-style: solid;
	border-width: 1px;
	border-color: #5ac169 #2f963e #2f963e #5ac169;
}
div.tell-us-button a:link,
div.tell-us-button a:active,
div.tell-us-button a:visited {
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	font-size: 0.9em;
	text-decoration: none;
}
div.tell-us-button a:hover {
	color: #2a8738;
}

div.review-box {
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
	padding: 0 10px;
}
div.review-box h3 {
	padding-bottom: 0.5em;
	margin-bottom: 0;
	border-bottom: 1px dotted #ccc;
}
div.review-box img {
	display: block;
	float: right;
	margin-top: 5px;
}

div.review-box p.review-date {
	color: #999;
	font-size: 0.9em;
	margin-top: 0.5em;
}
div.review-box p.author {
	color: #999;
	font-style: italic;
}

div.review-box p.full-review {
	text-align: right;
}

div.alert-box {
	background: #ffff99;
	border: 1px solid #e3e38a;
	padding: 0 10px;
	color: #4D83B8;
	margin: 1em 0;
}
div.alert-box h3 {
	color: #4D83B8;
	margin: 10px 0;
}
div.alert-box p {
	margin: 10px 0;
}

table.regular-summary {
	width: 100%;
	padding: 3px;
	background: #efefef;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ddd;
	margin-bottom: 10px;
}
table.regular-summary tr td {
	vertical-align: top;
	padding-right: 10px;
}
table.regular-summary tr td a.view-profile:link,
table.regular-summary tr td a.view-profile:active,
table.regular-summary tr td a.view-profile:visited {
	text-align: center;
	background: #39B44A;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 8px;
	padding: 0.2em;
	float: right;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	border-color: #5AC169 #2F963E #2F963E #5AC169;
	color: #fff;
}
table.regular-summary tr td a.view-profile:hover {
	background: #2F963E;
}

table.regular-summary tr td.display-picture {
	width: 160px;
	padding-right: 0;
}
table.regular-summary tr td img {
	margin: 10px 0 10px 10px;
	display: block;
}
table.regular-summary tr td h3 {
	color: #39B44A;
}

ul.content-styled {
	list-style: none;
	margin: 1em;
}
ul.content-styled li {
	background: url(../images/list_bullet_white.gif) no-repeat 0 0.2em;
	padding-left: 16px;
}

ul.content-styled-bigger {
	margin: 1.5em 1em;
	list-style: none;
}
ul.content-styled-bigger li {
	background: url(../images/list_bullet_arrow_large.gif) no-repeat -0.5em 0;
	font-family: "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif;
	font-size: 1.2em;
	padding-left: 18px;
	line-height: 1.8em;
}

div.mailing-list-box {
	background: url(../images/mailing-list-box-gradient.gif) repeat-x top;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ccc;
	margin: 1em 0;
	padding: 0 10px;
}
div.mailing-list-box h3 {
	margin: 10px 0 4px 0;
}
div.mailing-list-box p {
	margin: 0 0 10px 0;
}
div.mailing-list-box input {
	width: 120px;
	padding: 2px 1px;
	margin: 0 0 10px 0;
}
div.mailing-list-box input.nowidth {
	width: 40px;
}

ul.profile-information {
	margin: 1em 0;
	clear: both;
	border-width: 1px 0;
	border-style: solid;
	border-color: #ccc;
	list-style: none;
}
ul.profile-information li {
	padding: 0.2em 0;
}
ul.profile-information li span {
	display: block;
	width: 120px;
	margin-right: 10px;
	text-align: right;
	float: left;
	clear: left;
	color: #39B44A;
}

ul.profile-summary {
	width:  260px;
	margin: 0;
	float: right;
}
ul.profile-summary li {
	font-size: 1.2em;
	padding: 0.2em 0.4em;
	display: block;
	border: 1px solid #ccc;
	background: #eee;
	margin-bottom: 5px;
}
ul.profile-summary li span {
	color: #39B44A;
	font-size: 0.9em;
	text-transform: uppercase;
}

div.content-photo-bar {
	display: block;
	clear: both;
	border-width: 1px 0;
	border-style: dotted;
	border-color: #ccc;
	margin: 1em 0;
	padding: 10px 0;
}
div.content-photo-bar img {
	display: block;
	float: left;
	margin-left: 10px;
}


.margin-right-10 {
	margin-right: 10px;
}


.float-right {
	float: right;
	padding: 3px;
	border: 1px dotted #ccc;
	margin: 0.4em 0 0 1em;
}
.float-left {
	float: left;
	padding: 3px;
	border: 1px dotted #ccc;
	margin: 0.4em 1em 0 0;
}


div.booking-box {
	float: right;
	width: 200px;
	margin: 0.5em 0 0 0;
	background: #86a0cf url(../images/book_box_bottom.gif) no-repeat bottom;
}
div.booking-box h3 {
	margin: 0;
	font-size: 1.6em;
	text-align: center;
	color: #ffffff;
	padding: 0.2em 0;
	background: #5d80bf url(../images/book_box_top.gif) no-repeat top;
}
div.booking-box ul {
	margin: 0 10px 4px 10px;
	padding: 0;
	list-style: none;
}
div.booking-box ul li {
	padding: 5px 0;
	text-align: left;
	line-height: 1.4em;
}
div.booking-box ul li.self {
	padding-left: 55px;
	background: url(../images/icon_tick_blue.gif) no-repeat left;
}
div.booking-box ul li.gift {
	padding-left: 55px;
	border-top: 1px solid #5d80bf;
	background: url(../images/icon_gift.gif) no-repeat left;
}
div.booking-box ul li a:link,
div.booking-box ul li a:active,
div.booking-box ul li a:visited {
	color: #fff;
	text-decoration: none;
}
div.booking-box ul li a:hover {
	color: #364A71;
}


div.yellow-panel {
	margin: 1em 0 1.5em 0;
	background: #ff9;
	padding: 0.5em 1em 0 1em;
	border-width: 2px 0;
	border-style: solid;
	border-color: #ee8;
}

div.yellow-panel div.col1 {
	float: left;
	width: 60%;
}
div.yellow-panel div.col2 {
	float: left;
	width: 35%;
}
div.yellow-panel div.price-panel, div.yellow-panel-right div.price-panel {
	background: #ee8;
	text-align: center;
	padding: 0.1em 0;
	font-size: 4em;
}
div.yellow-panel ul.content-styled li, div.yellow-panel-right ul.content-styled li {
	background-image: url(../images/list_bullet_arrow_yellow.gif);
}
div.booking-bar {
	background: #FFFF99;
	border-top: 2px solid #ee8;
	font-size: 1.2em;
	text-align: center;
}
div.booking-bar p {
	margin: 0;
	padding: 0.8em 0;
}

div.booking-bar a.self {
	background: url(../images/icon_tick_yellow.gif) no-repeat left;
	padding: 1em 1em 1em 40px;
}

div.booking-bar a.gift {
	background: url(../images/icon_gift_yellow.gif) no-repeat left;
	padding: 1em 0 1em 50px;
}

div.yellow-panel-right {
	background: #ff9;
	border-width: 2px 0;
	border-style: solid;
	border-color: #ee8;
	width: 180px;
	float: right;
	padding: 10px 10px 0 10px;
	margin: 2em 0 1em 0;
}
div.yellow-panel-right ul.content-styled {
	margin: 10px 0;	
}

table.link-table {
	margin: 0 0 1em 0;
	width: 100%;
	border-collapse: collapse;
}
table.link-table tr td {
	border-bottom: 1px dotted #ccc;
	padding: 0.3em;
}
table.link-table tr th {
	text-align: center;
	border: 1px solid #ccc;
	padding: 0.3em;
}
table.link-table tr td span {
	color: #39B44A;
}
table.link-table tr td.center {
	text-align: center;
}
table.link-table tr td.total {
	text-align: center;
	color: green;
}

ul.downloadfiles {
	list-style: none;
	margin: 1em 0;
}
ul.downloadfiles li {
	display: block;
	background: lime;
	padding: 20px 0 20px 55px;
	font-size: 1.4em;
}
ul.downloadfiles li.pdf {
	background: url(../images/icon_pdf.gif) no-repeat left;
}
ul.downloadfiles li.affschool {
	background: url(../images/logo_affschool_small.gif) no-repeat left;
}

/* order system bits */

fieldset {
	display: block;
	clear: both;
	margin: 1em 0;
	border: 1px solid #ccc;
	padding: 0 1em 1em 1em;
}

legend {
	font-weight: bold;
	font-size: 1.1em;
	font-weight: normal;
	color: #59649c;
}

label {
	display: block;
	margin: 1em 0 0.2em 0;
}
label span.prices {
	font-weight: bold;
	color: #30983e;
}

input.orderInputSmall,
input.orderInputNormal,
input.orderInputLarge,
input.orderCheckbox,
textarea.orderTextarea,
select.orderSelect {
	color: #333;
	background: #ddd;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 5px 3px;
}

input.orderInputSmall { width: 100px; }
input.orderInputNormal { width: 200px; }
input.orderInputLarge { width: 300px; }
input.orderCheckbox { width: 20px; }
select.orderSelect { width: 80px; }
input.orderButton { width: auto; }


div.orderNavigationBar {
	border: 1px solid #dd7;
	text-align: center;
	background: #ff9;
	padding: 0.3em 1em;
}
span.requiredField {
	color: #aaa;
}

span.attention {
	background: #ccc;
	color: red;
}

table.recipientSummary {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 1em 0;
}
table.recipientSummary tr td {
	padding: 0.5em;
	border-bottom: 1px dotted #ccc;
	vertical-align: top;
}
table.recipientSummary tr td.title {
	text-align: right;
	font-weight: bold;
	width: 300px;
}

table.recipientSummary tr td label {
	margin: 0;
}
table.recipientSummary tr td input.orderInputNormal,
table.recipientSummary tr td input.orderInputSmall,
table.recipientSummary tr td input.orderButton,
table.recipientSummary tr td select.orderSelect {
	display: block;
	margin: 0.2em 0 1em 0;
}
span.changeDetails {
	color: #999;
	font-size: 0.8em;
}

table.orderSummary {
	margin: 1em 0;
	width: 100%;
	border-collapse: collapse;
}

table.orderSummary tr td, table.orderSummary tr th {
	vertical-align: center;
	padding: 0.5em 0.3em;
}
table.orderSummary tr th {
	border: 1px solid #595b97;
	background: #5575ae;
	color: #fff;
	text-align: center;
}
table.orderSummary tr td {
	border: 1px solid #ccc;
}
table.orderSummary tr td.center {
	text-align: center;
}
table.orderSummary tr td.total {
	font-size: 1.3em;
	color: #30983e;
	text-align: center;
}

table.formSplitter {
	width: 100%;
	margin: 0;
	padding: 0;
}
table.formSplitter tr td {
	font-size: 1em;
	vertical-align: top;
	padding-right: 1em;
}

fieldset div.user-message {
	width: 200px;
}


div.certificateNameBox {
	background: #ddd;
	text-align: center;
	padding: 8px 0;
}

div.certificateNameBox label {
	color: #595B97;
	font-size: 1.1em;	
	margin: 0;
}
div.certificateNameBox input {
	margin-top: 3px;
	padding: 4px;
	font-size: 1.2em;
	color: #666;
	border: 2px solid #bbb;
}