/*jumped from 3bc.css to 6.css*/
/*Basic Tags*/
html{
	margin-top: 0;
	padding-top:0;
	margin-bottom:0;
	padding-bottom:0;
	/*background-color: orange;*/
}
body{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	/*background-color: #eeeeee;*/
	margin-top: 0;
	padding-top :0;
}


a,
a:link
a:active {
   text-decoration: none;
   background-color: inherit;
}

a:visited {
   text-decoration: none;
   background-color: inherit;

}

a:hover {
   text-decoration: none;
   background-color: inherit;
}
/*~~~~~~~~~~~~~~~TESTING~~~~~~~~~~~
html{
	background-color: #33DD77;
}
body{
  background-color: #7777DD;
	border: 3px dotted red;
}
hr{
	color: orange;
}
#header{
		background-color: orange;
}
*/
#footer {
	background: #9944AA;
}

/*Universal classes*/
.clear{
	clear: both
}

/*Page Structure*/

/*START from createFluidCSS.php*/

/*Adjust sizing: so far, just LEFT NOW right: TOO;*/
#pagewrapper{
	min-width: 530px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
	max-width: 1600px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding-top:0;
}


#mainsection {
	padding-left: 200px;      /* LC fullwidth PLUS left padding for centre was 220 if 200 then does NOT reduce in IE6*/
	padding-right: 220px;     /* RC fullwidth + centre paddingRight+rightpadding left+rightpaddingright - but actually +60 If 250 then rh is only 190 wide. 260 works with Right as 220px wide*/
}

#mainsection .column {
	position: relative;
	float: left;
}

#center {
	padding-left: 10px;/* CC padding */
	padding-right: 10px;/* CC padding */
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;

	background-color: lime;
}
#centerInner{
	padding-left: 20px;
	padding-right: 20px;
	background-color: orange;
}
#left {
	width: 220px;             /* LC width needs to be 20 more than image width for FF*/
	padding-left: 10px;/* LC padding */
	padding-right: 10px;/* LC padding was 10 - moves the right boundary of left (but nothing else)*/
	padding-top: 0px;
	padding-bottom: 0px;
	right: 262px;             /* LC fullwidth + CC padding Extra here makes the whole section jump right in FF. 282 gives ideal LH dimension for width 200. 240 was orig setting for width 180 (but not fully tested)*/
	margin-left: -100%;
	/*border: 2px dotted green;*/

}


#right {
	/*follows immed to right of the center section*/
	width: 180px;             /* RC width was 200*/
	/*border: 2px dotted red;*/
	padding-left: 10px;/* RC padding */
	padding-right: 10px;/* RC padding wants to be ZERO for IE6 else 10*/
	padding-top: 0px;
	padding-bottom: 0px;
	margin-right: -100%;
	/*background-color: pink*/
}
* html #left {
	left: 200px;              /* RC fullwidth */
}
/*END from createFluidCSS.php*/





#footer {
	clear: both;
}

/*** IE Fix ***/


/*** Equal-height Columns ***/

#mainsection {
	overflow: hidden;
}

#mainsection .column {
	padding-bottom: 1001em;
	margin-bottom: -1000em;
}

/*** Footer Fix ***/

* html body {
	overflow: hidden;
}

* html #footer-wrapper {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 10010px;
	margin-bottom: -10000px;
	background: #FFF;         /*** Same as body background ***/
}

/*** STYLING OF MAIN STRUCTURE ***/

body {
	margin: 0;
	padding: 0;
}

#header, #footer {
	font-size: large;
	text-align: center;
	padding: 0.3em 0;
}


#container .column {
	padding-top: 1em;
	text-align: justify;
}


#mainsection {
	/*will not work in IE6*/
	background: url(uploads/jg/fade2.png) repeat-y left top;
}

#right{
	background: url(uploads/jg/fade1.png) repeat-y right top;
}

/*~~~~~~~~~~~~~~~SEARCH~~~~~~~~~~~~*/
#search{
	float: right;
	color: white;
	position: absolute;
	bottom: 1.4em;
	right: 0.2em;
}
/* ------------ Header - Search ------------ */
div#search {
	width: 190px;
	height: 28px;
	margin-top: 31px;
	margin-right: 20px;
}
div#search label {
	text-indent: -9999em;
	height: 0pt;
	width: 0pt;
	display: none;
}
div#search input.search-input {
/* specific size for image, your image may need these adjusted */
	width: 143px;
	height: 28px;/*was 17px*/
/* removes default borders, allows use of image */
	border-style: none;
/* text color */
	color: #999;
/* padding of text */
	padding: 7px 0px 4px 10px;
	float: left;
/* set all font properties at once, weight, size, family */
	font: bold 0.9em Arial, Helvetica, sans-serif;
/* left input image, set your own here */
	background: url(uploads/jg/search.png) no-repeat left top;
}
div#search input.search-button {
/* specific size for image, your image may need these adjusted */
	width: 37px;
	height: 28px;
/* removes default borders, allows use of image */
	border-style: none;
/* hides text, image has text */
	text-indent: -9999em;
	float: left;
	margin: 0;
/* provides positive hover effect */
	cursor: pointer;
/* removes default size/height */
	font-size: 0px;
	line-height: 0px;
/* submit button image, set your own here */
	background: transparent url(uploads/jg/search.png) no-repeat right top;
}

/*~~~~~~~~~~~~HEADER~~~~~~~~~~~~~~*/

#header{
	margin: 0;
	padding:0;
}
div#top{
	/*so that when we grow the font size, the top increases in size (albeit with a plain background) so that text does not overflow into main section*/
	/*background-color: #011f39;*/
	background-color: pink;
	margin; 0; padding:0;
	/*border: 1px solid #011f39;*//*Without this, get spurious space above top*/
}
div#JG_header {
	background: url(uploads/jg/bluebg.gif) repeat-x scroll right top;/*was #fff*/
	margin; 0; padding:0;
	}
div#JG_inner{
	background:  url(uploads/jg/bluebulb.gif) no-repeat scroll left top;
	height: 81px;
	margin:0;
	padding: 0;
	position: relative;
}

h1#JG_logo,  div#JG_strapline{
	margin-bottom:0;
	padding:0;
	margin-left: 80px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


h1#JG_logo{
	/*padding-top: 0.25em;*/
	padding-top: 0;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;
	font-size: 2.6em;
	margin-left: 80px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

div#JG_strapline{/*OK*/
	font-size: 0.8em;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;
	/*padding-top: -0.3em;*/
}


#JG_header h1 {
	/*font-size: 2.6em;*/
}

h1#JG_logo a{
	color: #ffffff;
	letter-spacing: normal;
	background-color: inherit;

}

h1 a:visited{
	color: #ffffff;
}
.org{
	font-size: 0.3em;
	font-weight:300;
}
/*~~~~~~~~~~~~~BREADCRUMBS~~~~~~~~~~*/
div.crbk{
	background-color: #dddddd;
	margin-left: -2em;
	margin-right: -2em;
	margin-top:-1px;
}
div.breadcrumbs {
	padding: 0.15em 0;
	font-size: 80%;
	padding-left: 10px;

	/*margin: 0 0.5em;*/


}
div.breadcrumbs span.lastitem {
	font-weight: bold;
}
div.breadcrumbs a{
	/*JG mod*/
	text-decoration: underline;
	margin-left: 0.25em;
	margin-right: 0.25em;
}


/*Right hand box*/
#rightBox{
	margin-top: 2em;
	border: 2px solid #cccccc;
	float: right;
	width: 140px;
	padding: 10px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #ffffff;
}