/* CSS Document */
/****************** General stuff *****************/

html, body, ol, ul, li, dl, dt, dd, img {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}

body {
	padding: 0 389px 0 389px; /* the critical side padding that sets the natural min-width! */
	background: url(../sgimages/bg1.png) repeat-x top; /* this BG tiles the top of the page - including outside the columns */
	color: #666;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 80%; /* this body font-size fixes an IE bug and maintains x-browser uniformity and permits the basis for 'elastic' layouts*/
	text-align: center; /* centers the #sizer element in IE5.x/win */
}

img	{
	border: 0;
	padding: 0;
	margin: 0;
}

p.access	{
	display: none;
}
#sizer {
	margin: 0 auto; /* centers #sizer in standard browsers */
	padding: 0;
	width: 39%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */
	text-align: left; /* resets the default text alignment for the page */
	max-width: 200px;
}
#expander { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -369px 0 -369px; /* neg side margin values should be < or = to side body padding */
	min-width: 778px; /* This prevents Safari from losing the negative margins in narrow windows */
	position: relative; /* makes #expander visible outside #sizer in IEwin */
  background: url(../sgimages/bg2.png) repeat-y left top;
}

/*\*/
* html #expander {
  height: 0;
}
	/* #expander must have "height: 0" in IEwin bug fixing - with no height corrupts */

/* The above is a modified Holly hack for #expander, with zero substituted for the
usual 1% height value. Any % value on this element causes a horrendous IE bug! */


#wrapper1 {
	position: relative;
	/* background: url(../awimages/bgleft.png); this BG tiles the left column */
	font-size: 0.9em/1.3; /* set global font-size here */
} /* this positioning may be needed for IEwin if page is to contain positioned elements */

/****************** Page top navigation *****************/

div#topnav	{
  display: none;
}
input.srchbutton {
	vertical-align: top;
}

/****************** Main Page Structure *****************/

/* To modify the side column widths and the col divider widths, the values that are
marked "critical" and also refer to the desired mod MUST be changed as a group. */

.outer {
	/* background: url(../awimages/bgcentre.png); this BG tiles the center column */
	border-left: 0px solid #fff; /*** Critical left divider dimension value ***/
	border-right: 0px solid #fff; /*** Critical right divider dimension value ***/
	margin-right: 0px;
  margin-left: 0px;    /*** Critical left col width value - see also .left below ***/
}
.inner {
 	border-left: 0px solid #fff; /*** Critical left divider dimension value ***/
	border-right: 0px solid #fff; /*** Critical right divider dimension value ***/
	margin-right: 0px;
  margin-left: 245px;    /*** Critical left col width value - see also .leftinner below ***/ 
}
.center {
	float: right;
	width: 100%;
}
.left {
  display: none;
}
.centerbox {
	float: right;
  /* position: relative;  Needed for IE/win */
	width: 100%;
	background: #f9f9f9;
	border-left: 2px dotted #3366a1;
	border-right: 1px solid #d7dbec;
}
.innerleft {
  float: left;
  width: 240px;
  margin-left: -245px;
}
.container-left {
	text-align: right;
	padding: 8px 0 0 0;
}

/*************** Header and Footer elements *****************/

.header {
	width: 100%;
	height: 70px;
	padding: 0;
	text-align: left;
	margin-top: -9px;
}
.strapline {
	float: right;
  position: absolute;
  text-align: right;
	top: 37px;
	right: 5px;
}
/*\*/
* html .header {
  margin-top: -17px;
}
/* IEwin hack needed because the header BG is in a positioned wrapper and shows
variance. IEwin does not support fixed backgrounds on elements other than the body
Also, hack for header top margin now that menu is in place since IE and Firefox vary greatly in this - see also line 213 */

.footer {
	width: 100%;
	font-weight: bold;
	clear: both;
	padding: 1px 0 5px 0;
	margin: 30px 0 0 0;
	position: relative;
	background: url(../sgimages/bg1.png) repeat-x bottom;	
}

.footer p {
  margin: 0 0 0 180px;
  color: #fff;
}

/************** Spacing Controls for various column contents ***************/

.outer ul {
	margin: 10px 0;
	/* governs, amongst other things, left nav spacing between lists */
}

.textpadder {
  padding: 8px;
}

.centerbox .textpadder {
  padding: 5px 15px 8px 15px;
}

div.iteminner {
	display: none;
}

/************** Typography Stuff *************/

a {
	color: #ae2f69;
	font-weight: bold;
	text-decoration: none;
}
a:active {
  color: #ae2f69;
}
a:visited {
  color: #80234d;
}
a:hover {
  color: #f669a9;
}
p  {margin: .5em 0;
 color: #222;
}
h1 {
  margin: 0;
  padding: 0;
  border: 0;
	font-size: 2.4em;
	letter-spacing: 0.1em;
}
h1.logo a, h1.logo a:link {
  position: absolute;
  display: block;
  top: 10px;
  left: 0;
  height: 90px;
  width: 330px;
  z-index: 100;
  background: transparent;
  cursor: hand;
/* 	header bg should be set in fixed position here - specify left and top position in pixels */
}
h1.logo a:hover {
  background: transparent url(../sgimages/bg3a.png) no-repeat 0px -90px; 
}
h2 {
	margin: 0.3em 0 0.2em 0;
  font-size: 1.5em;
	color: #3366a1;
}
h2.strap {
  position: absolute;
  display: block;
  top: 0px;
  right: 0;
  height: 90px;
  width: 332px;
  background: transparent;
/* 	header bg should be set in fixed position here - specify left and top position in pixels */
}
.container-left h2 {
  padding: 0 5px 0 0;
  margin: 0.3em 0 -0.4em 0;
  color: black;
}
h3 {
	margin: 0.2em 0 0.1em;
  font-size: 1.2em;
	color: #3366a1;
}
h4 {
	margin: 0.2em 0 0.1em;
  font-size: 1em;
	color: #3366a1;
}
.alignright {margin: 0 10px 10px 0; text-align: right;}

.small {font-size: .8em;}

/************** Left and right nav *************/

ul.leftsidenav {

}

.leftsidenav a img {

}

.leftsidenav li a {
	display: block;
	text-decoration: none;
	text-align: right;
  background: url(../sgimages/bullet1.png) no-repeat right center;
	padding: 1px 15px 0px 7px;
	margin-right: 10px;
	font-size: 0.9em;
	font-weight: bold;
}

.leftsidenav li a:hover {

	padding: 0px 17px 1px 6px;
	margin-right: 10px;	
	/* font-weight: normal; */
}

.leftsidenav li a:active, .leftsidenav li a:active {
	border-width: 3px 1px 1px 3px;
	/* background-position: 0 0; */
	padding: 1px 5px 1px 7px;
}

/************** Special Fixes *************/

.outer {word-wrap: break-word;}
/* Prevents long urls from breaking layout in IE, must
be hidden in a conditional comment for CSS to validate */

img {max-width: 100%;}
/* prevents oversize images from breaking layout in browsers that support max-width */

/* \*/
* html #wrapper1, * html .outer a, * html .container-left, * html .outer, * html h2, * html .leftsidenav li a {
  height: 1%;
}
/* Holly hack fixes */


/*** Variance fixes for IEwin ***/

/*\*/
* html .outer p {
  margin-right: -6px;
}
* html .innerleft {
  margin-left: -125px;
  position: relative;
}
/* */


/**************** Utility Rules *******************/

/*\*/ /*/
.sidenav a:hover {position: relative;}
/* this fixes an IEmac hover bug in the left column, hidden from other browsers */
.shopping {
  display: none;
}

.brclear { /* Use a break with this class to clear float containers */
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}

.clicker {
	display: block;
	text-align: center;
	padding: 3px;
	cursor: pointer;
}

.hide {display: none;}