/* ------------------------------------------------------

	AWIS - Layout Stylesheet
   
------------------------------------------------------ */
/*
	Filename:					layout.css
	Content:					Main website stylesheet
	Creation Date:				17-04-09
	Last Modification Date:		
	Author:						BeeOnline.co.nz
	Copyright:					AWIS
*/

	@import "reset.css";
	
/* Selectors
----------------------------------------------------- */

	
	body {
		font:12px/18px arial, helvetica, sans-serif;
		color:#322f31;
		background:#322f31;
	}
	
	ol, ul { padding:5px 0 5px 10px; }
	ul li { margin:3px 0; }
	

/* Common
----------------------------------------------------- */

	.left { float:left; }
	.right { float:right; }
	.top { vertical-align:top; }
	.clear { clear:both; }
	.center { text-align:center; }
	.print, #accessibility { display:none; }

/* Layout 
----------------------------------------------------- */
	
    #wrapper { width:960px; margin:22px auto; }
    #header { background:url("../images/bg-header.png") no-repeat top #fff; }
	#header h2 { margin:0; float:left; }
	#header h2 a { width:233px; height:179px; display:block; text-indent:-9999px; background:url("../images/logo.png") no-repeat right 24px; padding:24px 0 27px 76px; }
	#banner { width:538px; height:160px; background:url("../images/bg-banner.jpg") no-repeat; float:right; margin:0 30px 0 0; display:inline; }
	#nav { background:#dfa936; clear:both; padding:10px 0; }
	#nav ul { margin:0 0 0 31px; padding:0; list-style:none; }
	#nav li { float:left; }
	#nav a { font-size:14px; text-decoration:none; color:#fff; text-transform:uppercase; }
	#nav a:hover { text-decoration:underline; }
	#nav .separator { color:#e9c373; padding:0 15px; }
	#content { background:url("../images/bg-content.png") repeat-y left top #fff; }
	#content .bottom { height:26px; background:url("../images/bg-content-bottom.png") no-repeat bottom; }
    #latest-news { width:240px; height:105px; background:url("../images/bg-latestnews.png") no-repeat top; margin:0 0 10px 10px; padding:20px; float:right; font-size:11px; }
	#latest-news h4 { color:#020202; text-transform:uppercase; font-size:13px; }
    #callstoaction { background:url("../images/bg-callstoaction.png") repeat-x top #e2e2e2; margin:0 0 0 31px; }
	#callstoaction a { color:#000; text-decoration:none; }
	#callstoaction a:hover { text-decoration:underline; }
	#callstoaction .leftcol { float:left; margin:15px 25px; }
	#callstoaction .leftcol p { float:left; margin:0 0 0 0px; line-height:18px; font-style:italic; width:210px;}
	#callstoaction .leftcol h3 { margin:10px 0 0 0; float:left; }
	#callstoaction .leftcol h3 a { width:405px; height:47px; display:block; text-indent:-9999px; background:url("../images/bg-member.png") no-repeat top; }
	#callstoaction .leftcol h3 a:hover { background-position:bottom; }
	#callstoaction .rightcol { float:left; margin:15px 25px; }
	#callstoaction .rightcol p { float:left; margin:0 0 0 20px; line-height:24px; }
	#callstoaction .rightcol h3 { margin:10px 0 0 0; float:left; }
	#callstoaction .rightcol h3 a { width:275px; height:47px; display:block; text-indent:-9999px; background:url("../images/bg-newsletter.png") no-repeat top; }
	#callstoaction .rightcol h3 a:hover { background-position:bottom; }
	#copy { margin:0 0 0 60px; clear:both; }
	#copy .leftcol,#inside #copy #fullcol { width:515px; float:left; margin:20px 0 0 0; }
	#copy .rightcol { width:360px; float:right; margin:20px 0 0 0; font-size:11px; line-height:1.3; }
	#copy .rightcol h3 { width:351px; height:32px; margin:0; padding:7px 0 0 10px; color:#fff; font-size:15px; background:url("../images/bg-rightcol-h3.png") no-repeat;  font-weight:normal; }
	#events .date { width:90px; float:left; margin:7px 0 0 7px; }
	#events .right { width:250px; margin:5px 7px 0 0; }
	#events h4, #featuredstory h4 { color:#565656; font-size:11px; margin:0; font-size:12px; }
	#featuredstory { margin:11px; }
	

	#inside #copy .leftcol { width:585px; }
	#inside #copy .rightcol { width:255px; background:url("../images/bg-subnav.png") no-repeat top #efefef; margin:20px 25px 20px 0 }
	#inside #copy .rightcol .bottom { height:8px; background:url("../images/bg-subnav-bottom.png") no-repeat bottom; display:block; }
	#inside #copy .rightcol h3 { width:auto; height:auto; color:#322f31; background:none; text-transform:none; font-weight:bold; margin:0; padding:0; }
	#inside #copy .rightcol .padding { margin:15px; }

    #inside #copy #fullcol { width:875px; }

	#footer { color:#fff; font-size:11px; }
	#footer ul { margin:14px 0 0 31px; padding:0; list-style:none; float:left; }
	#footer li { float:left; }
	#footer a { text-decoration:none; color:#fff; font-weight:normal; }
	#footer a:hover { text-decoration:underline; }
	#footer p { float:right; margin-right:33px; }
	#footer .separator { padding:0 11px; }

/* Specific Styles 
------------------------------------------------- */

	/* Login Form */
	#login-form { color:#fff;text-align:right;width:100%; }
    #login-form a { color:#fff; }
	#login-form form, #header form div, #header form fieldset { display:inline; margin:0; padding:0; }
	#login-form form { margin:0 0 0 5px; position:relative; top:5px; }
	#login-form form legend { display:none; }
	#login-form form input.text { width:120px; height:14px; background:url("../images/bg-search.png") no-repeat; padding:3px 4px; border:none; color:#707070; font-size:11px; float:left; }
	#login-form form input.action { width:60px; height:20px; background:url("../images/bg-search-button.png") no-repeat; margin:0 0 0 5px; padding:2px 3px; text-transform:uppercase; color:#fff; border:none; cursor:pointer; text-indent:-9999px; float:left; }

    /* Generic Form Styling */
	#copy fieldset { margin:10px; padding:20px; border:1px solid #eee; background:#f6f6f6; }
	#copy label.left { width:180px; }
	#copy input { margin:0 0 2px 0; }
	#copy #Remember { margin:0 0 0 80px; }
	#copy #Remember .right { float:none; font-size:10px; }
	#copy #MemberLoginForm_LoginForm_action_dologin { margin:0 0 0 100px; }
	#copy #ForgotPassword { margin:5px 0 0 100px; font-size:10px; }
	
	/* Password Reminder */
	#MemberLoginForm_LostPasswordForm { margin:10px; padding:20px; border:1px solid #eee; background:#f6f6f6; }
	#MemberLoginForm_LostPasswordForm .left { width:80px; }
	#MemberLoginForm_LostPasswordForm #MemberLoginForm_LostPasswordForm_action_forgotPassword { margin:10px 0 0 80px; }
	
	/* Quick Login */
	#quick-login { width:560px; float:right; margin:35px 10px 0 0; font-size:11px; }
	#quick-login label { color:#867f84; }
	#quick-login input { width:100px; border:1px solid #bdbdbd; margin:0 5px 0; }
	#quick-login .action { width:80px; padding:2px 0; color:#565656; font-weight:bold; border:1px solid #dedede; font-size:11px; font-weight:bold; background:url("../images/bg-button.png") repeat-x bottom #fff; }
	#quick-login #ForgotPassword { margin:0 !important; display:inline; }
	#logout { text-align:right; }
	
	/* Contact Form */
	.Actions { margin:10px 0 0 80px; }
	.middleColumn { margin:0 0 5px 0; }
	.middleColumn input.text { width:180px; }
	.required, .validation { color:#f00; display:block; margin:0 0 5px 120px; }

    /* Gallery */
    .thumbnail img { border:1px solid #DEDEDE; padding:3px;}

    /*Featured member story image */
    .featured-photo img { border:1px solid #DEDEDE; padding:3px; float:left; margin:0 20px 5px 0;}
    #featured-photo-home img { border:1px solid #DEDEDE; padding:3px; float:right; margin:0 0 20px 8px;}

    /*Subscribe Form */
    ul#Newsletters { list-style-type:none; }
    #Form_Form label.left { width:180px; }

    /*Registration Form */
    #Form_RegistrationForm h3 { clear:both; padding-top:10px; }
    div .field {clear:both;}

    ul.optionset {clear:both;list-style-type:none;padding:1px;}
    .middleColumn select, .middleColumn input, .middleColumn textarea {font:12px/18px arial, helvetica, sans-serif;width:180px;}
    .middleColumn textarea {height:120px;}
    label.right {float:none;}

    /*Comments form - hide the URL */
    #CommenterURL {display:none;}