/*
	Salmon Safe
	ISITE Design
	3.13.09

	--------- Notes -----------
	
	* html {anything} addresses IE < 6 browser bugs
	*+html {anything} addresses IE 7 browser bugs
	
	------- typography ---------
	
	font-sizes are set in em for resizable goodness.  Here's a basic guide for the stylesheet.
	font-size: .75em; 	= 9px
	font-size: 0.835em; = 10px
	font-size: .9175em; = 11px
	font-size: 1em; 	= 12px
	font-size: 1.085em; = 13px
	font-size: 1.165em; = 14px
	font-size: 1.25em;  = 15px
	font-size: 1.335em; = 16px
	font-size: 1.415em; = 17px
	font-size: 1.5em;	= 18px
	font-size: 1.585em; = 19px
	font-size: 1.665em; = 20px
	font-size: 1.75em; = 21px
	font-size: 1.835em; = 22px
	font-size: 1.915em; = 23px
	font-size: 2em; = 24px
	
	font colors:
		base body color: #333333;
			
	link colors:
		main content a: #0000ff;
		main content hover: #999999;

*/

/* Basic browser reset  */
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt,blockquote,button,fieldset,legend,label,input,textarea,form { margin:0;padding:0;border:0; }
html,input,textarea,select { font-size: 100% } /*keep ie happy*/

body {
	background: #000;
	color: #a7a9ac;
	font: 75%/1.665 Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6	{ font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0 0 0 0; }

h1	{ font-size: 2.4em; } 	/* 24px */
h2	{ font-size: 1.665em; } /* 20px */
h3	{ font-size: 1.415em; } /* 17px */
h4	{ font-size: 1.25em; font-weight: bold; } 	/* 15px */
h5	{ font-size: 1em; font-weight: bold; } 	/* 12px; */
h6	{ font-size: .9175em; font-weight: bold; } /* 11px; */

h1 	{ color: #6da6a9; border-bottom: 1px solid #ccc; margin: 0 0 .4em 0; padding: 0 0 .1em 0; line-height: 1.2em; }

p	{ margin-bottom: 1.665em; }

input, textarea { border: 1px solid #242323; }

ul, ol 			{ margin: 0 0 1.665em 3em; }
ul ul, ol ol 	{ margin: 0 0 0 3em; }
table			{ border-collapse: collapse; margin: 0 0 1.665em 0; }
td				{ border: 1px solid #ccc; padding: .5em; }
img				{ border: none; }
blockquote		{ background: #eee; padding: 16px 22px 1px 22px; margin: 0 0 1.665em 0; }
#secondary blockquote { background: #222; }
dl				{ margin: 0 0 1.665em 0; }
dt				{ font-weight: bold; }
hr				{ border: 0; background: #ccc; color: #ccc; height: 1px; margin: 1.665em 0; }
address			{ font-style: normal; }

/*----------------------------------- Site Structure --------------------*/
#wrapper {
	margin: auto;
	position: relative;
    width: 950px;
}
#header { text-shadow: 0 0 0 #000; }
#footer {
	clear: both;
	margin: 0 0 2em 0;
	padding: 1px 0 6em 0;
	text-shadow: 0 0 0 #000;
}
	.partners {
		background: #000 url(../img/css/bg_linkbar.png) 0 0 no-repeat;
		border: 1px solid #303031;
		border-width: 1px 0;
		height: 88px;
		margin: 31px 0 13px 0;
		overflow: hidden;
		padding: 0;
		position: relative;
	}
	.credits p { float: left; width: 45%; }
	.credits p.copyright { float: left; width: 55%; }
#footerhome {
		border-top: 1px solid #303031;
		width: 767px;
		clear: both;
		float: right;
	}
	#footerhome .social h3 {float: left; margin-top: 1.5em; line-height: 1.3em;}	
#content {
	float: left;
	overflow: hidden;
	width: 950px;
}
#primary {
	background: #fff url(../img/css/bg_primary.gif) 0 0 repeat-x;
	display: inline;
	float: left;
    margin: 2px 0 0 183px;
	padding: 16px 22px 22px 22px;
	width: 535px;
	min-height: 400px;
}
.wide #primary { width: 717px; }
#lead {	margin: 0 0 10px 183px; height: 156px; }
	#lead img {
		border: 1px solid #626366;
		padding: 4px;
	}
	#lead .leadcaption {
		position: relative;
		bottom: 35px;
		left: 0px;
		color: #fff;
		font-size: 1em;
		width: 750px;
		text-align: right;
	}
#secondary {
	display: inline;
	float: left;
	margin-left: 23px;
	text-shadow: 0 0 0 #000;
	width: 155px;
}
#tertiary {
	position: absolute; left: 0; top: 246px;
	text-shadow: 0 0 0 #000;
	width: 166px;
}
#nav {
	list-style-type: none;
	margin: 0 0 14px 160px;
    overflow: hidden;
	padding: 30px 0 0 0;
	width: 780px;
}	
	* html #nav { margin-left: 136px; width: 810px; }
#secondary #nav {
    height: auto;
	position: relative;
	top: 0;
}
#secondary #nav a, #secondary #nav li {
	float: none;
	padding: 0;
}


/*----------------------------------- Type, Links and Lists----------*/
#primary			{ color: #636467; }

a, a:visited		{ color: #bebf5f; text-decoration: none; }
a:hover, a:focus 	{ color: #fff; }
#primary a,
#primary a:visited	{ color: #8b8e45; }
#primary a:hover,
#primary a:focus	{ color: #c8c863; }

a#brand {
	display: block;
	height: 231px;
	overflow: hidden;
	position: absolute; left: 5px; top: 0;
	width: 160px;
}
	a#brand img { display: block; }
	
a.pdf { padding-left: 20px; background:url(../img/css/pdf_icon.gif); background-repeat: no-repeat; height: 16px; }	

#primary .item-list ul { margin: 0; padding: 0; }
#primary .item-list ul li { list-style-type: none; margin: 0; padding: 0; }


/*---------------------------------- Navigation --------------------*/
ul.nav, ul.nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.current a, .current a:link, .current a:visited 			{ color: #fff; }
.current li a, .current li a:link, .current li a:visited 	{ color: #bebf5f; }
.current li a:hover, .current li a:focus 					{ color: #fff; }
#nav li {
	display: block;
	float: left;
	font-size: .9em;
	line-height: 1.235;
	margin-left: 26px;
	width: 130px;
}
	#nav a {
		color: #c6c8ca;
		display: block;
		padding: 0 1px;
		text-decoration: none;
		text-shadow: 0 0 0 #000;
	}
		#nav .current a span { color: #fff; }
		#nav span {
			border-bottom: 1px solid #303031;
			color: #bebf5f;
			display: block;
			font: 2em Georgia, "Times New Roman", Times, serif;
			margin-bottom: 2px;
		}
			#nav a:hover span, #nav a:focus span { color: #fff; }
			#nav span span { display: none; }

.nav-sub { overflow: hidden; }
.nav-sub li {
	border-top: 1px solid #303031;
	font: 1.415em/1.1 Georgia, "Times New Roman", Times, serif;
	margin: -1px 0 1px 0;
	padding: .5em 14px;
}
	.nav-sub ul { margin: 4px 0 0 0; }
		.nav-sub li li {
			background: transparent url(../img/css/bg_li_subnav.gif) 2px .65em no-repeat;
			border: none;
			font-size: .7em;
			margin: 0;
			padding: .2em 0 .2em 10px;
		}	
#tertiary .accreditation a { 
	border-top: 3px solid #303031;
	font: 1.115em/0.9 Georgia, "Times New Roman", Times, serif;
	margin: 2em 0 2em 0 ;
	padding: .5em 14px;
	clear: both;
	display: block;
}		

.partners a {
	background: transparent url(../img/css/bg_linkbar.png) 0 100px no-repeat;
	display: block;
	height: 83px;
	overflow: hidden;
	position: absolute; top: 2px;
	text-indent: -9999em;
}
	.nav-psf a						{ left:  84px; width:  65px; }
	.nav-fcb a						{ left:  149px; width:  96px; }	
	.nav-nfwf a						{ left: 245px; width: 85px; }
	.nav-vinea a					{ left: 333px; width:  102px; }
	.nav-live a						{ left: 432px; width:  81px; }
	.nav-oregontilth a				{ left: 513px; width: 82px; }
	.nav-stewardshippartners a		{ left: 595px; width: 116px; }
	.nav-marinorganic a				{ left: 711px; width:  100px; }
	.nav-nbis a						{ left: 811px; width: 68px; }
	.nav-trout a					{ left: 879px; width: 61px; }

	.nav-psf a:hover				{ background-position:  -84px -87px; }
	.nav-fcb a:hover				{ background-position:  -149px -87px; }	
	.nav-nfwf a:hover 				{ background-position: -245px -87px; }
	.nav-vinea a:hover 				{ background-position: -333px -87px; }
	.nav-live a:hover				{ background-position: -432px -87px; }
	.nav-oregontilth a:hover		{ background-position: -513px -87px; }
	.nav-stewardshippartners  a:hover	{ background-position: -595px -87px; }
	.nav-marinorganic a:hover 		{ background-position: -711px -87px; }
	.nav-nbis a:hover 				{ background-position: -811px -87px; }
	.nav-trout a:hover				{ background-position: -879px -87px; }
	
	.nav-tools { width: 400px; 	float: left; }
	.nav-tools a { 
		background: transparent url(../img/css/bg_partner_tools.png) no-repeat;
		display: block;
		height: 49px;
		overflow: hidden;
		text-indent: -9999em;	
		}

	.nav-tools a.rivers 			{ width: 185px; float: left; }
	.nav-tools a.partner			{ width: 215px; float: left; background-position:  -185px 0; }			
	.nav-tools a.rivers:hover		{ background-position:  -0px -49px; }
	.nav-tools a.partner:hover		{ background-position:  -185px -49px; }


#nav-news 		{ line-height: 1.335; }
#nav-news li	{ overflow: hidden; }
#nav-news img 	{ float: left; margin: 3px 0 0 0; }
#nav-news p,
#nav-news h4 	{ margin-left: 112px; }
#nav-news h4 	{ font-family: Arial, Helvetica, sans-serif; line-height: 1.2; }

#secondary ul { margin-left: 0em; padding-bottom: 0; margin-bottom: 1em; }
	#secondary .block ul { margin-left: 0em; }
	#secondary ul.leftlinks { margin-bottom: 0px; } 
#secondary li { list-style-type: none; }
#secondary ul.leftlinks {	border-top: 1px solid #303031; padding-top: 1.2em; }
#secondary .leftlinks li { height: 43px; width: 130px; padding-bottom: 1.5em; }
#secondary .leftlinks li a { font-size: 1.165em; font-family:Georgia,"Times New Roman",Times,serif; display: block; height: 43px; width: 130px; padding-top: 6px; }
#secondary li a.active {color: #fff;}
	#secondary .twitter { background: url(../img/css/twitter_icon.gif) no-repeat right top;  }
	#secondary .newsletter { background: url(../img/css/newsletter_icon.gif) no-repeat right top;  }
	#secondary .rss { background: url(../img/css/rss_icon.gif) no-repeat right top;  }
	
#tertiary a.twitter, .social a.twitter  { background: url(../img/source/twitter_icon.png) no-repeat right top; width: 32px; height: 32px; text-indent: -9999em; display: block; float: left; margin: 15px 0; }	
#tertiary a.facebook, .social a.facebook { background: url(../img/source/facebook_icon.png) no-repeat right top; width: 32px; height: 32px; text-indent: -9999em; display: block; float: left; margin: 15px 15px;}	
#page-home a.facebook, #page-home a.twitter {margin-top: 2.5em;}

/*----------------------------------- Home page -------------------------*/
#page-home #lead {
	border: 1px solid #626366;
	width: 759px;
	height: 337px;
}
	#page-home .flashed #lead { border: none; width: auto; height: 337px; }
	#page-home #flashreplace {
		background-position: 4px 4px;
		background-repeat: no-repeat;
	}
	#page-home #flashreplace a	{
		border: 4px solid #000;
		display: block;
		height: 327px;
		overflow: hidden;
		text-indent: -9999em;
	}
	#page-home #flashreplace h1	{ border: none; margin: 0; padding: 0; }
	#page-home #flashreplace p 	{ height:0;left:-9999em;line-height:0;position:absolute;text-indent:-9999em; }

#page-home #wrapper { background: transparent url(../img/css/bg_home_artwork.jpg) 5px 244px no-repeat; }
#page-blog #wrapper { background: transparent url(../img/css/bg_home_artwork.jpg) 5px 244px no-repeat; }
.node-type-blog #wrapper { background: transparent url(../img/css/bg_home_artwork.jpg) 5px 244px no-repeat; }

#page-home #primary {
	background: #000;
	padding: 0;
	text-shadow: 0 0 0 #000;
	width: 400px;
}
	#page-home #primary h2 {
		border-bottom: 1px solid #303031;
		color: #6da6a9;
		font-size: 2em;
		line-height: 1.225;
		margin: -2px 0 .665em 0;
		padding: 0 20px .665em 0;
	}
	#page-home #primary h3 {
		color: #6da6a9;
		font-size: 1.665em;
	}
#page-home #secondary {
	margin: 0 0 0 23px;
	width: 340px;
}

#for dl { margin: 0; overflow: hidden; position: relative; width: 400px; }
#for dt {
	background: #242021 url(../img/css/bg_home_tabs.gif) 0 0 repeat-x;
	border: 1px solid #303031;
	clear: right;
	text-transform: lowercase;
	position: relative;
}
	#for dt span.wrapper		{
		color: #bebf5f;
		display: block;
		font: normal 1.225em/1.1 Georgia, "Times New Roman", Times, serif;
	}
	#for dt a { padding: .2em 6px .3em 6px; text-align: center; }
	#for dt.current,
	#for dt.current	span{ background: #141414; color: #6da6a9; }
	#for dt span span 	{ font-style: italic; }

#for dd div.wrapper	{ overflow: hidden; padding: 7px 20px; }
	#for h4 		{ color: #6da6a9; font-weight: normal; line-height: 1.225; margin-bottom: .225em; }
	#for .more 		{ float: right; }
	
		#for dd ul { list-style: none; margin: 0 0 1.665em 0; padding: 0; }
		#for dd li {
			background: transparent url(../img/css/bg_li_subnav.gif) 2px .55em no-repeat;
			line-height: 1.1;
			margin: 0;
			padding: .2em 0 .2em 10px;
		}
		
#for .tabs dt {
	clear: none;
	margin: 0 0 4px 0;
	width: 136px;
}
.tabs dt a 									{ display: block; width: 121px; }
#primary .tabs dt.current a 				{ color: #6da6a9; }
.tabs dt span.wrapper 						{ margin: 3px 0 3px 3px; width: 130px; }
#for .tabs dt.current						{ border-right: 0; width: 141px; position: relative; z-index: 100; }
#for .tabs dt.current span.wrapper 			{ border: 3px solid #000; border-width: 3px 0 3px 3px; margin: 0; width: 141px; }
* html #for .tabs dt.current span.wrapper 	{ width: 138px; }
.tabs dd { 
	background: #141414;
	border: 1px solid #303031;
	position: absolute; right: 0; top: 0;
	width: 257px;
	z-index: 1;
}
	#for .tabs  dd div.wrapper	{ border: 3px solid #000; }		

/*----------------------------------- Blog -------------------------*/

#page-blog #wrapper { background: transparent url(../img/css/bg_home_artwork.jpg) 5px 244px no-repeat; }
#page-blog .views-row, #page-blog .node {padding-bottom: 2em;}
.page-taxonomy h1.title {padding-bottom: .5em;}
#page-blog .views-row-first {padding-top: 2em;}
#page-blog h1 { border-bottom: none; }
#page-blog h2 {font-size: 2.0em; color: #393838; border-bottom: 1px dashed #ccc; margin: 0 0 .4em 0; padding: 0 0 .1em 0; line-height: 1.2em;}
.page-taxonomy h1 {border-bottom: none;}
#page-blog #primary h2 a {color: #393838;}
#page-blog #primary h2 a:hover {color: #6DA6A9; text-decoration: underline;}
#page-blog #primary h2 a {color: #393838;}
.blogdate {
	text-transform: uppercase;
	color: #999;
	letter-spacing: .05em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 1em;
	}
#page-blog #secondary h3, .node-type-blog #secondary h3, .page-taxonomy #secondary h3 { 
	text-transform: uppercase; 
	font-size: 1em; 
	font-family:Arial,Helvetica,sans-serif;
	border-top: 1px solid #303031;
	padding-top: 1em;
	}	
#page-blog #primary img {
	border: 1px solid #748481;
	padding: 2px;
	}	
#page-blog #primary p { overflow: hidden; }
.blogfoot {
	border-bottom: 1px dashed #ccc;
	border-top: 1px dashed #ccc;
	margin-bottom: 2em;
	text-transform: uppercase;
	font-size: .9175em;
	padding-bottom: 4px;
	}	
.blogfoot .blogauthor {
	background-color: #ebf1f1;
	margin: 4px 0 0 0;
	padding: 4px 0 0 10px;
	width: 428px;
	min-height: 36px;
	line-height: 1.355
	}	
.blogfoot .blogcomments {
	width: 85px;
	background-color: #fff;
	background-image: url(../img/css/comment_bubble.gif);
	background-repeat: no-repeat;
	background-position: top right;
	float: right;
	margin: 4px 0 0 0;
	padding: 4px 0 0 7px;
	color: white;	
	height: 36px;
	}
	.blogcomments span {
		text-align: center;
		display: block;
		width: 80px;
		margin-top: 2px;
	}
	#primary .blogfoot .blogcomments span a{
		color: white;
	}
#search-block-form {
padding-bottom: 1em;
}	
#search-block-form #edit-search-block-form-1{
width: 100px;
display: inline;
padding: 5px;
color: #666;
}	
#search-block-form button{
	background: #000;
	color: #bebf5f;
    cursor: pointer;
	font: 1.2em/1.1 Georgia, "Times New Roman", Times, serif;
	padding: 2px 6px;
	display: inline;
	width: 30px;
}
#search-form #edit-keys {display: inline; }
.node-type-blog ul.links.inline li, .node-type-blog ul.links li  { border-right: 1px solid #ccc; padding-right: 10px; }
.node-type-blog ul.links.inline li.last, .node-type-blog ul.links li.last { border-right: none; }
.node-type-blog .addthis_default_style { width: 160px; float: right; padding-bottom: 1.5em; }
.node-type-blog .comment .content p { margin-bottom: 1em; }

#comment-form fieldset.collapsed {
	display: none;
}

.field-field-publication { font-style: italic; padding-bottom: 1em; }

/* Blog lists */

#primary .item-list .views-row { padding-bottom: .5em; } 
#primary .item-list .views-field-created { font-weight: bold; float: left; }
#primary .item-list .views-field-title { padding-left: 5em; }
#primary .item-list .views-field-teaser { padding-left: 5em; }
#primary .item-list .views-field-field-publication-value { padding-left: 5em; font-style: italic; }

/*----------------------------------- About -------------------------*/

#page-about #primary h2 {
	color: #6da6a9;
	font-size: 2em;
	line-height: 1.225;
	margin: -2px 0 .265em 0;
	padding: 0 20px .265em 0;
}
#page-about #primary #aboutlead {
	border-bottom: 1px solid #ccc;
}
#aboutlead {
margin-bottom: 1.5em;
}
#page-about #primary img {
	padding: 5px;
	border: 1px solid #ccc;
}
#aboutlead img {
	float: right;
	margin: 0 0 2em 2em;
}
#page-about .chunk {
	width: 318px;
	float: left;
}

#page-about .chunk.first {
	margin-right: 72px;
}

/*----------------------------------- Feeds ------------------------------*/

#secondary .view-prc-feed h2 { font-size: 1.3em; border-bottom: 1px solid #303031; line-height: 1.5em; padding-bottom: .5em; margin-bottom: .5em; }
#secondary .view-prc-feed .view-content .views-field-description { line-height: 1.5em; border-bottom: 1px solid #303031; padding-bottom: .5em; margin-bottom: .5em; }
#secondary .view-prc-feed .view-content .views-field-description a { display: block; }

/*----------------------------------- Newsletter -------------------------*/

#newsletter { 
	border-top: 1px solid #303031; 
	border-bottom: 1px solid #303031; 
	padding: 1em 0 1em 1em;
	}
	#secondary #newsletter {
		padding: 1em 0 1em 0;
		}
	#page-home #secondary #newsletter {
		padding: 1.5em 0 1.5em 1em;
		border-bottom: none;
		}
	#page-home #newsletter {border: 0px; float: right;}
	
#secondary #newsletter h3, #tertiary #newsletter h3 { 
	font-size: 1.20em; 
	line-height: 1.1em; 
	padding-bottom: .5em; 
	text-transform: none;  
	font-family:Georgia,"Times New Roman",Times,serif;
	border-top: none;
	padding-top: 0;
	}	

#constant-contact-signup-form .form-item {display: inline;}

#constant-contact-signup-form label { display: none; }

#constant-contact-signup-form #edit-cc-email { 
	color:#666666;
	display:inline;
	padding:5px;
	width:75px;
	}
	#page-home #constant-contact-signup-form #edit-cc-email {
		width: 200px;
		}

#constant-contact-signup-form .form-submit {
	background:#000000 none repeat scroll 0 0;
	color:#BEBF5F;
	cursor:pointer;
	display:inline;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.2em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.1;
	padding:2px 6px;
	width:55px;
	}
	#page-home #constant-contact-signup-form .form-submit {
		width: 75px;
		}

/*------------- jQuery Lightbox --------------------------- */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/*----------------------------------- Forms -------------------------*/

#primary form { margin-bottom: 1.5em; }
form ul {
    list-style-type: none;
	margin: 0 0 1.5em 0;
}
form li { margin-bottom: 1.665em; }
legend 	{ font-weight: bold; }
input, select, textarea, label, button 	{ display: block; }
input, select, textarea 				{ border: 1px solid #333; }
#wrapper input[type=hidden] 			{ border: none; }
textarea {
	font: 1.115em/1.225 Arial, Helvetica, sans-serif;
	height: 140px;
	width: 60%;
}

button {
	background: #333;
	color: #bebf5f;
    cursor: pointer;
	font: bold 1.2em/1.1 Georgia, "Times New Roman", Times, serif;
	padding: 2px 6px;
}
	button:hover { color: #fff; }
	
#primary input, #primary select, #primary textarea { padding: 3px; border: 1px solid #808080; }	
		
.form-submit {
	background:#000000 none repeat scroll 0 0;
	color:#BEBF5F;
	cursor:pointer;
	display:inline;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.2em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.1;
	padding:2px 6px;
	}

#primary .tips li { margin-bottom: 0; }
#primary .form-checkbox { display: inline; }
#primary .form-radio { display: inline; }

/*----------------------------------- Randoms/dev utility styles ---*/
.accessibility { height:0;left:-9999em;line-height:0;position:absolute;text-indent:-9999em; }
.column {
    float: left;
	width: 45%;
	margin-right: 2%;
}

.hide			{ display: none; }
.left 			{ float: left; margin: 2px 18px 10px 0; }
.right 			{ float: right; margin: 2px 0 10px 18px; }
.clear 			{ clear: both; }
.clearleft 		{ clear: left; }
.clearright 	{ clear: right; }
.error, .red 	{ color: red; }
.small 			{ width: 25%; }
.medium 		{ width: 48%; }
.large 			{ width: 90%; }