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

NSF - Basic Style Sheet

Version:	1.0
Author:		Aaron Mitchard / Mike Gregson
Email:		aaron@idaho.uk.net / mike.g@idaho.uk.net
Website:	http://www.longtermconditions.csip.org.uk/ + http://nsf.dev

*** Last Modify Date: 15/10/2007 ( Aaron ) ***

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

/* Structure 

	=Global
	=Typography
	=Headings
	=Links
	=Access Keys / Jumps
	=Forms
	=LayoutStructure	
	=Shared Styles
	=header
	=nav
	=p-content
	=s-content
	=footer

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


/* =Global 
--------------------------------------------------------------------------*/

* { margin: 0; padding: 0; } 

body { line-height: 1.4; background-color: #E9E9E9; border-top: 4px solid #047197; text-align: center; }

.clearme { clear: both; }
.hideme { display: none; } /* visibility: hidden; could be used here instead depends what you need */
.left { float: left; }
.right { float: right; }

acronym { speak: normal; }
abbr { speak: spell-out; }


/* =Typography
 *
 * Use this section for general type styles
--------------------------------------------------------------------------*/

html { font-size: 100.01%; }
body { font-size: 1em; font-family: Arial, Verdana, Sans-Serif; }
#p-content { }
#s-content { }

/* Freeform - normally we have freeform wrapped inside a container of some sort */

.freeform { padding: 0 7px; font-size: 0.75em; color: #5C5C5C; }
.freeform p { margin: 0 0 7px 0; }
.freeform ul { margin: 0 0 7px 12px; list-style: none; }
.freeform ol { margin: 0 0 7px 31px; } /* needs slightly bigger left margin than ul */
.freeform ul li { padding: 0 0 0 20px; background: url(/img/bullet.gif) no-repeat 0 0.30em; }
.freeform a { color: #057298; } 
.freeform a:hover { text-decoration: none; color: #035D7D; }

.freeform img { margin: 5px; }
/* CSS3 selectors, for the good browsers */
.freeform img[align=left] { margin-left: 0; }
.freeform img[align=right] { margin-right: 0; }

.freeform h2 { font-size: 1.32em; color: #616161; margin: 13px -8px 10px -8px; }
.freeform h3 { font-size: 1.25em; color: #616161; }
.freeform h4 { font-size: 1.17em; color: #616161; }


/* =Headings
--------------------------------------------------------------------------*/

h1 { margin: 0 0 9px 0; padding: 0 7px 4px 7px; border-bottom: 1px solid #CAE1E9; font-size: 1em; color: #045A77; }

h2 { margin: 13px 0 10px 0; padding: 0 7px; clear: both; border-bottom: 1px solid #CAE1E9; font-size: 1em; color: #616161; }
h2.searched { margin: -6px 0 10px 0; padding: 0 7px 3px 7px; }

h3 { margin: 0 0 6px 0; font-size: 0.94em; color: #616161; }
h3.black { color: #343434; }
h3.signin-message { border-top: 1px solid #CAE1E9; margin: 8px 12px 0 12px; padding: 5px 7px 0 7px; float:left; width: 624px; }

h4, h5, h6 {}


/* =Links
 * 
 * LVHA ( :link / :visited / :hover / :active ) - important due to the way CSS handles cascade / ordering.
--------------------------------------------------------------------------*/

a { }
a:link { }
a:visited { }
a:hover, a:focus { text-decoration: none; }

a img { border: none; }


/* =Access Keys / Jumps
--------------------------------------------------------------------------*/


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

fieldset { border: none; }
legend { margin: 0 0 5px 0; font-weight: bold; color: #5C5C5C; }
label { cursor: pointer; }

input, select, textrea { font-family: inherit; font-size: 1em; }


fieldset ol, fieldset ul { list-style: none; }

.sameline { margin: 15px 7px; font-size: 0.75em; }
.sameline li { margin: 0 0 10px 0; clear: left; float: left; width: 638px; display: inline; }
.sameline label { padding: 2px 5px 0 0; display: block; float: left; width: 125px; }

.sameline .formFieldText { padding: 3px; float: left; width: 268px; border: 1px solid #DBDFE6; border-top-color: #ABADB3; vertical-align: middle; }
.sameline .formFieldTextArea { padding: 3px; float: left; width: 268px; border: 1px solid #DBDFE6; border-top-color: #ABADB3; vertical-align: middle; font-family: Arial, Sans-Serif; font-size: 1em; }
.sameline .formFieldTextArea_RTA { padding: 3px; width: 573px; height:201px; margin-left:4px; border: 1px solid #DBDFE6; border-top-color: #ABADB3; vertical-align: middle; font-family: Arial, Sans-Serif; font-size: 1em; }
.sameline .formFieldHelpCustom { float: right; width: 228px; color: #5C5C5C; }
.sameline .formFieldDropDown { width: 275px; }

.formFieldRichTextArea
{	
	width: 640px;
	background-color: transparent;
}

.formFieldRichTextAreaIFrame { width: 638px !important; background-color: #FFF; border: 1px solid #DBDFE6 !important; border-top-color: #ABADB3 !important; }

.formFieldToolbar { padding: 0 5px; border-bottom: 1px solid #D7D7D8; border-right: 1px solid #D7D7D8; border-top: 1px solid #EAEAEA; border-left: 1px solid #EAEAEA; }
#discussion .formFieldToolbarWidget, #form_posting .formFieldToolbarWidget { display: none; }


.sameline .formFieldRichTextArea { float: right; width: 517px; }
.sameline .formFieldRichTextAreaIFrame { width: 515px !important; }

.page_select { text-align: center; font-size: 0.88em; font-weight: bold; color: #5495AC; }
.page_select a { color: #057298; }

#s-content .page_select { font-size: 0.75em; }

.error-block { border: 1px solid #eb8787; background-color: #f7f7f7; font-size: 0.75em; color: #c40c48; }
.error-block p { margin: 7px; }
.error-block ul { margin: 7px 25px; }

/* Specific Forms */

.sameline #passwordConfirm, .sameline #newpasswordConfirm { margin: 5px 0 0 130px; }
.commentform { margin: 0 10px; clear: both; }
.commentform label { margin: 7px 0; padding: 0 9px; width: 618px; display: block; border-bottom: 1px solid #CAE1E9; font-size: 1em; color: #616161; font-weight: bold; }

li.passwords { position: relative; }
li.passwords .formFieldHelp { float: right; width: 200px; color: #5C5C5C; }
li.passwords .custom { margin: 5px 0 0 130px; float: left; clear: left; }

#docsRemoveButton, #docsNoMessage { margin-bottom: 5px; }

#emailOptions { float: left; }
#emailOptions p { margin: 0 0 5px 0; color: #5C5C5C; }
#emailOptions label { display: inline; float: none; }

#discussion .sameline { margin: 15px 9px; }
#discussion .sameline li { width: 642px; }

#discussion .sameline .formFieldRichTextArea { float: right; width: 510px; }
#discussion .sameline .formFieldRichTextAreaIFrame { width: 508px !important; }

.submitline { margin: 0 0 10px 0; clear: both; border-top: 1px solid #DEDEDE; }
#discussion .submitline { display: none; }

#nextbutton, #submitbtn { margin-right: 250px; float: right; }

#form_posting #submitbtn, #form_email #submitbtn { margin-right: 7px; }

.cconfirm { margin: 10px 0 10px 0; padding: 5px 7px; border-top: 1px solid #DEDEDE; }
input.cancel { margin-right: 20px; }
input.confirm { }


/* =LayoutStructure
--------------------------------------------------------------------------*/

#sitecontainer 
{ 
	margin: 0 auto;
	padding: 0 24px;
	width: 960px;
	background: url(/img/sitecontainer_bg.gif) repeat-y top left;	
	text-align: left;
		position: relative
}

#header 
{ 
	padding: 1px 0;
	background: url(/img/header_bg.jpg) no-repeat 0 0;
}

#nav { margin: 12px 0 0 11px; float: left; height: 106px; width: 939px; list-style: none; }

#contentcontainer 
{
	margin: 11px 11px 40px 15px;	
	clear: both;
	float: left;
	width: 933px;

}

#p-content 
{ 
	width: 654px;
	position: relative;
	margin: 0 0 0 15px;
	display: inline
}

#s-content { }

#footer 
{ 
	margin: 0 auto;
	padding: 10px 24px 40px 24px;
	clear: both;
	width: 960px;	
	background: url(/img/footer_bg.gif) no-repeat left bottom;
}

#footerlogos
{
    float: left; width: 125px; text-align: right; padding: 0 15px 0 0;
}

#csiplogo { margin: 2px 0 0 0; float: right}
#dohlogo { margin: 10px 0 0 0; float: right}
/* =Shared Styles
 *
 * If you find your re-using the same styles on certain elements 
 * put them here
--------------------------------------------------------------------------*/

#breadcrumb { margin: 0 7px 5px 7px; font-size: 0.75em; }
#breadcrumb a { color: #5C5C5C; }

.comment
{
	width: 642px;
	font-size: 0.75em;
	clear: left;
}

.question
{
    width: 347px;
	font-size: 0.75em;
	clear: left;
}

.comment .insides { padding: 0 0 20px 0; min-height: 114px; background: url(/img/comments/article_comment_bottom_bg.gif) no-repeat bottom left; }

.question .insides { padding: 0 0 20px 0; min-height: 60px; background: url(/img/comments/question_bottom.gif) no-repeat bottom left; }

.comment h3
{
	margin-bottom: 0; margin-left: 0 !important;
	padding: 5px 9px;
	background: url(/img/comments/article_comment_top_bg.gif) no-repeat top left;
	font-size: 1.08em;
}

.comment .bubble-top 
{
	padding: 5px 9px;
	background: url(/img/comments/article_comment_top_bg.gif) no-repeat top left;
}

.question .bubble-top 
{
	padding: 5px 9px;
	background: url(/img/comments/question_top.gif) no-repeat top left;
}

.comment h3 a { color: #057197; }
.comment h3 a:hover { text-decoration: none; color: #035d7d; }

.comment .content, .question .content { margin: 0 9px 8px 9px; }
.comment .content p, .question .content p { margin-bottom: 7px; }
.comment .postedon, .question .postedon { margin: -10px 0 10px 50px; color: #5D5D5D; float: left; display: inline; }
.comment .postedon a, .question .postedon a { margin: 0 3px; color: #5D5D5D; text-decoration: none; }

.comment .postedon {  width: 400px; }

a.control-like { background: url(/img/star.gif) 0 50% no-repeat; padding-left: 9px; }
a.control-report { background: url(/img/report.gif) 0 50% no-repeat; padding-left: 12px; }

p.likes { float: right; margin: -10px 10px 10px 50px; color: #5D5D5D;}

.comment ul { margin: 8px 8px; }

.comment ol { margin: 8px 23px; }

.comment ul li { padding: 0 15px; list-style: none; background: url(/img/bullet.gif) no-repeat 0 50%; }

#latest-comments .comment, #latest-discussion .comment { width: 364px; }
#latest-discussion .pod-heading { margin-left: 9px }
#latest-comments .comment .insides, #latest-discussion .comment .insides { background-image: url(/img/comments/homepage_comment_bottom_bg.gif); }
#latest-comments .comment h3, #latest-discussion .comment h3 { background-image: url(/img/comments/homepage_comment_top_bg.gif); }
#latest-comments .comment .bubble-top, #latest-discussion .comment .bubble-top { background-image: url(/img/comments/homepage_comment_top_bg.gif); }

.result_count, .nodiscussion
{
	margin: 7px 19px;
	color: #616161;
	font-size: 0.94em;
	font-weight: bold;
}

#s-content .result_count { margin: 7px 9px; font-size: 0.75em; }

.submit { margin: 0 7px; float: right; }

#links { margin: 10px 0 10px 0; padding: 10px 7px; border-top: 1px solid #DEDEDE; float:left; width: 647px }

.newsubpage, .delete-discussion { position: absolute; top: 1em; right: 0; }
.newsubpagebottom { margin: 10px 0; display: block; }

.viewall { margin: 10px 8px; display: block; background: none; font-size: 0.75em; color: #5D5D5D; text-decoration: underline; }
.viewingall .result_count { margin-left: 7px; }

p.general { margin: 7px; font-size: 0.75em; color: #5C5C5C; }


/* =header
--------------------------------------------------------------------------*/

#searchbox
{
	margin: -1px 0 0 0;
	padding: 4px 7px;
	float: right;
	width: 255px;
	border: 1px solid #BBDCE8; border-top: none;
	background: #BAD9E9 url(/img/searchbox_bg.gif) repeat-x top left;
	font-size: 0.75em;
	font-weight: bold;
	color: #494949;
}

#searchbox label { margin: 0 8px 0 5px; }
#searchbox .textbox { padding: 2px; width: 168px; border: 1px solid #DBDFE6; border-top-color: #ABADB3; font-weight: normal; }

#tagline { margin: 116px 0 0 14px; font-family: Calibri, Arial, Sans-Serif; color: #077499; font-size: 1.13em; font-weight: bold; }

#partners
{
	margin: 84px 8px 0 0;
	float: right;
	clear: right;
}


/* =nav
--------------------------------------------------------------------------*/

#nav { margin-left: 15px }

#nav li { margin-right: 18px; float: left; display: block; width: 140px; }
#nav .last { margin-right: 0; }
#nav a { text-decoration: none; }

#nav #nav-home:hover, #nav #nav-home.active { background: url(/img/nav/home_arrow.gif) no-repeat 50% 100px; display: block; height: 106px; }
#nav #nav-thensf:hover, #nav #nav-thensf.active { background: url(/img/nav/thensf_arrow.gif) no-repeat 50% 100px; display: block; height: 106px; }
#nav #nav-articles:hover, #nav #nav-articles.active { background: url(/img/nav/articles_arrow.gif) no-repeat 50% 100px; display: block; height: 106px; }
#nav #nav-selfassess:hover, #nav #nav-selfassess.active { background: url(/img/nav/selfassess_arrow.gif) no-repeat 50% 100px; display: block; height: 106px; }
#nav #nav-mycontent:hover, #nav #nav-mycontent.active { background: url(/img/nav/mycontent_arrow.gif) no-repeat 50% 100px; display: block; height: 106px; }
#nav #nav-community:hover, #nav #nav-community.active { background: url(/img/nav/community_arrow.gif) no-repeat 50% 100px; display: block; height: 106px; }
#nav #nav-mygroups:hover, #nav #nav-mygroups.active { background: url(/img/nav/mygroup_arrow.gif) no-repeat 50% 100px; display: block; height: 106px; }

#nav .nav-top { min-height:130px; display: none; width: 854px;  position: absolute; top: 262px; left: 75px; padding: 0; margin: 0; z-index: 9999; }

#nav ul.container { width: 854px; float: left; z-index: 0; padding-bottom: 0; }
#nav ul.container li { padding: 0 10px 0 10px; width: 150px; margin: 10px 0 10px 0 !important; float: left; }
#nav ul.container li li { margin: 0 !important  }
#nav ul.container li.first { clear: left; float: left; }
#nav ul a { color: #ffffff; text-decoration: none; font-size: 0.8em; font-weight: bolder; display: block }
#nav ul ul a { float: left; font-size: 0.7em; text-decoration: underline; margin: 0 0 5px 0;}
#nav ul ul a:hover { text-decoration: none; }
#nav ul ul li { padding: 0 !important; margin: 0 0 5px 0 !important; }

#nav ul ul { margin-top: 4px; }
#nav ul ul li a { color: #FFB6CF }
  
#nav .nav-home .nav-top { background: url(/img/nav/home_bottom.gif) 0 bottom no-repeat; }
/*#nav .nav-home:hover .nav-top { visibility: visible; }*/

#nav .nav-home ul { background: url(/img/nav/home_top.gif) 0 0 no-repeat; }
#nav .nav-home ul ul { background: none; }

#nav .nav-articles .nav-top { background: url(/img/nav/articles_bottom.gif) 0 bottom no-repeat; }
#nav .nav-articles:hover .nav-top { visibility: visible;  }

#nav .nav-articles ul { background: url(/img/nav/articles_top.gif) 0 0 no-repeat; }
#nav .nav-articles ul ul { background: none; }

#nav .nav-thensf .nav-top { background: url(/img/nav/nsf_bottom.gif) 0 bottom no-repeat; }
#nav .nav-thensf:hover .nav-top { visibility: visible;  }

#nav .nav-thensf ul { background: url(/img/nav/nsf_top.gif) 0 0 no-repeat; }
#nav .nav-thensf ul ul { background: none; }

#nav .nav-selfassess .nav-top { background: url(/img/nav/toolkits_bottom.gif) 0 bottom no-repeat; }
#nav .nav-selfassess:hover .nav-top { visibility: visible;  }

#nav .nav-selfassess ul { background: url(/img/nav/toolkits_top.gif) 0 0 no-repeat; }
#nav .nav-selfassess ul ul { background: none; }

#nav .nav-mygroups .nav-top { background: url(/img/nav/networks_bottom.gif) 0 bottom no-repeat; }
#nav .nav-mygroups:hover .nav-top { visibility: visible;  }

#nav .nav-mygroups ul { background: url(/img/nav/networks_top.gif) 0 0 no-repeat; z-index: 9999 }
#nav .nav-mygroups ul ul { background: none; }

#nav .nav-mygroups ul ul a { color: #fef }
/* =p-content
--------------------------------------------------------------------------*/

h5.key { color: #5B5B5B; margin: 0 0 5px 7px; } 

#map-results { margin: 0 9px; font-size: 0.75em; }

#map-results .result 
{ 		
	margin: 0 0 5px 0;
	padding: 0 0 8px 30px;	
	position: relative; 	
	min-height: 35px;	
	background-color: #FFFFFF;
	cursor: help;
}

div.marker_image_A{ background:url(/images/mapfiles/icona.png) 0 0 no-repeat; width: 20px; height: 34px; position: absolute; top: 5px; left: 5px; }
div.marker_image_B{ background:url(/images/mapfiles/iconb.png) 0 0 no-repeat; width: 20px; height: 34px; position: absolute; top: 5px; left: 5px; }
div.marker_image_C{ background:url(/images/mapfiles/iconc.png) 0 0 no-repeat; width: 20px; height: 34px; position: absolute; top: 5px; left: 5px; }
div.marker_image_D{ background:url(/images/mapfiles/icond.png) 0 0 no-repeat; width: 20px; height: 34px; position: absolute; top: 5px; left: 5px; }
div.marker_image_E{ background:url(/images/mapfiles/icone.png) 0 0 no-repeat; width: 20px; height: 34px; position: absolute; top: 5px; left: 5px; }
div.marker_image_F{ background:url(/images/mapfiles/iconf.png) 0 0 no-repeat; width: 20px; height: 34px; position: absolute; top: 5px; left: 5px; }
div.marker_image_G{ background:url(/images/mapfiles/icong.png) 0 0 no-repeat; width: 20px; height: 34px; position: absolute; top: 5px; left: 5px; }
div.marker_image_H{ background:url(/images/mapfiles/iconh.png) 0 0 no-repeat; width: 20px; height: 34px; position: absolute; top: 5px; left: 5px; }
div.marker_image_I{ background:url(/images/mapfiles/iconi.png) 0 0 no-repeat; width: 20px; height: 34px; position: absolute; top: 5px; left: 5px; }
div.marker_image_J{ background:url(/images/mapfiles/iconj.png) 0 0 no-repeat; width: 20px; height: 34px; position: absolute; top: 5px; left: 5px; }

#map-results .marker-links { margin: 5px 8px; float: right; width: 50px; text-align: right; }

#map-results .facilitator
{ 	
	
}

#map-results .result h4
{
	margin: 0 5px;
	padding: 8px 0 3px 0;
	color: #346397;
	font-weight: bold;
	font-size: 1em;	
}

#map-results .result a 
{
	padding: 0 0 0 5px;
	color: #346397;
	font-weight: bold;
}

#map-results .result .org, #map-results .result .abstract, #map-results .result .link
{
	margin: 0 5px;
	padding-bottom: 3px;
	color: #5b5b5b;	
}

#map-results .result img.marker, span.marker { position: absolute; top: 5px; left: 5px; }
#map-results .result img.bubble { vertical-align: middle; }

#map-results .category1 { background: #DEFBE5; }
#map-results .category2 { background: #F2F7BF; }
#map-results .category3 { background: #60E184; }
#map-results .category4 { background: #E4F034; }
#map-results .category4 h4 { color: #000000; }
#map-results .category5 { background: #FFE7E7; }
#map-results .category6 { background: #DEFBF9; }
#map-results .category7 { background: #E55B5B; }
#map-results .category8 { background: #30C9C4; }
#map-results .category9 { background: #DCEEF2; }
#map-results .category10 { background: #EBEBEB; }
#map-results .category11 { background: #5FBBE2; }
#map-results .category12 { background: #B5B5B5; }
#map-results .category13 { background: #F2E2FC; }
#map-results .category14 { background: #F7D5EE; }
#map-results .category15 { background: #C367E6; }
#map-results .category16 { background: #F132BD; }
#map-results .category17 { background: #F5E2C1; }
#map-results .category18 { background: #CDCCCC; }
#map-results .category19 { background: #E3B150; }
#map-results .category20 { background: #000000; }

#map-results .category20 h4, #map-results .category20 p,
#map-results .category19 h4, #map-results .category19 p,
#map-results .category15 h4, #map-results .category15 p,
#map-results .category16 h4, #map-results .category16 p,
#map-results .category7 h4, #map-results .category7 p
{ color: #ffffff !important; }

#map-results .category1 h4, #map-results .category1 p,
#map-results .category2 h4, #map-results .category2 p,
#map-results .category3 h4, #map-results .category3 p,
#map-results .category4 h4, #map-results .category4 p,
#map-results .category5 h4, #map-results .category5 p,
#map-results .category6 h4, #map-results .category6 p,
#map-results .category8 h4, #map-results .category8 p,
#map-results .category9 h4, #map-results .category9 p,
#map-results .category10 h4, #map-results .category10 p,
#map-results .category11 h4, #map-results .category11 p,
#map-results .category12 h4, #map-results .category12 p,
#map-results .category13 h4, #map-results .category13 p,
#map-results .category14 h4, #map-results .category14 p,
#map-results .category17 h4, #map-results .category17 p,
#map-results .category18 h4, #map-results .category18 p
{ color: #000000 !important; }

#map-results .mid-point-document { float: left; margin-top: 6px; }
#map-results .mid-point-document h4 { width: 170px; float: left; margin-top: 0 !important; padding-top: 0 !important }
#map-results .mid-point-document img { float: left; margin-left: 10px }

.mid-point-info { clear: left; float: left; width: 320px; font-size: 12px; color: #5B5B5B }
.mid-point-info dt { height:30px; padding:2px 10px 5px 0; width:80px; float: left; border-bottom: solid 1px #CFCFCF }
.mid-point-info dd { clear:none; height:30px; padding:2px 0 5px 0; width:230px; float:left; border-bottom: solid 1px #CFCFCF }
.mid-point-info dd.top, .mid-point-info dt.top { height: 12px; border-top: solid 1px #CFCFCF }
h3.markerTitle { margin: 0 0 3px 0 !important; color: #346397 !important; font-size: 0.8em !important }

#categories { font-size: 0.7em; list-style-type: none; float: left; width: 644px; margin: 0 0 0 7px; display: inline; }

#categories li { width: 147px; padding: 0 0 0 14px; float:left; display: inline; }

#categories li.category1 { background: url(/img/bullets/category1.gif) 0 50% no-repeat; }
#categories li.category2 { background: url(/img/bullets/category2.gif) 0 50% no-repeat; }
#categories li.category3 { background: url(/img/bullets/category3.gif) 0 50% no-repeat; }
#categories li.category4 { background: url(/img/bullets/category4.gif) 0 50% no-repeat; }
#categories li.category5 { background: url(/img/bullets/category5.gif) 0 50% no-repeat; }
#categories li.category6 { background: url(/img/bullets/category6.gif) 0 50% no-repeat; }
#categories li.category7 { background: url(/img/bullets/category7.gif) 0 50% no-repeat; }
#categories li.category8 { background: url(/img/bullets/category8.gif) 0 50% no-repeat; }
#categories li.category9 { background: url(/img/bullets/category9.gif) 0 50% no-repeat; }
#categories li.category10 { background: url(/img/bullets/category10.gif) 0 50% no-repeat; }
#categories li.category11 { background: url(/img/bullets/category11.gif) 0 50% no-repeat; }
#categories li.category12 { background: url(/img/bullets/category12.gif) 0 50% no-repeat; }
#categories li.category13 { background: url(/img/bullets/category13.gif) 0 50% no-repeat; }
#categories li.category14 { background: url(/img/bullets/category14.gif) 0 50% no-repeat; }
#categories li.category15 { background: url(/img/bullets/category15.gif) 0 50% no-repeat; }
#categories li.category16 { background: url(/img/bullets/category16.gif) 0 50% no-repeat; }
#categories li.category17 { background: url(/img/bullets/category17.gif) 0 50% no-repeat; }
#categories li.category18 { background: url(/img/bullets/category18.gif) 0 50% no-repeat; }
#categories li.category19 { background: url(/img/bullets/category19.gif) 0 50% no-repeat; }
#categories li.category20 { background: url(/img/bullets/category20.gif) 0 50% no-repeat; }

#homepage-articles { float: left; width: 292px; }

#latest-articles, #featured-articles
{
	margin: 15px 10px 0 7px;
	clear: left;
	float: left;
	width: 275px;
	display: inline;	
}

#featured-articles h3 { color: #5B9450 }

#latest-articles ul, #featured-articles ul { width: 275px; border-top: 1px solid #E5E5E5; list-style: none; font-size: 0.81em; font-weight: bold; }
#latest-articles li, #featured-articles li { padding: 3px 8px; background-color: #FFF; border-bottom: 1px solid #E5E5E5; }
#latest-articles li.alt, #featured-articles li.alt { background-color: #F6F6EE; }
#latest-articles li a { padding-right: 30px; display: block; color: #057298; text-decoration: none; background: url(/img/arrow.gif) no-repeat 100% 50%;  }
#latest-articles li a:hover { background-image: url(/img/arrow_on.gif); color: #035d7d; }

#featured-articles li a { padding-right: 30px; display: block; color: #057298; text-decoration: none; position: relative }
#featured-articles li a span { background: url(/img/star.png) no-repeat top left; }

#tool-kit-homepage, #latest-questions { margin: 15px 0 0 10px; float: left; }
#tool-kit-homepage h3 { color: #5A1A78 }

#tool-kit-links
{
    width: 347px;
    float: left;
    list-style-type: none;
}

#tool-kit-links li { float: left; }

#latest-comments
{
	float: left;
	width: 364px;	
}

#latest-comments h3 { margin-left: 9px; }

#discussion , #documents-two-col
{ 	
	margin: 10px 0;
	background: url(/img/comments/container_bg.gif) repeat-y top left;
	clear: both;
}

.discussion-top, .documents-two-col-top
{
	height: 11px; background: url(/img/comments/container_top_bg.gif) no-repeat top left;	
}

#discussion h2, #documents-two-col h2
{
	margin: 0 12px;	
}

#discussion .clearme, #documents-two-col .clearme { height: 11px; background: url(/img/comments/container_bottom_bg.gif) no-repeat bottom left; }
#discussion .comment { margin-left: 10px; }
#discussion #submitbtn { margin: 10px 13px 0 13px; }

.spacer { border-top:1px solid #CAE1E9; padding-top: 5px; float: left; width: 654px; padding-top: 15px; margin-top: 7px }
#documents-two-col table { margin-left: 15px }
#documents-two-col table td { padding: 3px; }
#documents-two-col img { float: left; margin-right: 5px; }
#documents-two-col a { font-size: 0.8em; color:#5C5C5C; display:block; float:left; width: 280px; text-decoration: none; }
#documents-two-col a:hover { text-decoration: underline }
/* My Content */

#mycontent h3 { margin: 0 7px; }
#mycontent p { margin: 3px 7px 6px 7px; font-size: 0.75em; }
#mycontent a { color: #057298; }

/* My Groups */

.allgroups, .mygroups { margin: 0 10px 10px 7px; float: left; width: 275px; }
.allgroups ul, .mygroups ul { width: 275px; border-top: 1px solid #E5E5E5; list-style: none; font-size: 0.81em; font-weight: bold; }
.allgroups li, .mygroups li { padding: 5px 8px; background-color: #FFF; border-bottom: 1px solid #E5E5E5; }
.allgroups li.alt, .mygroups li.alt { background-color: #F6F6EE; }
.allgroups a, .mygroups a { padding-right: 30px; display: block; color: #057298; text-decoration: none; background: url(/img/temp_arrow.gif) no-repeat 100% 50%;  }

.mygroups { margin: 0 0 10px 0; width: 364px; }
.mygroups ul { width: 364px; }

#latest-discussion { float: left; }

#broadcast-message,
#membership-requests,
#group-facilitator
{ margin: 0 0px 10px 16px; float: left; width: 275px; }

#broadcast-message a,
#membership-requests a,
#group-facilitator a
{ 
	padding: 5px 29px 5px 8px; 
	display: block; 		
	width: 240px;
	background: #F6F6EE url(/img/temp_arrow.gif) no-repeat 253px 50%; 
	font-size: 0.75em; 
	font-weight: bold;
	color: #057298; 
	text-decoration: none; 	
	border-top: 1px solid #E5E5E5; 
	border-bottom: 1px solid #E5E5E5; 
}

#thisGroupWrapper { clear: both; }

/* Invitations */

.join-request { margin: 0 7px; font-size: 0.75em; border-bottom: 1px solid #CAE1E9; }
.join-request h3 { margin: 0 0 5px 0; position: relative; font-size: 1.17em; }
.join-request .approve { position: absolute; top: 0; right: 25px; }
.join-request .reject { position: absolute; top: 0; right: 0; }
.join-request p { margin: 0 0 5px 0; }

/* Google maps */

#mapHolder
{
	margin: 10px 2px;
	height: 700px;
}

#map
{
	height: 700px;
	border: solid 1px #000;
	position: relative;
}



h4.markerTitle { color: #396596; font-size: 1em; }
.markerOrg { color: #5B5B5B; font-size: 0.75em; color: #5B5B5B;}
.markerCategory { font-weight: bolder; font-size: 0.75em; }
.markerMiles, .markerDirections { color: #5B5B5B; font-size: 0.75em; }
.markerContact { background: url(/images/mapfiles/comment_bubble.gif) no-repeat top left; text-indent: 25px; color: #31659B; font-size: 0.75em; }
.markerContact a, .markerContact a:visited, .markerDirections a { color: #396596; }

.markerRemoveGroup { margin: 0; padding: 0;  background: url(/images/mapfiles/remove_from_group.gif) no-repeat top left; text-indent: 25px; color: #31659B; font-size: 80%;  }
.markerRemoveFac { margin: 0; padding: 0;  background: url(/images/mapfiles/remove_facilitator_rights.gif) no-repeat top left; text-indent: 25px; color: #31659B; font-size: 80%;  }
.markerAddFac { margin: 0; padding: 0;  background: url(/images/mapfiles/add_facilitator_rights.gif) no-repeat top left; text-indent: 25px; color: #31659B; font-size: 80%;  }

.article-options, .group-options
{
	margin: 9px 0 0 0;
	padding: 7px 7px 0 7px;
	border-top: 1px solid #CAE1E9;
}

.group-options
{
    display: block; float:left; width: 640px; padding-bottom: 7px; margin: 3px 0 12px 0;
    border-bottom: 1px solid #CAE1E9; display: inline;
}

.article-options a, .group-options a { margin-right: 4px; display: block; float:left; }

/* Contents */

#contents { margin: 0 7px; list-style: none; font-size: 0.75em; }
#contents ul { margin-left: 40px; }
#contents li { line-height: 1.5em; }
#contents a { color: #057298; } 
#contents a:hover { text-decoration: none; color: #035D7D; }

/* My Discussions */

.mydiscussions a { color: #5C5C5C; }
.center-text { text-align: center; }
.my-discussions .result_count { margin: 7px 7px 10px 7px; }

/* Group A - Z */

#userkey { display: block; border-top: solid 1px #CAE1E9; float: left; width: 650px; margin: -7px 0 0 0; }
#userkey span { font-size: 0.75em; margin: 0 5px 0 0; color: #5B5B5B; }
#userkey img { vertical-align: middle; margin: 0 4px 4px 0; }
#userkey h5 { color: #5B5B5B; font-size: 0.75em; margin: 8px 0 0 6px; }

#a-to-z { float:left; width: 644px; list-style-type: none; text-align: center; margin-top: -10px; padding-left: 5px; }

#a-to-z li { float: left; }

h2.a-z-title { padding-bottom: 4px; }

#a-to-z li
{
	padding-right: 6px;
	float: left;
	width: 17px; height: 20px;
	list-style-type: none;
	color: #929292;
	font-weight: bold;
	font-size: 0.75em;
}

#a-to-z li.alt { padding-right: 6px; }

#a-to-z li.last
{
	padding-right: 0;
}

#a-to-z li a
{
	color: #FFFFFF;
	text-decoration: none;
}

#a-to-z li a:hover, #a-to-z li a.active
{
	color: #26ACE5;
}

#a-to-z li a:hover
{
	text-decoration: underline;
}

#group-a-z-list { float: left; list-style-type: none; margin: 15px 0 12px 0; }
#group-a-z-list li { float: left; width: 318px; display: inline;}

#group-a-z-list li.alt { margin-left: 17px; }

.a-z-link
{ 
    display: block;
    border-top: solid 1px #E5E5E5;
    border-bottom: solid 1px #E5E5E5;
    background: #F6F6EE;
    color: #057298;
    font-size: 0.75em;
    font-weight: bolder;
    padding: 3px 4px;
    text-decoration: none;
    background: url(/img/green_arrow.gif) no-repeat 293px 40%;
}

a:hover.a-z-link { background: url(/img/green_arrow_on.gif) no-repeat 293px 40%; }

#group-a-z-list li p { color: #5C5C5C; font-size: 0.75em; padding: 3px 2px 4px 4px; }
#group-a-z-list li a.facilitator, #group-a-z-list li a.assistant, #group-a-z-list li a.member { padding-left: 23px; }

#group-a-z-list li a.facilitator { background-image: url(/img/facilitator_group.gif); background-position: 0 40%; background-repeat: no-repeat; }
#group-a-z-list li a.assistant { background-image: url(/img/assistant_group.gif); background-position: 0 40%; background-repeat: no-repeat; }
#group-a-z-list li a.member { background-image: url(/img/member_group.gif); background-position: 0 40%; background-repeat: no-repeat; }
#group-a-z-list li a:hover.facilitator { background-image: url(/img/facilitator_group_on.gif); background-position: 0 40%; background-repeat: no-repeat; }
#group-a-z-list li a:hover.assistant { background-image: url(/img/assistant_group_on.gif); background-position: 0 40%; background-repeat: no-repeat; }
#group-a-z-list li a:hover.member { background-image: url(/img/member_group_on.gif); background-position: 0 40%; background-repeat: no-repeat; }

/* =s-content
--------------------------------------------------------------------------*/

.profilebuttons { margin: 10px 0; }
.profilebuttons a { margin-bottom: 5px; display: block; }
.profileorganisation h4 { margin: 0 9px; font-size: 0.88em; color: #494949; }
.profileorganisation p { margin: 0 9px; font-size: 0.75em; color: #5C5C5C; }


/* =footer
--------------------------------------------------------------------------*/

.doh { margin: 0 15px 0 5px; float: left; }
#footer p { float: left; width: 600px; color: #5C5C5C; font-size: 0.69em; text-align: left; }
#footer p img { vertical-align: middle; }

.idahoproduction { margin-top: 10px; font-size: 0.69em; }
.idahoproduction a, #footer a { color: #5C5C5C; }
.idahoproduction a:hover, #footer a:hover { text-decoration: none; }
.idahoproduction img { margin: 0 4px; vertical-align: middle; }

/* =useful info nav
--------------------------------------------------------------------------*/

#useful-info-nav { float: left; width: 640px; padding-bottom: 10px; border-bottom: 1px solid #CAE1E9; margin-bottom: 10px; display: inline; }
#useful-info-nav li { width: 115px; height: 63px; float: left; list-style-type: none; margin-left: 8px; display: inline; }

#useful-info-nav li span { position: absolute; left: -9999px; }

#useful-info-nav li.news a { background: url(/images/nav/useful-info/news.gif) 0 0 no-repeat; width: 115px; height: 63px; display: block; }
#useful-info-nav li.events a { background: url(/images/nav/useful-info/events.gif) 0 0 no-repeat; width: 115px; height: 63px; display: block; }
#useful-info-nav li.links a { background: url(/images/nav/useful-info/links.gif) 0 0 no-repeat; width: 115px; height: 63px; display: block; }
#useful-info-nav li.team a { background: url(/images/nav/useful-info/ltc_team.gif) 0 0 no-repeat; width: 115px; height: 63px; display: block; }
#useful-info-nav li.resources a { background: url(/images/nav/useful-info/other_resources.gif) 0 0 no-repeat; width: 115px; height: 63px; display: block; }

#useful-info-nav li.news a:hover, #useful-info-nav li.news_on a { background: url(/images/nav/useful-info/news_on.gif) 0 0 no-repeat; width: 115px; height: 63px; display: block; }
#useful-info-nav li.events a:hover, #useful-info-nav li.events_on a { background: url(/images/nav/useful-info/events_on.gif) 0 0 no-repeat; width: 115px; height: 63px; display: block; }
#useful-info-nav li.links a:hover, #useful-info-nav li.links_on a { background: url(/images/nav/useful-info/links_on.gif) 0 0 no-repeat; width: 115px; height: 63px; display: block; }
#useful-info-nav li.team a:hover, #useful-info-nav li.team_on a { background: url(/images/nav/useful-info/ltc_team_on.gif) 0 0 no-repeat; width: 115px; height: 63px; display: block; }
#useful-info-nav li.resources a:hover, #useful-info-nav li.resources_on a { background: url(/images/nav/useful-info/other_resources_on.gif) 0 0 no-repeat; width: 115px; height: 63px; display: block; }