/* VARIABLES AND MIXINS */
@hfback:#841208;
@darkgrey:#525252;
@lightgrey:#595959;
@darkblue:#39519a;
.clr {clear: both;}
.pie { behavior: url('/sites/all/themes/theme/css/PIE/PIE.htc'); } // IE fixes
.btn(@float:left) 
	{	
		display: block; 
		text-indent: -9999px; 
		float:@float;
}

.radius (@rad:0px) {
	border-radius:@rad;
	-moz-border-radius:@rad;
	-webkit-border-radius:@rad;
}

.zero {margin: 0; padding: 0;} 

.txtshad (@x: 0, @y: 0, @blur: 1px, @r: 0, @g: 0, @b: 0, @alpha) {
	@val: @x @y @blur rgba(@r, @g, @b, @alpha);
	text-shadow:			@val;
	-webkit-text-shadow:	@val;
	-moz-text-shadow:		@val;
}

.boxshad (@x: 0, @y: 0, @blur: 1px, @r: 0, @g: 0, @b: 0, @alpha) {
	@val: @x @y @blur rgba(@r, @g, @b, @alpha);
	box-shadow:			@val;
	-box-text-shadow:	@val;
	-box-text-shadow:	@val;
}

.grad(@from: #ffffff, @to: #f5f5f5)
{
  background: url(../images/bg-grad-box.png) left bottom repeat-x #fff;
  background: -webkit-gradient(linear, 0 bottom, 0 top, from(@from), to(@to));
  background: -webkit-linear-gradient(@from, @to);
  background: -moz-linear-gradient(-90deg, @from 0%, @to 100%);
  background: -moz-gradient(center top, @from 0%, @to 100%);
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", @from, @to));
  -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d, endColorstr=%d)", @from, @to);
  border: 1px solid #ccc; 
  .radius(5px); 
  .boxshad(0, 2px, 3px, 0, 0, 0, .4);
}

.egrad(@from: #ffffff, @to: #f5f5f5)
{
  background: -webkit-gradient(linear, 0 bottom, 0 top, from(@from), to(@to));
  background: -webkit-linear-gradient(@from, @to);
  background: -moz-linear-gradient(-90deg, @from 0%, @to 100%);
  background: -moz-gradient(center top, @from 0%, @to 100%);
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", @from, @to));
  -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d, endColorstr=%d)", @from, @to);
}

.egrad-dis(@from: #cccccc, @to: #aaaaaa)
{
  background: -webkit-gradient(linear, 0 bottom, 0 top, from(@from), to(@to));
  background: -webkit-linear-gradient(@from, @to);
  background: -moz-linear-gradient(-90deg, @from 0%, @to 100%);
  background: -moz-gradient(center top, @from 0%, @to 100%);
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", @from, @to));
  -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d, endColorstr=%d)", @from, @to);
}



.dots {border-top: 4px dotted #e6e6e6; margin-top: 15px; padding-top: 20px;}

/* GLOBALS */

body {font-family: Helvetica, Arial, sans-serif; font-size: 10pt; color: @darkgrey;}

section {width: 960px; margin: 0 auto;}

h2, h3 {color: @darkblue; font-weight: bold; font-size: 25px;}

h4 {font-size: 12pt;}

#content #lcol ul, #content #lcol ol {padding-left: 3em; margin: 1.5em 0;
	li {margin: .5em 0; line-height: 1.4em;}
}

blockquote {margin: 1.5em 4em; line-height: 1.4em;}

nav ul {.zero; list-style: none;
	li {float: left;
		a {text-decoration: none; display: block; float:left;}
	}
}

p {line-height: 1.4em; margin: 1em 0 1em 0}

blockquote {line-height: 1.4em;}

a {color: #cf8c18; text-decoration: none;
	&:hover {color: #188ccf;}
}
label {width: 30%; float: left; clear: left; padding: 5px 0; margin-bottom: 7px;}
input[type=text],input[type=password], select, textarea {width: 67%; float: right; clear: right; margin-bottom: 7px;}
input[type=submit], input[type=image] {float: none; width: auto; clear: both;}
.nosprot {display: none;}

.addthis_toolbox {float:right; margin-top: -1px;}

.message {border: 1px solid red; background: pink; padding: 10px 12px; text-align: center; font-style: italic; font-weight: bold; .radius(3px)}

#redirect_message {position: fixed; top: 0; width: 100%; left: 0; background: #feeec1; border-bottom: 3px solid #f9ce07; text-align: center; font-size: 17pt; color: #9f8c57}

/* HEADER */
header, footer {background: url(../images/bg-header.jpg) center top no-repeat @hfback;
	#ute {overflow: hidden; margin-bottom: 20px;
		nav {padding-top: 9px;
			ul {
				li {font-size: 9pt; font-weight: bold;
					a {color: #fff; .txtshad(0,1px,2px,0,0,0,1); padding-right: 25px}
				}
			}
		}
		.switch {margin-top: 9px; height: 18px; width: 365px; float:right; background: url(../images/btn-switch.png) center center no-repeat; .btn(right)}
	}

	h1 {.zero; 
		a {.btn(none); background: url(../images/logo.png) center center no-repeat; height: 191px; width: 520px; .clr; margin: 0 auto;}
	}

	nav#prime {box-shadow: 0 2px 3px rgba(0,0,0,.4);}

	nav#prime, nav.fc {background: url(../images/bg-prime.png) left top repeat-x; position: relative; z-index: 8000;
		section {position: relative;
			form {
				ul {position: absolute; right: 0; top: 9px;
					li:first-child {padding-right: 5px;
						input {position: relative; top: 1px;}
					}
					button {position: relative; top: -1px;}
				}
			}
		}
		ul {
			li {
				a {
					color: @darkgrey; display: block; font-size: 11pt; padding: 12px 35px 12px 35px; .txtshad(0, 1px, 1px, 255, 255, 255, 1);
					&:first-child {padding-left: 0;}
				}
			}
		}
	}

	nav#prime ul li ul {background: #e3e3e3; border: 1px solid #fff; border-radius: 0 0 4px 4px; border-top: none; box-shadow: 0 4px 3px rgba(0,0,0,.4); display: none; margin-top: 38px; position: absolute;
		li {clear: both; float: left; position:relative;
			a {border-top: 1px dashed #f3f3f3; font-size: 10pt; padding: 5px 10px 5px 10px!important; width: 200px;
				&:hover {background: #f3f3f3;}
			}
			&:first-child {
				a {border-top: none;}
			}
			ul {border-left: 0; border-radius: 0 4px 4px 0; left: 220px; position: absolute; top: -38px;}
		}
	}

	nav#bc
	{
		background: #f3f3f3;
		border-bottom: 1px solid #ddd;
		position: relative;
		z-index: 0;
		ul
		{
			li
			{
				a
				{
					background: url(../images/bg-crumb.png) left bottom no-repeat;
					color: @darkgrey;
					font-size: 9pt;
					padding: 11px 12px 8px 20px;
				}
				&:first-child a
				{
					background: url(../images/btn-home.png) center center no-repeat;
					height: 16px;
					margin: 7px 12px 0 0;
					padding: 0;
					width: 15px;
					.btn;
				}
			}
		}
	}
}


/* CONTENT */
#content {background: url(../images/bg-body-left-shad.png) center top no-repeat; overflow: hidden;}

#lcol {padding-top: 15px; float: left; width: 618px; margin-left: 7px;
	h2 {margin: 0 0 .4em 0;}
	h3 {font-size: 15pt;clear:left;}
}
#rcol {background: url(../images/bg-rcol.png) left top no-repeat; overflow: hidden; width: 295px; float: right; padding: 15px 0 0 25px;
	h3 {padding: 5px 0 0 40px; margin-bottom: 10px;}
	p {padding-left: 40px;}
	.plug {margin-bottom: 25px; overflow: hidden;
		img {float:right;}
	}
	.plug.downloads {
		h3 {background: url(../images/ico-download.png) left top no-repeat;}
		ul {.grad; padding: 12px 15px 0 15px; list-style: none; margin: 0 10px 20px 10px;
			li {margin-bottom: 1em;
				a {text-decoration: none; color: @darkblue;}
			}
		}
	}
}
.columned {margin: 0; padding: 0; list-style: none; overflow: hidden; margin-bottom: 30px;
	li {float: left; width: 48%; padding-right: 10px;}
}

.usrcont {
	table {width: 100%; margin-top: 16px;
		th {font-size: 11pt;}
		td {padding: 3px; text-align: left; vertical-align: top; border: 1px solid #ccc;}
	}
	p a img {
	padding: 10px 5px;
	}
}

/* NEWS FEED */
.newsfeed {
	h2 {background: url(../images/ico-news.png) left center no-repeat; padding-left: 40px; .clr; margin-bottom: 10px;}
	ul {list-style: none; margin-bottom: 20px; .grad; overflow: hidden; padding: 20px 15px;
		li {float: left; width: 270px; border-left: 4px dotted #ccc; padding: 0 20px 0 20px;
			&:first-child {border-left: none; padding-left: 0;}
			h4 {font-size: 12pt;
				a {text-decoration: none; color: @darkgrey;}
			}
			address {display: none;}
		}
	}
}

/* FOOTER */
footer {background: url(../images/bg-footer.jpg) center top no-repeat #841209; margin-top: 50px; overflow: hidden;
	.switch {height: 18px; width: 365px; float:right; background: url(../images/btn-switch-footer.png) center center no-repeat; .btn(right); margin-top: 12px; margin-bottom: 13px;}
	nav.fc {overflow: hidden;
		ul {float: left;}
		li {
			a {font-size: 10pt!important; padding-top: 13px!important;}
			&:first-child a {padding-top: 0!important;}
		}
		li:first-child a {padding: 0; margin: 10px 30px 0 0; background: url(../images/btn-home.png) center center no-repeat; .btn; height: 16px; width: 15px;}
	}
	#copyright{
		margin-top:5px; text-align:center; color: #fff; .txtshad(0,1px,1px,0,0,0,.5); text-decoration: none;
		a {color: #fff; .txtshad(0,1px,1px,0,0,0,.5); text-decoration: none; }
	}
	.sitemap {list-style: none; padding: 20px 0; overflow: hidden;
		a {color: #fff; .txtshad(0,1px,1px,0,0,0,.5); text-decoration: none;}
		> li {float:left;
			h2 {font-size: 9.5pt; margin-bottom: 3px;}
			ul {list-style: none;
				li {font-size: 8.5pt; padding: 1px 0 2px 10px; margin-bottom: 0!important; line-height: normal;}
			}
		}
		li {min-width: 145px;}
	}
}

/* EVENTS CALENDAR */

.events-container {width: 960px;
        .ec {background: url(../images/bg-calendar-head.png) top left no-repeat; padding-top: 2px; width: 707px;
                table {margin-left: 1px; width: 706px;
                        thead tr th {color: #fff;}
                        tr {
                                td,th {vertical-align: top; text-align: right;}
                                td {width: 101px; height: 100px; border: 1px solid #ccc; padding: 3px;}
                                th {font-size: 12pt; font-weight: normal; padding: 5px 0; text-align: center; text-transform: uppercase;}
                                .calhead {font-size: 20pt; vertical-align: middle; padding: 22px 15px;
                                        .prev   {display: block; float: left; width: 37px; height: 24px; background: url(../images/sprite-cal-nav.png) 0 0 no-repeat; text-indent: -9999px;
                                                &:active {background: url(../images/sprite-cal-nav.png) 0 -24px no-repeat;}
                                        }
                                        .next   {display: block; float: left; width: 38px; height: 24px; background: url(../images/sprite-cal-nav.png) -38px 0 no-repeat; text-indent: -9999px;
                                                &:active {background: url(../images/sprite-cal-nav.png) -38px -24px no-repeat;}
                                        }
                                        .print {background: url(../images/ico-print.png) center center no-repeat; display: block; width: 24px; height: 24px; float: right; text-indent: -9999px;}
                                }
                        }
                        .dom sup {font-size:15pt; font-weight: bold; letter-spacing: -.05em;}
                }
        }
        p.event {padding: 1px; text-align: center; font-size: 8pt; font-weight: bold; border-radius: 3px; margin: 1px; box-shadow: 0 2px 4px rgba(0,0,0,.25); line-height: normal;
                a {text-decoration: none; border-radius: 2px; display: block; color: #fff; padding: 1px 0 0 0; font-size: 8.5pt;}
        }
        p a {border: 1px solid white; border: 1px solid rgba(255,255,255,0.5);}
        p.shows-cat {background: #106bb9;
                a {background: #1872bc; .egrad(#1c82ce,#1872bc)}
        }
        p.oqha-meetings-cat {background: #37afa7;
                a {background: #4fb6b0; .egrad(#7eccc7,#4fb6b0)}
        }
        p.youth-meetings-cat {background: #6dc961;
                a {background: #6dc861; .egrad(#84db79,#6dc861)}
        }
        p.amateur-meetings-cat {background: #d0c230;
                a {background: #cdc02f; .egrad(#e3d645,#cdc02f)}
        }
        p.deadlines-cat {background: #ab370e;
                a {background: #a3340c; .egrad(#bb4117,#a3340c)}
        }
        p.membership-events-cat {background: #cc8618;
                a {background: #e69d13; .egrad(#f1ae36,#e69d13)}
        }

        .categories {float: right; width: 200px;
                h3 {margin-bottom: 10px;}
                p {font-size: 10pt; margin-bottom: 7px;
                        a {padding: 3px; white-space: nowrap;}
                }
        }
        .calendar-container {float:left;}
        
        /* Make events span days */
        

        
        p.first-day {margin-right: -4px; padding-right: 0px; border-radius: 3px 0 0 3px; box-shadow: none; text-align: left;}
        p.first-day a {margin-right: 0; border-right: none; border-radius: 2px 0 0 2px; padding-left: 3px;}

        p.mid-day {margin-left: -4px; padding-left: 0; padding-right: 0; box-shadow: none; border-radius: 0; margin-right: -4px; position:relative;}
        p.mid-day a {border-left: none; border-right: none; border-radius: 0; color: transparent;}

		p.last-day {margin-left: -4px; padding-left: 0px; border-radius: 0 3px 3px 0; box-shadow: none;}
		p.last-day a {margin-left: 0; border-left: none; border-radius: 0 2px 2px 0; color: transparent;}

		p.mid-day.sunday, p.last-day.sunday   {color: #fff!important; text-align:left;}
		p.mid-day.sunday a, p.last-day.sunday a{padding-left: 3px;}
		


}

.rsvp-form, .comment-form  {width: 500px; margin: 0 auto; .grad; overflow: hidden; padding: 10px; margin-top: 10px; margin-bottom: 20px;}

.event {
	address {.grad; padding: 8px 10px; margin-bottom: 20px;}
}

/* NEWS */

.newslist {list-style: none; padding-left: 0!important;
	> li {.grad; margin: 1.7em 0; padding: 1em; overflow: hidden;
		&:first-child {margin-top: 0;}
	}
	h3.title {font-size: 14pt; margin-bottom: .3em; border-bottom: 2px dotted #ddd; padding-bottom:.3em;
		a {text-decoration: none; color: @darkblue;
			&:hover {text-decoration: underline;}
		}
	}
	address {font-size: 9pt; font-style: italic; padding-bottom: 10pt; text-align: left; clear:both;}
	.summary {
		p {margin: 0;}
	}
}
#article {
	address {.grad; padding: 8px 10px; margin-bottom: 20px;}
}
.acomment {border: 1px solid #ccc; padding: 10px 20px 10px 20px; margin: 10px;
	blockquote {margin: 0; border-top: 1px dotted #ccc; padding-top: 0px; margin-top: 0px;
		p {margin-top: 5px;}
	}
}
#comments {margin-bottom: 50px;
	address {margin-bottom: 5px; font-size: 12pt; padding-right: 5px;}
}

/* OFFICERS AND DIRECTORS */
.ond-tile {list-style: none; padding-left: 1.5em !important;
	li {width: 247px; float: left; margin-right: 29px !important; .grad; padding: 10px; height: 230px; margin-bottom: 15px !important;
		img {float: left;}
		.info {float: right; width: 137px; padding-right:5px; }
		.info-2 {float:left;clear:both; width: 100%;padding-top:5px;margin-top:10px;border-top:1px dotted #ccc;}
		p {margin-top: 0;line-height:1em;}
		i, em {font-size:11px !important;}
	}
}

/* PHOTO GALLERY */
.album {.grad; padding: 15px 17px; margin-bottom: 20px; overflow: hidden;
	h3 {font-size: 15pt;
		a {text-decoration: none; color: @darkblue;}
	}
	img {float: left; margin-top: 15px;}
	p {float: right; margin-bottom: 0;
		img {float: right; margin-top: 5px;}
	}
}
#album {list-style: none; padding: 0!important; margin: 0!important; width: 960px;
	li {float: left; margin: 10px!important; .grad; padding: 10px;
		table {width: 195px;
			td {height: 180px; text-align: center; vertical-align: middle;}
		}		
	}
}

/* CLASSIFIEDS */

.classifieds-form {margin-bottom: 30px; .grad; padding: 10px; margin-right: 4px;
	label {clear: both; padding: 0 0 5px 0; margin: 0; width: 100%;}
	input, select, textarea {clear: both; width: 266px; margin: 0 0 10px 0; float: left;}
	input[type=image] {width: auto;}
}
.classified_types {padding: 10px 13px; overflow: hidden; margin-bottom: 30px; background: #f8f8f8; border: 1px solid #ccc; border-left: 10px outset @darkblue;
	ul.classified-cats {margin: 0!important; padding: 8px!important; list-style: none;
		li {padding: 0; margin: 0; width: 33%; float: left;
			a {color: @darkblue;
				&:visited {color:purple;}
			}
		}
	}
}
.classifieds {.dots; 
	address {text-align: right; padding:5px 0; margin-bottom:0;}
	h4 {font-size:13pt; color: @darkblue;}
}

/* DOWNLOADS */
.downloads {
	h3 {padding-bottom: 10px;
		a {color: @darkblue; text-decoration: none;}
	}
	.download {.grad; padding: 10px 13px; margin-bottom: 15px; overflow: hidden;
		img {float: left; margin: 5px 15px 15px 0;}
		.button {float: right; margin: -3px -7px 0 0;}
	}
}

.contactus {width: 500px; margin: 0 auto; padding: 10px 13px; border: 1px solid #ccc; background: #f8f8f8; overflow: hidden;
	.subs {clear:both; float:right;
		span {float: right; padding-right: 0;}
		input {float: right; margin-left: 0;}
	}
	div {clear:both;}
	input[type=image] {clear: both; float:right;}
	.required-note {float: left;}
}

.error {background: pink; padding: 10px; text-align: center;}






/* news edits */

.news-wrapper {
border-bottom: 2px dotted #DDD;
margin-bottom:10px;
}

.news-title {
margin-bottom:.5em;
float:left;
width:75%;
line-height:1em;
}

.news-title a {
color: @darkblue !important;
}

.round-box {
	margin:1.5em 0 !important;
}

/*  end news edits  */

/*page content styles */

#page_content_container {
font-size:13px;
line-height:1.5em;
}

#page_content_container ul li {
margin-left:15px;
}

.threecol {
float:left;
display:inline;
width:30%;
margin-left:3%;
}


.threecolul {
padding-left:0 !important;
}

.threecolul li {
float:left;
display:inline;
width:25%;
margin-right:8% !important;
list-style:none;
}





/*page content styles */

.contactus-captcha { height: auto; overflow: hidden; }
.contactus-captcha #recaptcha_widget_div { float: left; }
.required-note { color: #841208; font-weight: bold; }
	.required-note small { font-size: 8pt; }

.slider-wrapper, #slider {
overflow:hidden;
height:300px;
width: 600px;
}

#slider {
background-position: middle;
}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(../images/loading.gif) no-repeat 50% 50%;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:-42px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

form.search {
	input[type=text] {background: #fff; border: 1px solid #d3d3d3; border-top: 1px solid #a2a2a2; .radius(4px); padding: 3px 2px; margin-top: -2px; width: 200px;}
	button {background: url(../images/btn-search.png) center center no-repeat!important; height: 13px; width: 13px; border: none; padding: 0; margin: 0; text-indent: -9999px; margin-left: -25px; margin-top: 3px; cursor: pointer}
}

table.gsc-search-box {width:300px; margin:0 auto;}
input.gsc-input{background: #fff; border: 1px solid #d3d3d3; border-top: 1px solid #a2a2a2; .radius(4px); padding: 3px 2px;  width: 200px; margin-bottom: 0px;}
.gsc-search-button { padding: 1px 10px 2px 10px; margin-top:-1px;}

table.gsc-search-box td {}
td.gsc-clear-button {display:none;}