/* CSS Document for The Guiding Manual website */
body {font: 84%/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif; background: #C2DCF2; color:#606060; text-align:center;}
html {height:100.2%;}
/* some defaults */
* {margin:0; padding:0;}
img, fieldset {border:none;}
p.skip {display:none;}
.clearfix:after, div#wrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* end */

/* links */
a, a:visited {color:#6173EF; text-decoration:none;}
a:hover {color:#6173EF; text-decoration:underline;}
a {outline:none;}
/* end links */

/* general layout rules */
div#wrapper {margin:0 auto; text-align:left; background:#7CC4E4; padding:0 7px 7px 7px; width:774px; w\idth:760px;}
div#header {float:left; width:756px; background:#fff; border-left:2px solid #A066AA; border-right:2px solid #A066AA;}
div#contentblock {float:left; claer:left; padding:0 20px 20px 20px; background:#fff; border:2px solid #A066AA; border-top:none; width:756px; w\idth:716px; min-height:300px; height:auto !important; height:300px;}
div#left {width:196px; float:left; padding:6px 0 0 0;}
div#content {width:500px; float:left; margin:0 0 0 20px; display:inline;}
div#annacontent {width:350px; float:left; margin:0 20px 0 20px; display:inline;}
div#right {width:130px; float:right;}
.box {width:130px;background-color:#c40062;color:#fff;padding:5px;margin: 15px 0;}
.box a {text-decoration:none; color:#ffffff;}
.box a:hover {text-decoration:underline;}


.home div#content {width:696px;}
.wide div#content {width:716px; margin:0;}
/* end general layout rules */

/* header */
div#logo {float:left; margin:10px; width:476px;}
div#logo img {float:left;}
div#logo h1 {font-size:1.5em; font-weight:normal; display:none;}

/* search box */
div#searchbox {float:right; margin:0 0 0 0; font-size:.92em; padding:47px 14px 0 0; width:200px;}
div#searchbox label {display:none;}
div#searchbox input {width:120px; float:left; margin:1px 0 0 0; border: 1px solid #CECECE; padding:2px 2px 1px 2px; background:#fff; height:16px;}
div#searchbox input.button {width:auto; float:left; padding:0; margin:3px 0 0 8px; border:none; height:auto; display:inline;}
div#searchbox p {font-size:.92em; margin:8px 0 0 10px; float:left; display:none;}
div#searchbox img{padding:3px 0px 0px 4px;}
/* end search box */

/* Search - GGUK-40 */
div.searchHolder {
    float : left;
    width : 100%;
}

div.searchHolder table {
    float : left;
    width : 100%;
    margin : 0px auto 30px auto;
    padding : 0px;
}    

div.Error {
	float : left;
	width : 100%;
	margin : 0px auto 30px auto;
}

div.searchHolder table tr td {
    padding : 5px;
}

div.searchHolder table, th, tr, td {font-size:1em;border:none;}
div.searchHolder table {margin: .5em 0 1em 0; padding:0;border:none;}
div.searchHolder table th {padding: .2em .4em; text-align:left; color:#333333; vertical-align:top;border:none;}
div.searchHolder table td {padding: .4em; vertical-align:top;border:none;}
div.searchHolder table caption {text-align:left; font-size:1em; font-weight:bold;border:none;}
div.searchHolder table tr td table {float : left;border:solid 1px #C40062;}
div.searchHolder table tr td table tr td {padding:5px;}

div#content div.searchHolder label {clear:none;font-weight:normal; display:inline-block; width: auto; float:left;}
div#content div.searchHolder input, 
div#content div.searchHolder textarea {width:auto; float:left; margin:0px 10px 0px 0px; padding:0px; border: 1px solid #333333; background:none;}
div#content div.searchHolder select {float : left; width:auto; margin: 0px 10px 0px 10px;}

div.searchHolder div#search {
    float : left; 
    width : 100%; 
    margin : 5px 0px 5px 0px; 
    padding : 0px;
}

div.searchHolder div#search p {
}

div.searchHolder div#search div#clear {
    clear:both;
}
/* Search */

/* text size tolbar - taken from girlguiding.org.uk and tweaked a bit */
div#tool_bar {float:right; margin: 12px 7px 0 0; width: 130px; display:inline;}
div#tool_bar img {vertical-align: middle;}
div#tool_bar p {margin:0;}
/* end text size tolbar */


/* primary navigation */
div#nav {float:left; color:#fff; width:756px; font-weight:bold; padding:7px 0 0 0; background:url(../../../../images/assets/nav-border.png) repeat-x top left #C40062;}
* html div#nav {float:none;} /* IE6 fix */
div#nav ul {float:left; list-style-type:none; margin: 0; width:756px; font-size:1.1em;}
div#nav ul li {float:left; padding:0; background:url(../../../../images/assets/nav-bullet.png) no-repeat center right;}
div#nav ul li.p4 {background:none;}
div#nav ul li a {padding:6px 28px 8px 24px; text-align:center; text-decoration:none; display:block; color:#fff;}
div#nav ul li a:hover {text-decoration:none; color:#212121;}
div#nav ul li.active a {color:#212121;}
/* end primary navigation */

/* breadcrumb trail */
div#crumbs {float:left; font-size:.92em; margin:0; padding:0; width:716px; color:#2C2C2C;}
div#crumbs ul {float:left; list-style-type:none; padding:10px 0 6px 0; margin:0; width:716px;}
div#crumbs ul li {float:left; padding:0 4px 0 0; white-space:nowrap; list-style-type:none; margin:0;}
div#crumbs ul li a {padding:0; text-decoration:none;}
div#crumbs ul li a:hover {text-decoration:underline;}
/* end breadcrumb trail */

/* secondary navigation */
div#subnav {width:196px; font-size:1em; margin:0 0 20px 0;}
div#subnav ul {list-style-type:none;}
div#subnav ul li {line-height:1.3; padding:0;}
div#subnav ul li a {padding:6px 10px 6px 12px; border-bottom:1px solid #A7B6DE; text-decoration:none; display:block; width:196px; w\idth:174px; background:#6173EF; color:#fff;}
div#subnav ul li a:hover {color:#212121;}
div#subnav ul li.active a {background:#7C91E2; color:#212121;}

div#subnav ul ul {padding:3px 0; border-bottom:1px solid #A7B6DE; background:#7C91E2;}
div#subnav ul ul li a {padding:2px 10px 2px 24px; border-bottom:none; text-decoration:none; display:block; width:196px; w\idth:162px; background:#7C91E2; color:#fff; line-height:1.1;}
div#subnav ul ul li a:hover {color:#212121;}
div#subnav ul li.active ul li a {background:#7C91E2; color:#fff;}
div#subnav ul li.active ul li a:hover {color:#212121;}
div#subnav ul li.active ul li.active a {color:#212121;}
div#subnav ul li.active ul li.active a:hover {color:#212121;}
/* end secondary navigation */

/* homepage */
div#hometop {float:left; width:680px; margin:40px 0 20px 0;}
div#hometop div.intro {background:#E5ECFF; float:left; margin:0 20px 0 0; display:inline; padding:0 10px; width:330px; w\idth:310px; min-height:194px; height:auto !important; height:194px;}
div#hometop div.intro h2 {font-size:1.2em; margin:20px 0 6px 0; font-weight:bold;}
div#hometop div.intro p {font-size:1em; margin:0 0 6px 0;}
div#hometop div.introImg {min-height:170px;width:330px;float:left;}
div#hometop img {float:left;}

div.featureblockholder {float:left; margin:0 -17px 0 0px; width:516px;}
.home div.featureblockholder {margin:0 -20px 0 0px; width:716px;}
div.featureblock {width:155px; float:left; margin:0 17px 0 0;_margin:0px 0px 0px 0px;display:inline;/*GGUK-35 - IE6 hack*/}
.home div.featureblock {margin:0 20px 0 0;_margin:0px 0px 0px 0px;/*GGUK-35 - IE6 hack*/}
div.featureblock a {float:left; display:block; background:#E5ECFF;}
div.featureblock a:hover {text-decoration:none; background:#C2DCF2; cursor:pointer;}
div.featureblock a strong {font-size:1.3em; line-height:1; display:block; font-weight:normal; background:#6173EF; color:#fff;  padding:10px 2px 0px 8px; width:155px; w\idth:145px; min-height:40px; height:auto !important; height:40px;}
.home div.featureblock a strong {background:url(../../../../images/assets/trefoil.png) no-repeat 110px 4px #6173EF;}
div.featureblock a:hover strong {color:#212121;}
div#content div.featureblock a img {float:left; border:0;}
div.featureblock a em {float:left; padding:4px 6px; width:155px; w\idth:143px; display:block; font-style:normal; color:#606060;  line-height:1.1; font-size:.92em;}
/* end homepage */


/* footer */
div#footer {margin:0 auto; text-align:left; color:#484848; width:774px; font-size:.92em;}
div#footer ul {float:left; list-style-type:none; padding: 4px 0;margin:0;}
div#footer ul li {float:left; padding:0 4px 0 0;list-style-position:outside;}
div#footer ul li a {color:#484848;}
/* end footer */

/* general typography */
h2, h3, h4, h5, h6 {}
h2 {font-size:1.6em; margin:0 0 6px 0; font-weight:normal;}
h3 {font-size:1.3em; margin:12px 0 0 0; font-weight:normal;}
h4 {font-size:1em; margin:10px 0 0 0;}
h5 {font-size:1em; margin:10px 0 5px 0;}
h6 {font-size:1em; margin:0;}
p {margin:0 0 10px 0;}
p.toplink {margin:0px 0 14px 0; padding-bottom:6px; border-bottom:1px solid #C2DCF2;}
p.download {font-size:1.1em; font-weight:bold;}
p.download a, p.download a:visited {background:#6173EF; color:#fff; padding:2px 6px;}
div.address {margin:0 0 10px 0;}
div.address p {margin:0;}
div.promise {margin:0 0 14px 0; font-weight:bold; font-style:italic;}
div.promise p {margin:0;}
acronym {border-bottom: 1px dashed #000; cursor: help;}
hr {height:1px; color:#C2DCF2; border: 0; background-color: #C2DCF2; margin: 20px 0;}
div.line {border-bottom:1px solid #C2DCF2; margin:10px 0; height:1px; clear:left;}
div.line hr {display:none;}
blockquote {margin:10px 20px 20px 20px; font-weight:bold; font-style:italic;}
/* end general typography */

/* directory index of policies */
div.directorybox {background:#E5ECFF; margin:0 0 10px 0; padding:2px 6px 6px 8px;}
div.directorybox h3 {font-size:1.2em; font-weight:bold; margin:0;}
div.directorybox h3 a, div.directorybox h3 a:visited {color:#606060;}
div.directorybox p {line-height:1.2; margin:0;}
div.directorybox p a {padding:0 8px 0 0;}
/* end directory index of policies */

/* image floats */
div#content div.faqs img{border: 0;}
div#content img {border:2px solid #E17FB0;}
div#content img.left {float:left; margin:4px 12px 4px 0;}
div#content img.right {float:right; margin:0 0 12px 12px;}
/* end image floats */

/* image captions */
.captionleft {float:left; margin:4px 16px 12px 0;  width:196px; background-color:#F9E5EF; border:2px solid #E17FB0;}
.captionright {float:right; clear:right; margin:4px 0 4px 12px; width:196px; background-color:#F9E5EF; border:2px solid #E17FB0;}
.captionleft p, .captionright p {margin:0; padding: 4px 8px 8px 8px; font-size:.92em;}
div#content .captionleft img, div#content .captionright img {border:0;}
/* end image captions */


/* lists */
div#content ul {margin:0 0 1em 2.5em;}
div#content ul li {padding:0; list-style-type:disc;}
div#content ul ul {margin:.3em 0 .3em 3em;}
div#content ul ul li {list-style-type:circle;}
div#content ul ul ul li {list-style-type:disc;}
div#content ol {padding:0 0 0 0; margin:.5em 0 1em 3em;}

div#content ul.links {margin:0 0 1em 0;}
div#content ul.links li {list-style-type:none;}

div#content dl {margin: 0 0 1em 0;}
div#content dt {margin: 1em 0 0 0; font-weight:bold;}
div#content dd {margin: 0 0 0 1em;}
/* end lists */

/* tables */
table, th, tr, td {font-size:1em;}

/*table {margin: .5em 0 1em 0; padding:0; border-right:1px solid #C40062 ; border-top:1px solid #C40062 ;}*/
/*th {padding: .2em .4em; background:#C40062 ; text-align:left; color:#fff; vertical-align:top;}*/
/*td {padding: .4em; border-bottom:1px solid #C40062; border-left:1px solid #C40062; vertical-align:top;}*/
div.faqs table {margin:0; }
div.faqs td {padding:0; }
table {margin: .5em 0 1em 0; padding:0; }
th {padding: .2em .4em; background:#C40062 ; text-align:left; color:#fff; vertical-align:top;}
td {padding: .4em; vertical-align:top;}


table caption {text-align:left; font-size:1em; font-weight:bold;}
/* end tables */

/* forms */
div.formholder {float:left; width:100%;}
div#content form {margin: 20px 0; float:left; width:356px;}
div#content fieldset {border:none;}
div#content legend {font-size:1.5em; margin:0 0 4px 0; color:#606060;}
div#content label {clear:left; cursor:pointer; font-weight:normal; display:block; width: 160px; float:left;}
div#content input, div#content textarea, div#content select {width:190px; float:left; margin:1px 0; border: 1px solid #C2DCF2; background:none;}
div#content option {background: #fff;}
div#content input.checkbox {float:left; margin:0px 0 5px 0; padding:1px 0 3px 0; width:auto; cursor:pointer; border:none;}
div#content input.button {display:inline; margin:5px 0 0 160px; padding:1px 3px 3px 3px; width:auto; cursor:pointer; background:#C2DCF2; border:1px solid #7CC4E4; clear:left;}
/* end forms */

div#content div.faqSearchBox table, div#content div.faqSearchBox td, div#content div.faqSearchBox img {
  border: none;
}

div#content div.faqSearchBox select {
  float: none;
}

/* Index Server Search Plugin */

#IndexServerSearch
{
	width:100%;
}

#IndexServerSearch #SearchControlsWrapper
{
	width:100%;
	float:left;
}

#IndexServerSearch #SearchControlsWrapper #SearchControls
{
	width:70%;
	float:left;
}

#IndexServerSearch #SearchControlsWrapper #SearchControls .SearchTextBox
{
	border:1px solid #4A5EA6;
	color:#3A3A3A;
	float:left;
	height:18px;
	margin:0 7px 0 0;
	padding:5px 0 0 4px;
	width:280px;
}

#IndexServerSearch #SearchControlsWrapper #SearchControls .SearchButton
{
	border:none;
	width:auto;
}

#IndexServerSearch #SearchControlsWrapper #SortOrderControls
{
	width:30%;
	float:right;
	padding-top:3px;
}

#SortOrderRelevance, #SortOrderDate
{
	float:right;
	padding-left:7px;
}

#IndexServerSearch #SearchControlsWrapper #SortOrderControls a.SearchSortOrderActive, #IndexServerSearch #SearchControlsWrapper #SortOrderControls a.SearchSortOrder
{
	font-weight:bold;
	color:#5b6fb6;
	border: 1px solid #4a5b93;
	background-color:#c0d8f4;
	padding: 3px;
}

#IndexServerSearch #SearchControlsWrapper #SortOrderControls a.SearchSortOrderActive
{
	color:#ffffff;
	background-color:#bc004c;
}

#IndexServerSearch #TopPagingControls, #IndexServerSearch #BottomPagingControls
{
	width:100%;
	float:left;
	padding-top:20px;
	text-align:center;
}

#IndexServerSearch #TopPagingControls span a, #IndexServerSearch #TopPagingControls span span, #IndexServerSearch #BottomPagingControls span a, #IndexServerSearch #BottomPagingControls span span
{
	font-weight:bold;
	color:#5b6fb6;
	border: 1px solid #4a5b93;
	background-color:#c0d8f4;
	padding: 5px;

}

#IndexServerSearch #TopPagingControls span span, #IndexServerSearch #BottomPagingControls span span
{
	color:#ffffff;
	background-color:#bc004c;

}

#IndexServerSearch  #MainResults, 
#IndexServerSearch #MemberOnlyResults
{
	width:100%;
	float:left;
	padding-top:20px;
}

#IndexServerSearch #MemberOnlyResults
{
	padding-top:40px;
}

#IndexServerSearch  #MainResults ul, 
#IndexServerSearch #MemberOnlyResults ul
{
	margin:0;
}

#IndexServerSearch  #MainResults ul li, 
#IndexServerSearch #MemberOnlyResults ul li
{
	list-style: none;
	padding:3px 0 3px 0;
}

#IndexServerSearch  #MainResults span.title, 
#IndexServerSearch #MemberOnlyResults span.title
{
	width:70%;
	height:17px;
	float:left;
	overflow:hidden;
}

#IndexServerSearch #MainResults span.date, 
#IndexServerSearch #MemberOnlyResults span.date
{
	width:30%;
	float:right;
	text-align:right;	
}

#IndexServerSearch #MainResults ul li span.title a, 
#IndexServerSearch #MemberOnlyResults ul li span.title a
{
	font-weight:bold;
	color:#5b6fb6;
}

#IndexServerSearch #ajaxprogress
{
	height:55px;
	padding-left:50%;
}

















/* Rss Feed Styles */
UL.rssFeed			{list-style:none; margin:0px; margin-bottom:20px; width:40em;}
UL.rssFeed LI		{margin-bottom:.75em;}
UL.rssFeed A		{font-size:120%; font-weight:bold;}
UL.rssFeed .desc	{margin-bottom:.2em;}
UL.rssFeed .meta	{}


/* my links */ 
#mnu {width:8em; height:15em;}
.mnu {font-family:Tahoma, Arial,helvetica,sans-serif; font-size:100%;}
.mylinks {font-family:Tahoma, Arial,helvetica,sans-serif; font-size:100%; color:#3366ff; list-style-image:url(MLBullet.gif); line-height:105%;}
TD.mnu_bullet_nc1 {background-image:url(../../../../images/mnu_0_bullet_nc1.gif)}


