/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: Gay Lea Members Site
	Created: 2009-09-10
	Created by: Gianni Casagrande gianni@rkd.ca
	
------------------------------------------------------------------- */

@import url("reset.css");

* {
	padding: 0;
	margin: 0;
}
/* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
html {
	overflow-y: scroll;
	height: 100%;
}

/* background colour should be same as content area background colour to ensure WYSIWYG looks same as website */
body {
	background: #fff;
	font-size: 100%; /* from 16px browser default to useable 10px */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	font-size:13px;
	height: 100%;
}
/* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
.bodystyle {
	color: #000;
	background: url(../../images/header_bg.jpg) top left repeat-x;
}
/* clears all floats; apply to empty divs if needed. */
.clear {clear: both;}

:focus { outline: none; } /* removes dotted outline from links */

/*=======
STICKY FOOTER
========*/

.footerwrapsticky {
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -150px;
 }
 
 .push {height: 150px;}


/* ====================
GLOBAL STYLES - style as necessary
======================= */

p {
	font-size: 13px; /*14px*/
	line-height: 19px; /*18px*/
	margin: 2px 0 14px 0;
}
a:link {
	color: #62931c;
	text-decoration: underline;
	font-weight: bold;
}
a:visited {
	color: #62931c;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color: #febe13;
	text-decoration: none;
	font-weight: bold;
}
a:active {
	color: #62931c;
	text-decoration: underline;
	font-weight: bold;
}
strong {
	font-weight: bold;
	color: #000;
}

.strongred {
	font-weight: bold;
	color: #d73347;
	margin:0;
	padding:0;
}

em, i {
	font-style: italic;
}

h1 {
	font-size: 28px;
	line-height: 30px;
	color: #62931c;
	margin-bottom: 15px;
	font-weight: normal;
}

h2 {
	font-size: 19px;
	color: #62931c;
	margin: 0 0 19px -4px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #d73347;
	margin: 0 0 3px 0;
}
h4 {
	font-size: 15px;
	color: #000;
}

h4.membermenu {
	font-size: 15px;
	color: #d73347;
}


h5 {
	font-size: 16px;
	color: #ab906e;
	margin-top:20px;
}
h6 {
	font-size: 12px;
}

ul, ol {
	font-size: 13px;
	line-height: 19px;
	margin: 18px 0 18px 0;
	list-style-type: none;
}

small {color: #666666; text-transform:uppercase; font-size: 10px;}

.floatleft {float:left;}
.floatleftimg {float:left; border: 1px solid #d9d9d9; padding:3px; margin: 10px 10px 10px 0; display:block;}



.floatright {float:right;}

/*img float border*/
.imgbord {}

hr {}
/* styles used by WYSIWYG - style as necessary */
pre {}
address {}

.nospan span {
	padding: 0;
	margin: 0;
}

.icons {
	margin: 0 4px 0 0;
	position:relative;
	top: 5px;
}

/*-- FORMS -- */
fieldset {
	border-top: 2px solid #ab906e;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	width: 45%;
	padding: 0 10px 0 10px;
	margin: 10px 0 20px 0;
	clear: both;
}

fieldset ol {list-style:none; padding:0; margin:0;}
fieldset li {list-style:none; padding:0; margin:0; line-height:10px;}

label {}

input {
	border: 1px solid #999;
	font-size: 13px;
	padding: 5px 3px 5px 3px;
	width: 250px;
	margin-bottom: 10px;
}

input.checkbox {
	width: 20px;
	outline: none;
	padding:0;
	margin: 0;
}

input.yellow {background:#FFC;}
select.yellow {background:#FFC;}

textarea {
	border: 1px solid #999;
	font-size: 13px;
	padding: 5px 3px 5px 3px;
	width: 250px;
}

select {border: 1px solid #999;
	font-size: 13px;
	padding: 5px 3px 5px 3px;
	width: 250px;
	margin-bottom: 10px;
	}

/*--Surveys--*/

#survey fieldset {
	border-top: 2px solid #ab906e;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	width: 556px; 
	padding: 0 10px 0 10px;
	margin: 10px 0 20px 0;
}

#homecontent #survey .surred li {color:red; background:none; background-image:none; font-weight:bold; line-height:18px;}

#survey fieldset ol {}

#survey fieldset ol li {padding:10px 3px 10px 10px; line-height:19px;}

#survey fieldset textarea {
	border: 1px solid #999;
	font-size: 13px;
	padding: 5px 3px 5px 3px;
	margin: 15px 0 0 0;
	width: 97%;
}

#survey .director {display:inline-block; width: 299px;}

.alt {background:#ececec; padding:10px 3px 10px 10px;}
.normal { padding:3px 0px 3px 3px;}

#survey select, #survey input {border: 1px solid #999;
	font-size: 13px;
	padding: 5px 3px 5px 3px;
	width: 210px;
	margin-bottom: 0px;
	}
	
#survey h1 {
	font-size:15px;
	padding:0;
	margin:0;
	line-height:normal;
	
	}

#survey checkbox {border: 1px solid red;}

#survey .checkboxlistitem input {width:20px; margin:15px 0 0 0;}


/*---- Survey Answers ---*/

#answers{width: 960px; margin:0 auto; padding: 15px;}

#answers .qa {font-size: 14px; font-weight:bold; color: #d73347; margin:0 10px 0 0;}

#answers ul {margin:0; padding:0;}
#answers ul li {margin:3px 0 20px 0; padding:0;}

#answers hr {
	margin: 40px 0 40px 0;	
}


/*--Tables for Tabular Data --*/
table {
	width:100%;
	margin: 7px 0 15px 0;
	border: 1px solid #d9d9d9;
}

th {
	padding: 10px;
	font-size: 11px;
	text-align:center;
	background:url(../../images/sub_colbg.png) top left repeat-x;
	font-weight: bold;
}

tr{}

td {
	/*width: 25%;*/
	padding: 10px;
	font-size: 11px;
	border-top: 1px solid #d9d9d9;
	text-align:center;
}

.results td {text-align:left;}
.results th {text-align:left;}

.surveytable td {text-align:left; border-right:1px solid #d9d9d9;}
.notcompleted {color: red; font-weight:bold;}
.completed {color:#62931c; font-weight:bold;}

/*--Nomination Steps--*/
#steps table {
	border:1px solid #62931c;
	background:#ebe5d4;
}

#steps td, #steps tr {border:0;}

#steps .currentstep {background:#62931c; color:#fff; font-weight:bold;}

/*--News & Events Seperator--*/

#nesep {
	float: left;
	padding-bottom: 5px;
	width: 250px;
	margin: 0 10px 0 0;
	padding: 0 25px 0 0;
	border-right:1px dotted #d4d3d3;
}

#nesep2 {
	float: left;
	padding-bottom: 5px;
	width: 250px;
	margin: 0 0 0 25px;
}

#nesep3 {
	clear: both;
	border-top:1px dotted #d4d3d3;
	margin:30px 0 0 0;
}

hr {
	background:	#ab906e;
	border:0;
	height: 1px;
}

#printlogo {display: none;}
#webaddress {display: none;}

/* ====================
HEADER
======================= */

#header {
	width: 960px;
	margin:0 auto;
	height:140px;
}

#header img {float: left;}

/*login area*/
#header .login {
	float: right;
	color: #62931c;
	font-size: 10px;
	left: 200px;
	background:url(../../images/head_loginarea.png) top right no-repeat;
	width: 340px;
	height: 22px;
	padding: 15px 10px 10px 10px;
	text-align:center;
}

#header .login a {
	text-decoration:none; 
	color: #62931c;
	background-image:url(../../images/login_arrow.gif);
	background-position: left center;
	background-repeat:no-repeat;
	padding-left: 12px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#header .login a:hover {color:#d73347;}

#header .login .name {padding:0; margin:0 5px 0 0; display:inline; font-size:12px; color:#000;}

/*Secondary Links*/
#header .secondary {
	float: right;
	position:relative;
	color:#7f6b49;
	font-size: 11px;
	top: 15px;
}
#header .secondary a {color: #7f6b49; font-weight:bold; text-decoration:underline;}
#header .secondary a:hover {color: #7f6b49; text-decoration:none;}

/*Navigation*/
#header .navigation {float: right; position: relative; width:694px; top: 21px;}

#header .navigation ul {float: right;}

#header .navigation li {
	float: left;
	text-indent: -9000px;
	}
	
#header .navigation li a {
		background-image: url(../../images/menu_sprite.png);
		display:block;
		height: 48px;
		margin-left: 12px;
}

#header .navigation li#home a {width: 58px; background-position:0 0;}
#header .navigation li#home a:hover {background-position: 0px -46px;}
/**html #header .navigation li#home a:hover {background-position: 0px -45px;}*/
#header .navigation li#home .current {background-position: 0px -46px;}

#header .navigation li#aboutus a {width: 74px; background-position:-64px 0;}
#header .navigation li#aboutus a:hover {background-position: -64px -46px;}
/**html #header .navigation li#aboutus a:hover {background-position: -64px -45px;}*/
#header .navigation li#aboutus .current {background-position: -64px -46px;}

#header .navigation li#membership a {width: 96px; background-position:-144px 0;}
#header .navigation li#membership a:hover {background-position: -144px -46px;}
/**html #header .navigation li#membership a:hover {background-position: -144px -45px;}*/
#header .navigation li#membership .current {background-position: -144px -46px;}

#header .navigation li#gazette a {width: 66px; background-position:-247px 0;}
#header .navigation li#gazette a:hover {background-position: -247px -46px;}
/**html #header .navigation li#gazette a:hover {background-position: -247px -45px;}*/
#header .navigation li#gazette .current {background-position: -247px -46px;}

#header .navigation li#newsevents a {width: 112px; background-position:-320px 0;}
#header .navigation li#newsevents a:hover {background-position: -320px -46px;}
/**html #header .navigation li#newsevents a:hover {background-position: -320px -45px;}*/
#header .navigation li#newsevents .current {background-position: -320px -46px;}

#header .navigation li#productsrecipes a {width: 140px; background-position:-439px 0;} 
#header .navigation li#productsrecipes a:hover {background-position: -439px -46px;}
/**html #header .navigation li#productsrecipes a:hover {background-position: -439px -45px;}*/
#header .navigation li#productsrecipes .current {background-position: -439px -46px;}

#header .navigation li#faq a {width: 46px; background-position:-586px 0;} 
#header .navigation li#faq a:hover {background-position: -586px -46px;}
/**html #header .navigation li#faq a:hover {background-position: -586px -45px;}*/
#header .navigation li#faq .current{background-position: -586px -46px;}

#header .navigation li#forms a {width: 55px; background-position:-639px 0;} 
#header .navigation li#forms a:hover {background-position: -639px -46px;}
/**html #header .navigation li#forms a:hover {background-position: -639px -45px;}*/
#header .navigation li#forms .current {background-position: -639px -46px;}

/* ====================
HOMEPAGE SPLASH AREA
======================= */

#splasharea {
	clear: both;
	margin: 0 auto;
	background:url(../../images/splash_bg.png) top center no-repeat;
	height: 335px;
	width:960px;
	padding: 10px;
}

#splasharea .splashpic {
	float: left;
	padding:0px 20px 0 10px;
	width: 471px;
	height: 311px;
	overflow:hidden;
}

#splasharea img {
	/*float: left;*/
	margin:0 10px 0 10px;
}

#splasharea p {padding: 0px 20px;}

#splasharea p img {padding: 0;}

/* ====================
HOMEPAGE CONTENT 4 COLS
======================= */

#homecontent {
	width:100%;
	background:url(../../images/content_bg.png) top left repeat-x #fff;
	padding-top: 15px;
}

#homecontent .homecontentwrap {
	width: 960px;
	margin:0 auto;
}

#homecontent .column1 {
	width: 340px;
	float: left;
	padding: 10px;
	position:relative;
}

#homecontent .column1 a {color:#d73347; line-height:20px;}

#homecontent .column1 small {color: #666666;}

#homecontent .column2 {
	width: 220px;
	float: left;
	padding: 10px;
	position:relative;
}
#homecontent .column2 a {color:#d73347;}

#homecontent .column2 strong {color:#d73347;}

#homecontent .column2 small {color: #666666;}

#homecontent .column3 {
	width: 160px;
	float: left;
	padding: 10px;
	position:relative;
}

#homecontent .column3 .type1 {font-size: 12px;}
#homecontent .column3 ul {margin: 0 0 13px 23px;}
#homecontent .column3 li{color:#7b6140; list-style:square; font-size:12px;}

#homecontent .column4 {
	width: 160px;
	float: left;
	padding: 10px;
	position:relative;
}

#homecontent .column4 img {margin: 0 0 10px 0;}

#homecontent .column4 .productshot {float:left; position:relative;}

#homecontent .greenlink a {color: #62931c;}
#homecontent .greenlink a:hover {color: #febe13;}

/* ====================
FOOTER
======================= */

#footer {
	clear: both;
	width: 100%;
	height: 150px;
	background:url(../../images/footer_bg.png) top left repeat-x;
	color: #997659;
	position: relative;
/*	padding-top: -150px;*/
}



#footer .footerwrap {
	width: 960px;
	margin:0 auto;
	font-size: 13px;
	padding: 20px 0 0 0;
}

#footer .column1 {
	width: 340px;
	float: left;
	padding: 10px;
	position:relative;
}

#footer .column2 {
	width: 220px;
	float: left;
	padding: 10px;
	position:relative;
}

#footer .floatright {
	float: right;
	padding-right: 50px;
}

#footer a {font-weight:bold; color: #997659; text-decoration:underline;}
#footer a:hover {font-weight:bold; color: #997659; text-decoration:none;}


/*----SUB PAGES -----*/
/* ====================
MAIN PUBLIC SUB PAGE
======================= */

blockquote {
	margin: 20px 20px 20px 20px;	
}

#homecontent .subcolumn1 {
	width: 160px;
	float: left;
	padding: 10px;
	position:relative;
}

#homecontent .subcolumn2 {
	width: 580px;
	float: left;
	padding: 10px;
	position:relative;
}

#homecontent .subcolumn2 ul {
	margin: 15px 20px 20px 10px; 
	list-style:none;
	color: #333;
}

#homecontent .subcolumn2 ol {margin: 19px 0px 0px 0px; list-style:decimal inside;}

#homecontent .subcolumn2 ul li {
	margin: 0 0 9px 0;
	background-image: url(../../images/bullet.png);
	background-repeat:no-repeat;
	background-position: 0 5px;
	padding: 0 0 0 18px;
	}

#homecontent .subcolumn2 ol li li {
	margin: 0 0 9px 0;
	background-image: url(../../images/bullet.png);
	background-repeat:no-repeat;
	background-position: 0 5px;
	padding: 0 0 0 18px;
	}
	
#homecontent .subcolumn2 ol li {
	margin: 0 0 9px 0;
}

#homecontent .subcolumn3 {
	width: 160px;
	float: left;
	padding: 10px;
	position:relative;
}

/*right non-member col*/
#homecontent .subcolumn3 .registerspot {
	background:url(../../images/sub_colbg.png) top left repeat-x;
	border-top:1px solid #d9d9d9;
	padding: 10px;
}
#homecontent .subcolumn3 .registerspot p {font-size: 12px; margin:0;}

#homecontent .subcolumn3 .registerspot ul {margin: 0 0 19px 20px;}

#homecontent .subcolumn3 .registerspot li{
	color: #7b6140;
	font-size: 12px;
	list-style:square;
	}
	
/*right member col*/
#homecontent .subcolumn3 .memberspot {
	background:url(../../images/sub_membermenulbg.png) top left repeat-x;
	padding: 10px;
	border-top:1px solid #ab906e;
}
#homecontent .subcolumn3 .memberspot p {font-size: 12px; margin:0 0 7px 0;}

#homecontent .subcolumn3 .memberspot ul {margin: 0 0 0px 3px;}

#homecontent .subcolumn3 .memberspot li{
	color: #ab906e;
	font-size: 12px;
	list-style:square;
	list-style-position:inside;
	line-height: 24px;
	}
	
#homecontent .subcolumn3 img {
	padding: 20px 5px;
	}

.visittoday {
	position: relative;
	float: left;
	left: 400px;
	top: 50px;
}

.highlight {
	padding: 10px 10px 2px 10px; 
	background:#FFC; 
	width:96%;
	vertical-align:middle;
	margin: 20px 0 20px 0;
	border: 1px dotted #e5e5b6;
}

.icon h2 {margin:15px 5px 19px 0;}

.icon img {
	vertical-align: middle;
	padding-right: 5px;
	margin:-10px 0 0 0;
	display:inline-block;

}

.highlight img {
	vertical-align: middle;
	padding-right: 10px;
	display:inline-block;

}


#homecontent .redlink a {color: #d73347;}
#homecontent .redlink a:hover {color: #d73347;}

#homecontent h2 a {text-decoration:none;}

#homecontent .detailsimage {margin: 10px 13px 0 0; float: left; text-align:left;}


/*--Contact Us Headshots --*/

#team {
	padding: 10px 0 10px 0;
	margin: 0 0 10px 0;
}

.headshot {
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	margin: 5px 20px 10px 0;
	}
	
#team2col {
	padding: 10px 0 10px 0;
	margin: 0 0 10px 0;
	float: left;
	width: 100px;
}

#team2colright {
	padding: 10px 0 10px 0;
	margin: 0 0 10px 75px;
	float: left;
	width: 100px;
}
	
.matleave {color: #db2e40; font-weight:bold;}


/*--Director & Delegate Tabs --*/ 
#homecontent .tabs {
	font-size: 100%;
	margin: 20px 0;
	padding: 0;
}
#homecontent .tabs ul {
	float: left;
	background: #fff;
	margin: 0;
	padding: 0;
}
#homecontent .tabs ul li {
	list-style: none;
	padding: 0;
	background-image: none;
	background-position: 0 0;
	margin:0;
	
}
* html #homecontent .tabs li {
	display: inline;
	margin: 0;
	padding: 0;
}
#homecontent .tabs li, #homecontent .tabs li a {
	float: left;
	padding: 0;
	margin: 0;
	background-image:none;
	background-position:0 0;
	list-style:none;
	list-style-image:none;
}

#homecontent .tabs ul li.active {
	border-top:2px #ab906e solid;
	background:url(../../images/sub_colbg.png) top left repeat-x;
	margin: 0;
	padding: 0;
}
#homecontent .tabs ul li.active a {
	color: #333333;
}
#homecontent .tabs div {
	background: #FFF;
	border: 1px solid #d9d9d9;
	clear: both;
	padding: 15px;
	min-height: 200px;
	margin: 0;
}

#homecontent .tabs ul li a {
	text-decoration: none;
	padding: 8px;
	color: #62931c;
	font-weight: bold;
	border-left:1px solid #CCC;
	text-decoration:underline;
}

#homecontent .tabs ul li a:hover {text-decoration:none;}


/* ====================
ACCORDION
======================= */

dl {}

dt {
	background:url(../../images/sub_colbg.png) top left repeat-x;
	border-top: 2px solid #ab906e;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	height: 40px;
	margin: 19px 0 10px 0;
	padding: 15px 10px 10px 10px;
	font-size: 13px;
	width: 580px;
}

dd {padding: 20px; background:#FFC; width:560px; display:block;}

/* ====================
PHOTOS
======================= */

.gallery img {border: 1px solid #d9d9d9; padding:3px; margin: 7px 7px 25px 0;}

#photogallery {
	clear:both;
}

#photogallery h3 {padding: 30px 0 5px 0;}

/* ====================
GAZETTE
======================= */

#gazetteleft {
	border-top: 2px solid #ab906e;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding: 10px;
	margin: 0 0 13px 0;
}

#gazetteleft img {float: right; padding:0 0 0 0; margin:0;}

#gazetteleft ul {margin:0; padding:0;}

#gazetteleft li {
	padding-left: 0;
	line-height: 14px;
	background-image: url(../../images/bullet.png);
	background-repeat:no-repeat;
	background-position: 0 5px;
	padding: 0 0 0 18px;
}

#gazetteleft h3 {
	margin:0;
}

/*==========
RKD Credits
==========*/

#footer .rkd {font-size: 11px; padding: 10px 0 0 0; color: #cdc1a1;}

#footer .rkd a:link, #footer .rkd a {font-weight:normal; text-decoration:none; color: #cdc1a1;}
#footer .rkd a:hover {color:#c4b68d;}