/*____________________/ Find Groups General Styles */

* {
	margin:0;
	padding:0;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.3em;
	color: #000;
	background: #FFF url(../nav/findgroupheaderbg.jpg) repeat-x left 51px;
}

h1, 
h2,
h3,
h4	{
	margin-bottom: 15px;
}

h1	{
	font-size: 140%;
}

h2	{
	font-size: 140%;
	color:#204294;
	line-height: 1em;
}

h3	{
	font-size: 100%;
	color: #204294;
}

h4	{
	font-size: 100%;
}

p	{
	padding: 0 0 15px 0;
	clear:both;
}


ul, 
ol	{
	list-style-type:none;
}
lu{
	list-style:none;	
}
lu li{
	color: #006;
	text-decoration: underline;
	background: url(../nav/bullet_arrowblue.gif) no-repeat left;
	padding-left: 22px;
	line-height: 200%;
	margin:0 5px 12px 12px;
	line-height:15px;
}
ul#homepage-list li{
	color: #006;
	text-decoration:none;
	padding:0 10px 0 0;
	line-height: 200%;
	margin:0 5px 12px 12px;
	line-height:15px;
}
address	{
	margin: 5px 0 10px 0;
}

img	{
	border:none;
}

img	a {
	border:none;
}

a, a.visited {
	color: #000;
	text-decoration: underline;
}

a:hover 	{	
	color: #006;
	text-decoration: underline;
}

.logo	{
	position:absolute;
	top: 90px;
	left:40px;
}

/* _____________________________________________________________________________________Contentwrappers */

#pagewrapper { 
   margin:auto;
   width: 750px;
   position:relative;
   height:1%;
   background: url(../nav/findgroupheader.jpg) no-repeat top left;
} 

#maincontent { 
   float:left;
  padding: 40px 0 50px 10px;
} 

.leftwrapper	{
	float:right;
	width: 460px;
	margin:0 0 0 20px;
}

.rightwrapper	{
	float:left;
	width: 255px;
}

#footerwrapper	{
	clear:both;
	background: url(../nav/findgroupfooterbg.jpg) repeat-x left top;
}

/* _____________________________________________________________________________________ Header Content */
#header	{
	height:210px;
	position:relative;
}

#header h1	{
	position:absolute;
	top: 85px;
	left: 308px;
	font-size: 110%;
	color:#FFF;
	font-weight:normal;
}

#header h1{
	display:block;
	width:257px;
	height:17px;
}
#header h1 span{
	display:block;
	width:257px;
	height:17px;
	background:url('../nav/who_cares.gif') no-repeat;
	position:absolute
}

/* _____________________________________________________________________________________ Footer Content */

#footer	{
   margin:0 auto;
   width: 740px;
   background:  url(../nav/findgroupfooter.jpg) no-repeat left top;
   height: 150px;
   position:relative;

}

.footerlogo	{
	position:absolute;
	bottom: 130px;
	right:35px;
}
#footer p	{
	position:absolute;
	bottom: 4px;	
	left:20px;
	width: 410px;
	font-size:11px;
	color:#2f4f9b;
}

#footer #logos{
	position:absolute;
	bottom: 15px;	
	right:20px;
	width: 280px;
	height:55px;
	overflow:hidden;
}
#footer p a{
	color:#2f4f9b;
}

.sublogo{
	position:absolute;
	bottom: 15px;
	right:-85px;
}

/* _____________________________________________________________________________________ Leftwrapper Specific */

.leftwrapper h2	{
	margin-left: 20px; /* ______________________ Lines content up with logo */
}
.container h3,
.container h4,
.container p { 
  margin-left: 20px; /* ______________________ Lines content up with logo */
  clear:both;
} 

.container ul,ol {
	list-style-type:disc;
	margin-left: 35px;
	clear:both;
	margin-bottom: 10px;
}

/* _____________________________________________________________________________________ // Rightwrapper Specific */

.rightwrapper .mainlink	{
	clear:both;
	margin-left: 20px; /* ______________________ Lines up with content in featureboxes */
}

/* _____________________________________________________________________________________ // Featureboxes */

/* ______________________________________________________________________/ Standard Width default styles */

.featurebox	{
	width: 252px;
	float:left;
	margin: 15px 10px 20px 0; /* ______________________ Mid size featurebox in leftwrapper */
	background: #036 url(../nav/boxfooter_yellownolines.gif) no-repeat left bottom; /* default image */
}

.featurebox h3	{
	background: url(../nav/boxheader_yellowkey.gif) no-repeat left top; /* default image */
	color:#204294; /* default text style */
}

.featurebox p	{
	color:#000; /* default text style */
}

/* ___________________________________________________________________________/ Full width default styles */
.fullsize	{
	width: 421px;
	float:left;
	margin: 15px 0 20px 0; /* ______________________Full width featurebox in leftwrapper */
	background: url(../nav/boxfooter_bluefullsize.gif) no-repeat left bottom; /* default image */
	background-color: #003366;
}

.fullsize  h3	{
	background: url(../nav/boxheader_bluefullsize.gif) no-repeat left top; /* default image */
}

.fullsize h4 {
	color: #FFF;
}

/* ___________________________________________________________________________/ Slim width default styles */
.slim	{
	width: 162px;
	float:left;
	margin: 15px 0 20px 0; 
	
	background: #036 url(../nav/boxfooter_blueslim.gif) no-repeat left bottom; /* default image */
}

.slim h3	{
	background: #036 url(../nav/boxheader_blueslim.gif) no-repeat left top; /* default image */
}

/* ___________________________________________________________________________/ Slim width blue outline styles */
.slim-keyline	{
	width: 162px;
	float:left;
	margin: 15px 0 20px 0; 
	
	background: url(../nav/boxfooter_bluekeyslim.gif) no-repeat left bottom; /* default image */
}

.slim-keyline h3	{
	background: url(../nav/boxheader_bluekeyslim.gif) no-repeat left top; /* default image */
	line-height: 0px;	
}

/* ___________________________________________________________________________/ Buttons default styles */
.featurebox a.buttonlink	{
	background-color:#f8ebad;
	color:#002181;
	margin: 2px 18px;
	border: 1px solid #002181;
}

.featurebox a.buttonlink:hover	{
	background-color:#002181;
	color:#FFF;
}

.slim a.buttonlink	{
	background-color:#f8ebad;
	color:#002181;
}

.slim a.buttonlink:hover	{
	background-color:#002181;
	color:#fff;
}

.smallnotes a.buttonlink	{
	background-color:#f8ebad;
	color:#002181;
	margin: 2px 18px;
	border: 1px solid #002181;
}

.smallnotes a.buttonlink:hover	{
	background-color:#002181;
	color:#fff;
}

.yellow-keyline a.buttonlink	{
	background-color:#f8ebad;
	color:#002181;
	margin: 2px 18px;
	border: 1px solid #002181;
}

.yellow-keyline a.buttonlink:hover	{
	background-color:#002181;
	color:#fff;
}

.news a.buttonlink	{
	background-color:#f8ebad;
	color:#002181;
	margin: 2px 18px;
	border: 1px solid #002181;
}

.news a.buttonlink:hover	{
	background-color:#002181;
	color:#fff;
}

.rightwrapper .featurebox	{
	float:right;
	margin-right:0; /* ______________________ Overrides leftwrapper float and margin styles */
}

/* ___________________________________________________________________________/ Content Styles */
.boxcontent	{
	padding-bottom: 20px;
}

.boxcontent h3,
.boxcontent h4,
.boxcontent p,
.boxcontent address,
.boxcontent ul	{
	padding: 0 18px; /* ______________________ Centre aligns all content in featureboxes */
}

.boxcontent h3	{
	padding-top: 18px;
	font-weight:normal;
}

.boxcontent p	{
	padding-bottom: 15px;
}


/* ____________________________________________________________________________ / Blue Keyline Box */

.keyline .boxcontent	{
	background: url(../nav/boxfooter_bluekey.gif) no-repeat left bottom;
}

.keyline .boxcontent h3	{
	background: url(../nav/boxheader_bluekey.gif) no-repeat left top;
	color:#204294;
}

.keyline .boxcontent p {
	color: #000;
}

/* ____________________________________________________________________________ / Yellow Keyline Box */

.yellow-keyline .boxcontent	{
	background: url(../nav/boxfooter_yellownolines.gif) no-repeat left bottom;
}

.yellow-keyline .boxcontent h3	{
	background: url(../nav/boxheader_yellowkey.gif) no-repeat left top;
	color:#204294;
}

.yellow-keyline .boxcontent p {
	color: #000;
}

/* ___________________________________________________________________________ / Search Box (rightwrapper) */

.smallnotes .boxcontent	{
	background: url(../nav/boxfooter_yellowkey.gif) no-repeat left bottom;
}

.smallnotes h3	{
	background: url(../nav/boxheader_yellowkey.gif) no-repeat left top;
	font-size: 120%;
	margin-bottom: 5px;
	color:#006;
}

.smallnotes p	{
	color:#000;
}
.smallnotes label	{
	width: 100%; /* ___________ / Forces search input onto new line */
	float:none;
}	

.smallnotes .control	{
	width: 120px; /* ___________ / Fixes width of search input - remove? */
	margin-right: 2px;
}	

.smallnotes .button	{
	float:left;
}

.smallnotes form	{
	width: 250px;
}
.smallnotes fieldset	{
	border:none;
	padding: 0 0 0 20px;
	background:none;
	clear:none;
	margin:0;
}

.smallnotes legend	{
	display:none;
}


.help h3,
.help h4	{
	font-weight: bold;
	color:#930;
	margin-bottom: 5px;
	font-size:110%;
}

.help h4 span{
	color:#000;
	display:block;
}

/* _________________________________________________________________________ / Group News (Yellow Keyline) */

.news {
	width: 423px;
	background-color: #FFF;
}
.news .boxcontent	{
	background: url(../nav/boxfooter_linesfullsize.gif) no-repeat left bottom;	
}

.news .boxcontent h3	{
	background: url(../nav/boxheader_yellowfullsize.gif) no-repeat left top;
	color:#006;
}
	
.news p	{
	color:#000;
}

/* _________________________________________________________________________ / Home Search (Yellow Keyline) */

.wide-yellow {
	width: 423px;
	background-color: #FFF;
	
}
.wide-yellow .boxcontent	{
	background: url(../nav/boxfooter_linesfullsize.gif) no-repeat left bottom;	
}

.wide-yellow .boxcontent h3	{
	background: url(../nav/boxheader_yellowfullsize.gif) no-repeat left top;
	color:#006;
}
	
.wide-yellow p	{
	color:#000;
}

.wide-yellow label	{
	width: 100%; /* ___________ / Forces search input onto new line */
	float:none;
}	

.wide-yellow .control	{
	width: 220px; /* ___________ / Fixes width of search input - remove? */
	margin-right: 2px;
}	

.wide-yellow .button	{
	float:left;
}

.wide-yellow form	{
	width: 400px;
}
.wide-yellow fieldset	{
	border:none;
	padding: 0 0 0 20px;
	background:none;
	clear:none;
	margin:0;
}

.wide-yellow legend	{
	display:none;
}

/* _________________________________________________________________________ / Home Search (Wide Keyline) */

.wide-keyline {
	width: 423px;
	background-color: #FFF;
	
}
.wide-keyline{
	background: url(../nav/bluekeybottom.gif) no-repeat left bottom;	
}

.wide-keyline .boxcontent h3	{
	background: url(../nav/bluekeytop.gif) no-repeat left top;
	color:#006;
	line-height: 2px;
}
	
.wide-keyline p	{
	color:#000;
}

.wide-keyline label	{
	width: 100%; /* ___________ / Forces search input onto new line */
	float:none;
}	

.wide-keyline .control	{
	width: 220px; /* ___________ / Fixes width of search input - remove? */
	margin-right: 2px;
}	

.wide-keyline .button	{
	margin-left: 10px;
}

.wide-keyline form	{
	width: 400px;
}
.wide-keyline fieldset	{
	border:none;
	padding: 0 0 0 20px;
	background:none;
	clear:none;
	margin:0;
}

.wide-keyline legend	{
	display:none;
}

.wide-keyline .news-keyline {
	border-bottom: 1px solid #E48D46;
	margin-left: 40px;
	margin-right: 10px;
	width: 340px;
	margin-bottom: 20px;
}

/* _____________________________________________________________________________________ // General Use Classes */

.notes	{
	margin: 10px 0 0 0;
	float:left;
	width:100%;
}
fieldset#feedback textarea{
	width:400px;
}
.ref	{
	font-weight:bold;
	color:#930;
}
p.helpnote	{
	margin: 0 18px;
}

p.helpnote span	{
	font-weight:bold;
	color:#002181;
}
.left	{
	float:left;
}

.right	{
	float:right;
}
.first	{
	padding-bottom: 10px;
}

.top	{
	margin-top: 15px;
}
/* Internal links */

a.mainlink {
	color: #006;
	text-decoration: underline;
	background: url(../nav/bullet_arrowblue.gif) 0 3px no-repeat;
	padding-left: 22px;
	line-height:18px;
	display:block;
}

a.mainlink:hover {
	color: #122f76;
	text-decoration: none;
}

a.reversearw	{
	background: url(../nav/bullet_arrowleftblue.gif) no-repeat left;  /* _Use this class with mainlink to reverse the arrow  direction */
}

a.reversecolor	{
	color: #204294; /* ______________ Use this class with mainlink to reverse the arrow color and link color */
	background: url(../nav/bullet_arrowblue.gif) no-repeat left; 
}

a.reversecolor:hover {
	color: #122f76; /* ______________ Use this class with mainlink to reverse the arrow color and link color */
}

a.buttonlink	{
	padding: 5px 8px;
	font-weight:bold;
	text-decoration:none;
}

a:hover.buttonlink	{
	text-decoration:none;
}
.clear	{
	clear: both;
}

.hidden	{
	text-indent: -8000px;
}

.nodisplay	{
	display:none;
}

 
/*_________________________________________________________________________________________  / Form Styles */


.button {
	background-color:#f8ebad;
	padding: 2px 4px;
	border: 1px solid #006;
	font-weight:bold;
	color:#006;
}

.button2 {
	background: #006 url(../nav/bg2.gif) repeat-x bottom;
	padding: 2px 4px;
	border: 1px solid #006;
	font-weight:bold;
	color:#FFF;
	margin: 10px 18px;
}


label	{
	float:left;
	clear:left;
	margin: 5px 0 5px 0;
	display:block;
	width: 100%;
}

.control {
	clear:both;
	display:block;
	float:left;
	height: 1.5em;
	margin-bottom: 10px;
	width:50%;
}

.control option {
	width: auto;
	padding-right: 50px;
}

.textarea-control {
	clear:both;
	display:block;
	float:left;
	margin-bottom: 10px;
	width:50%;
}

.wide	{
	width:100%;	
}

.select-wide {
	width: 150%;
}
select.multiple{
	width:400px;
}

/*_________________________________________________________________________________________  / Fieldset and Notes styles */

fieldset,
.formnotes	{
	clear:both;
	border:1px solid #002181;
	padding: 10px 25px;
	margin: 5px 0;
}

.formnotes	{
	float:left;
	width: 360px;
	position:relative;
}

.formnotes h3	{
	font-size:100%;
	position:absolute;
	top: -12px;
	padding: 5px 8px;
	display:block;
	background-color:#FFF;
	color:#930;
	font-weight:normal;
}
legend {
	color:#930;
	padding: 2px 5px;
	font-size:130%;
}

fieldset fieldset legend	{
	font-size:100%;
}

.item	{
	margin-right: 5px; /*___ / Checkbox and radios */
}

/* ____________________________________________________________________________ / Full width Blue Keyline Box */



.keylineresults .boxcontent	{

	background: url(../images/boxfooter_bluekeyfullsize2.gif) no-repeat left bottom;

}



.keylineresults .boxcontent h3	{

	background: url(../images/boxheader_bluekeyfullsize2.gif) no-repeat left top;

	color:#006;

}



#resultscontainer .featurebox	{

	margin-top:0; /* Resets topmargin to remove white space between results list and featurebox */

	color:#000;

}

#resultscontainer p.note	{

	float:left;

	margin:0 0 0 20px;

	padding:0;

}



#resultscontainer p.helpnote	{

	color:#000;

}



#resultscontainer h3.hidden	{

	margin:0;

	padding:0;/* Resets margin and padding on hidden h3 */

}



/* Find Groups Additional Styles - Add these to menus.css */



#resultstabs	{

	clear:both;

	width: 424px;

	margin:-1px;

	float:left;

	margin: 10px 0 0 20px;

}



#resultstabs li	{

	list-style-type: none;

	display:block;

	float:left;

}



#resultstabs li a	{

	background: url(../nav/resultstabs_left.gif) no-repeat left top;

	color: #006;

	font-weight: bold;

	display:block;

	float:left;

	text-decoration: none;

	padding-left: 8px;

	margin-right: 5px;

	text-decoration:underline;

}



#resultstabs li a span	{

	background: url(../nav/resultstabs_right.gif) no-repeat right top;

	display:block;

	float:left;

	padding: 5px 8px 5px 0;

}



#resultstabs a:hover,

#resultstabs li.selected a {

	color:#FFF;

	background: url(../nav/resultstabs_left_on.gif) no-repeat left top;

}



#resultstabs a:hover span, 

#resultstabs li.selected a span {

	background: url(../nav/resultstabs_right_on.gif) no-repeat right top;



}



/* _____________________________________________________________________________________/ Page list */



ul.pagelist {

	clear:both;

	margin:0 40px 20px 0;

	float:right;

}



ul.pagelist li	{

	list-style-type:none;

	display:inline;

}

ul.pagelist li span	{

	display:block;

	float:left;

	padding: 8px 11px;

}

ul.pagelist li a	{

	display:block;

	float:left;

	padding: 8px 11px;

	border: 1px solid #006;

	background-color: #FFF;

	margin: 0 1px 1px 0;

	text-decoration:none;

	font-weight:bold;

	color:#006;

}



ul.pagelist li a:hover,

ul.pagelist li.selected a	{

	border: 1px solid #006;

	background-color: #006;

	color:#FFF;

	text-decoration:none;

}


/*___________________________________________________________________________________________ / Password strength styles */

form .password-strength {
	width: 197px;
	margin-left:140px;
}

form #empty_password_meter {
	padding:0px;
	margin:0;
	background-color:#ff0000;
	display:block;
	height:5px;	
	width: 100%;
}

form #full_password_meter {
	padding:0;
	margin:0;
	z-index:100;
	width:0;
	background-color:#006400;
	display:block;
	height:5px;	
	/* setting the font size fixes a display issue in ie6 */
	font-size: 5px;	
}

/*____________________________________________________________________________________________ / News page styles */

.news-image {
	margin-left: 15px;
}

.news-container {
  margin-left: 20px; /* ______________________ Lines content up with logo */
  clear:both;
  width: 250px;
}

.fckeditor {
	height: 200px;
}

.news-buttons {
	clear: left;
	float: left;
	padding: 0;
}

.news-buttons a {
	padding-bottom: 10px;
	vertical-align: middle;
}

/*____________________________________________________________________________________________ / Message box styles */



div#message_success, div#message_failure, div#message_warning {
	padding: 20px 20px 20px 80px;
	margin: 1em 0 2em;
}



/* pass height to IE - it treats it somewhat like min-height */

* html #message_success, * html #message_failure, * html #message_warning {

	height: 50px;

}



div#message_success {

	background: #EAFEE2 url(../nav/green_tick.gif) no-repeat 15px center;

	border: 1px solid #BAFEA3;

}



div#message_failure {

	background: #fcc url(../nav/error.gif) no-repeat 15px center;

	border: 1px solid #f99;

}

div#message_warning {

	background: #FFFABF url(../nav/warning.gif) no-repeat 15px center;

	border: 1px solid #FFE900;

}



div#message_failure ul {

	margin-left: 0;

	padding-left: 1.2em;

	margin-top: 0.7em;

	list-style-type: square;

}

span.field-with-errors input, form span.field-with-errors select, form span.field-with-errors textarea {
	background-color:#FFCCCC;
	border: 1px solid red;
}

/*________________________________________________________________________________________ Contact form styles */

.contact {
	margin-left: 20px;
}

.contact label {
	font-size: 80%;
	text-align: left;
	padding-right: 10px;
	color: #000066;
}

/*__________________________________________________________________________________________ Home page style */

.homepage-image .image{
	text-align:center;
}
.homepage-image .image img{
	width: 200px;
	height: 200px;
}

/*__________________________________________________________________________________________ Search page style */

.search-result {
	padding: 10px 20px 10px 20px;
}

.search-result .search-result-meta {
	padding: 2px;
	background-color: #FFF9ED;
}

.search-result .search-result-snippet {
	margin-top: 5px;
}

form#add_form p.box{
	bordeR:1px solid #e3e3e3;
	height:20px;
	margin:2px 0;
}
form#add_form p.box input{
	float:left !important;
	width:12px;
	height:12px;
	display:inline;
	margin:8px 5px 6px 5px;
	display:inline;
}
form#add_form p.box span{
	float:right;
	width:380px;
	margin:7px 0 0;
}